/* SBR Footer — Ink&Amber.
   RTL DOM order: company → services → areas → contact-combined (NAP+brand+map stacked).
   Visual right→left in he_IL: החברה (rightmost) ... יצירת קשר/brand/map (leftmost). */
/* margin-top:0 explicitly overrides the legacy `style.css` rule
   (`.site-footer { margin-top: 64px }`) — otherwise a 64px paper-colored strip
   appears between the last content section (often a dark CTA) and the dark
   footer, creating an unwanted color break. */
.site-footer{background:var(--ink);color:var(--on-dark-soft);font-size:15px;margin-top:0}
.site-footer a{color:var(--on-dark-soft);text-decoration:none;transition:color .15s}
.site-footer a:hover{color:#fff}
.site-footer h2,.site-footer h3{color:#fff;font-weight:700;font-size:16.5px;margin:0 0 14px;letter-spacing:-.005em}
.site-footer__heading{color:#fff;font-weight:700;font-size:16.5px;margin:0 0 14px;letter-spacing:-.005em}

/* Grid: 3 link clusters + 1 wider combined contact column on the end */
.site-footer__inner{
	max-width:1240px;margin:0 auto;padding:64px 48px 48px;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1.4fr;
	gap:40px 32px;
	align-items:start
}
/* When areas column is absent, grid auto-collapses to 3 columns + combined */
.site-footer__inner:not(:has(.site-footer__col--links + .site-footer__col--links + .site-footer__col--links)){
	grid-template-columns:1fr 1fr 1.4fr
}

/* Link clusters */
.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.footer-links li{margin:0}
.footer-links a{font-size:14.5px;line-height:1.5;display:inline-flex;align-items:center;position:relative;padding-inline-start:0}
.footer-links a::before{
	content:"";display:inline-block;width:0;height:1px;background:var(--accent);
	margin-inline-end:0;transition:width .2s,margin .2s;vertical-align:middle}
.footer-links a:hover::before{width:10px;margin-inline-end:6px}
.footer-links__all a{color:var(--accent);font-weight:600;margin-top:6px}

/* Combined contact column — stacks NAP / brand / map vertically */
.site-footer__col--contact{display:flex;flex-direction:column;gap:24px;max-width:320px;margin-inline-start:auto}
.site-footer__block--nap p{margin:0 0 6px;font-size:14.5px;line-height:1.55}
.site-footer__nap{color:var(--on-dark-mute)}
.site-footer__hours{font-size:14px;line-height:1.7;color:var(--on-dark-mute);margin-top:10px}
.site-footer__hours p{margin:0 0 4px;font-size:14px}

/* Brand block inside combined column — small logo + tagline + social */
.site-footer__block--brand .custom-logo-link{display:inline-block;margin-bottom:10px}
.site-footer__block--brand .custom-logo-link img{max-height:32px;width:auto}
.site-footer__title{color:#fff;font-weight:800;font-size:18px;margin:0 0 6px;letter-spacing:-.02em}
.site-footer__tagline{color:var(--on-dark-mute);font-size:13.5px;line-height:1.55;margin:0 0 12px}

/* Social — round icon pills. Switched from text labels to inline-SVG glyphs so
   the row reads as recognizable platform marks at a glance (LinkedIn, IG, etc.)
   rather than a wall of platform names. Same hover treatment (amber fill). */
.social-links{display:flex;gap:9px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.social-links a{
	display:inline-grid;place-items:center;
	width:36px;height:36px;border-radius:50%;
	border:1px solid rgba(255,255,255,.16);
	color:var(--on-dark-soft);text-decoration:none;
	transition:border-color .2s,color .2s,background .2s,transform .2s}
.social-links a:hover{color:var(--ink);background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}
.social-links svg{width:16px;height:16px;display:block}

/* Mini-map block inside combined column.
   Stacks: map image (with Google Maps CTA badge) → Waze button below.
   Both routes are exposed because Israeli users overwhelmingly prefer Waze
   for in-country navigation; Google Maps is included as fallback / for tourists. */
.site-footer__block--map{margin-top:4px;display:flex;flex-direction:column;gap:8px}
.site-footer__map{display:block;border-radius:10px;overflow:hidden;
	box-shadow:0 12px 28px -14px rgba(0,0,0,.5);
	position:relative;line-height:0;
	transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.site-footer__map img{display:block;width:100%;height:auto;aspect-ratio:280/180;object-fit:cover;
	transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.site-footer__map:hover{transform:translateY(-3px)}
.site-footer__map-cta{position:absolute;inset:auto 10px 10px auto;
	display:inline-flex;align-items:center;gap:6px;
	background:var(--accent);color:var(--accent-ink);
	font-size:12.5px;font-weight:700;letter-spacing:-.005em;
	padding:7px 12px;border-radius:99px;
	box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.site-footer__map-cta svg{width:13px;height:13px;flex:0 0 auto}

/* Waze button — sits below the static map. Filled Waze cyan with dark text so
   it reads clearly at rest (the old faded-outline state was anemic). It's a
   3rd-party brand button (like a WhatsApp button), so the cyan pop is expected. */
.site-footer__waze{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:10px 16px;border-radius:10px;
	background:#33ccff;color:#08303c;
	border:1px solid #33ccff;
	font-size:14px;font-weight:700;letter-spacing:-.005em;
	text-decoration:none;
	transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s}
.site-footer__waze:hover{background:#19c1f4;color:#06222b;border-color:#19c1f4;transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(51,204,255,.75)}
.site-footer__waze svg{width:18px;height:18px;flex:0 0 auto}

/* Support row — sub-footer links (privacy, terms, sitemap) */
.site-footer__support{max-width:1240px;margin:0 auto;padding:22px 48px;border-top:1px solid rgba(255,255,255,.08)}
.support-links{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--on-dark-mute);justify-content:center}
.support-links a{color:var(--on-dark-mute)}
.support-links a:hover{color:#fff}

/* Copyright */
.site-footer__copy{
	border-top:1px solid rgba(255,255,255,.08);
	padding:18px 48px;text-align:center;font-size:13px;color:var(--on-dark-mute)}
.site-footer__copy p{margin:0}

/* CTA footer variant */
.site-footer--cta .site-footer__cta-band{background:var(--brand-deep);text-align:center;padding:72px 28px}
.site-footer--cta .site-footer__cta-title{color:#fff;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}
.site-footer--cta .site-footer__cta-subtitle{color:var(--on-dark-soft);margin-bottom:24px}
.site-footer--cta .sbr-btn{margin-top:12px}
.site-footer--cta .btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--ff);font-weight:700;font-size:16.5px;border:0;border-radius:8px;padding:16px 28px;cursor:pointer;text-decoration:none;transition:background .2s,box-shadow .2s}
.site-footer--cta .btn--primary{background:var(--accent);color:var(--accent-ink)}
.site-footer--cta .btn--primary:hover{background:var(--accent-strong);box-shadow:var(--shadow-btn)}
.site-footer--cta .site-footer__inner{grid-template-columns:1fr;text-align:center;padding:24px 48px}

/* Minimal variant */
.site-footer--minimal .site-footer__inner{grid-template-columns:1fr;padding:32px 48px;gap:0}

/* Responsive */
@media(max-width:1100px){
	.site-footer__inner{padding:54px 36px 40px;gap:36px 28px}
}
@media(max-width:880px){
	.site-footer__inner,
	.site-footer__inner:not(:has(.site-footer__col--links + .site-footer__col--links + .site-footer__col--links)){
		grid-template-columns:1fr 1fr;padding:44px 24px 36px;gap:32px 24px}
	.site-footer__col--contact{grid-column:1 / -1;max-width:none;margin-inline-start:0;
		display:grid;grid-template-columns:1fr 1fr;gap:24px}
	.site-footer__copy,
	.site-footer__support{padding:22px 24px}
	.site-footer--minimal .site-footer__inner{grid-template-columns:1fr}
}
@media(max-width:520px){
	.site-footer__inner,
	.site-footer__inner:not(:has(.site-footer__col--links + .site-footer__col--links + .site-footer__col--links)){
		grid-template-columns:1fr}
	.site-footer__col--contact{grid-template-columns:1fr}
	.support-links{justify-content:flex-start}
}

/* Accessibility-statement link in the footer copy row (legal: reachable site-wide) */
.site-footer__a11y-link{display:inline-block;margin-top:6px;font-size:13px;color:inherit;opacity:.82;
	text-decoration:underline;text-underline-offset:2px}
.site-footer__a11y-link:hover,.site-footer__a11y-link:focus-visible{opacity:1;color:var(--accent)}

/* ===== Mobile sticky action bar (sbr-msb) — WhatsApp · Call · Leave details =====
   Site-wide, mobile-only (hidden >=980px). Fixed to viewport bottom. The "leave
   details" item is the primary conversion target (gold) and smooth-scrolls to the
   on-page contact form, falling back to the contact page. Safe-area padding for
   notched iPhones. */
.sbr-msb{position:fixed;inset-inline:0;bottom:0;z-index:900;display:flex;gap:6px;
	padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));
	background:#fff;border-top:1px solid #E7E1D3;
	box-shadow:0 -8px 26px -14px rgba(18,22,28,.32)}
.sbr-msb__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:4px;padding:9px 4px;border-radius:13px;font-size:12.5px;font-weight:700;line-height:1;
	text-decoration:none;color:#12161C;-webkit-tap-highlight-color:transparent;
	transition:transform .12s ease,box-shadow .2s ease}
.sbr-msb__item:active{transform:scale(.96)}
.sbr-msb__item svg{width:23px;height:23px;flex:0 0 auto}
.sbr-msb__item--wa svg{color:#25D366}
.sbr-msb__item--call svg{color:#12161C}
.sbr-msb__item--form{background:linear-gradient(160deg,#E3C57E,#C8A24C);color:#12161C;font-weight:800;
	box-shadow:0 8px 18px -10px rgba(200,162,76,.7)}
.sbr-msb__item--form svg{color:#12161C}
/* Keep the bar from covering footer content on mobile */
@media (max-width:979px){.site-footer{padding-bottom:78px}}
/* Desktop: header already exposes phone + CTA, so the bar is redundant */
@media (min-width:980px){.sbr-msb{display:none}}
/* Hide the bar while the mobile nav drawer is open (body.sbr-no-scroll) — otherwise
   it overlaps the drawer's own CTA button pinned at the bottom of the screen */
body.sbr-no-scroll .sbr-msb{display:none}