/*! boker header skin (Figma header-boker 5006:7129) — copied verbatim from the demo's app.css lines 1377–1529 (commit 7df0d35). Phase 1 of demo-port: do not retype values here. */

/* button-secondary (Figma component): a btn-primary skin on its own fill token.
   Used by channel-promo (all brands) and the boker header CTA. */
/* the secondary button carries its OWN ink, not the primary's — Figma binds
   its label and icon to content/on-button-secondary (4205:776) */
.button-secondary{background:var(--bg-component-button-secondary);color:var(--content-on-button-secondary);}/* in the header CTA row it is a boker-only element — hide it for other brands
   there (channel-promo's copy is NOT scoped, so it shows everywhere) */


.site-header__cta .button-secondary{display:none;}
[data-brand="boker"] .site-header__cta .button-secondary{display:flex;background:var(--brand-boker);}
.site-header__local{display:none;}
.site-header__logo .logo-boker{display:none;}
[data-brand="boker"] .site-header__logo svg{display:none!important;}
[data-brand="boker"] .site-header__logo .logo-boker{display:block!important;}/* main header: grid — logo column is first (inline-start = right in RTL) */



[data-brand="boker"] .site-header{display:grid;grid-template-columns:98px 1fr;grid-template-rows:70px 56px;grid-template-areas:"logo top" "logo nav";height:136px;padding:var(--sp-x-tight) var(--sp-normal);column-gap:var(--sp-snug);background:var(--bg-component-header);}
[data-brand="boker"] .site-header__top{grid-area:top;height:auto;padding:var(--sp-snug) 0;background:none;}
[data-brand="boker"] .site-header__logo{position:static;grid-area:logo;width:auto;transform:none;display:flex;align-items:flex-start;justify-content:center;padding-top:3px;}/* CTA row. REMINDER: .site-header__top is direction:LTR (reproduces Figma child
   order) — so DOM order IS left-to-right here and no order tricks are needed:
   [cta: donate, report, subscribe][local][utility] = Figma's left-to-right.
   The Hebrew inside must stay bidi-isolated (the .lbl list above). */


[data-brand="boker"] .site-header__local{display:flex;align-items:center;gap:var(--sp-snug);}/* the city name climbs the DISPLAY scale, one step per breakpoint (Figma
   header-boker 5006:7129 — display/lg ≥1024, display/md ≥768, display/sm
   below). It used to be two hardcoded spans on the headline scale, shown and
   hidden against each other; one element that changes its own text style says
   the same thing without shipping the word twice. */


[data-brand="boker"] .site-header__local .site-header__local-city{color:var(--content-primary);font:var(--ts-display-lg);letter-spacing:var(--ts-display-lg-ls);}
[data-brand="boker"] .site-header__local .site-header__local-status{color:var(--content-tertiary);white-space:nowrap;}/* status keeps Figma's left-to-right part order (weather · date, date beside
   the city); each Hebrew fragment resolves in its own RTL context */


.site-header__local .site-header__local-part,
.site-header__local .site-header__local-city{direction:rtl;unicode-bidi:isolate;}
[data-brand="boker"] .site-header .site-header__utility{display:none;}
[data-brand="boker"] .site-header__cta .button-secondary .lbl{direction:rtl;unicode-bidi:isolate;}
[data-brand="boker"] .site-header .button-primary--donate .ic{display:none;}
[data-brand="boker"] .button-primary--donate .lbl-base{display:none;}
[data-brand="boker"] .button-primary--donate .lbl-boker-long{display:inline;}
.button-primary--donate .lbl-boker{display:none;}/* nav row: tabs right, utility icons left (the inverted anatomy) */


[data-brand="boker"] .site-nav--base{display:none;}
.site-nav--boker{display:none;}
[data-brand="boker"] .site-nav--boker{grid-area:nav;display:flex;justify-content:space-between;align-items:center;height:auto;padding:var(--sp-snug) 0;border-top:var(--bw-thin) solid var(--border-hairline);}/* boker bottom line: border/strong on every header state (Figma: 1px inside) */


[data-brand="boker"] .site-header::after{background:var(--border-strong);}
[data-brand="boker"] .site-header--sub::after,
[data-brand="boker"] .site-header--compact::after{display:block;height:var(--bw-thin);background:var(--border-strong);}
[data-brand="boker"] .site-nav__list{display:flex;gap:var(--sp-loose);align-items:center;}/* utility cluster: LTR + row-reverse — the cluster order matches Figma (menu
   leftmost) while every widget inside (lang pill, search morph) renders in its
   site-wide LTR internal order, no mirroring */


[data-brand="boker"] .site-header__utility--nav{display:flex;gap:var(--sp-x-tight);align-items:center;direction:ltr;flex-direction:row-reverse;}
/* 768–1023: the שותפים tab drops, nav utility shrinks to hamburger+search, tab gap tightens */
@media (min-width:768px) and (max-width:1023px){
  [data-brand="boker"] .site-header__local .site-header__local-city{font:var(--ts-display-md);letter-spacing:var(--ts-display-md-ls);}
  [data-brand="boker"] .tab-hide-tablet{display:none;}
  [data-brand="boker"] .site-header__utility--nav .header-language-toggle,
[data-brand="boker"] .site-header__utility--nav .ic-dark{display:none;}
  [data-brand="boker"] .site-nav__list{gap:var(--sp-normal);}
  [data-brand="boker"] .site-header .site-header__subscribe{display:none;}
}/* sub / compact (65px, single row): utility subset returns inline, small logo.
   The boker nav must lose to the generic sub nav-hiding (same specificity,
   later boker show-rule was winning) — restate the hide explicitly. Same for
   the below-1024 sub hiding: the display:flex here was resurrecting the clone
   on mobile, where the mobile sticky rules drop it into the page flow —
   restated AFTER these rules, at the end of the boker section. */


[data-brand="boker"] .site-header--sub .site-nav--boker,
[data-brand="boker"] .site-header--compact .site-nav--boker{display:none;}
[data-brand="boker"] .site-header--sub,
[data-brand="boker"] .site-header--compact{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:65px;padding:var(--sp-x-tight) var(--sp-normal);gap:var(--sp-snug);}
[data-brand="boker"] .site-header--sub .site-header__top,
[data-brand="boker"] .site-header--compact .site-header__top{flex:1;height:auto;padding:0;}
[data-brand="boker"] .site-header--sub .site-header__logo,
[data-brand="boker"] .site-header--compact .site-header__logo{order:-1;padding-top:0;align-items:center;}
[data-brand="boker"] .site-header--sub .logo-boker,
[data-brand="boker"] .site-header--compact .logo-boker{width:45px;height:55px;}/* the utility subset returns at the far LEFT of the (LTR) row — order:-1 and
   row-reverse so the MENU icon is the leftmost, search beside it;
   the row hugs left (utility+CTAs cluster) and only local floats right */


[data-brand="boker"] .site-header--sub .site-header__utility,
[data-brand="boker"] .site-header--compact .site-header__utility{display:flex;order:-1;flex-direction:row-reverse;}
[data-brand="boker"] .site-header--sub .site-header__row,
[data-brand="boker"] .site-header--compact .site-header__row{justify-content:flex-start;gap:var(--sp-normal);}
[data-brand="boker"] .site-header--sub .site-header__local,
[data-brand="boker"] .site-header--compact .site-header__local{margin-left:auto;}
[data-brand="boker"] .site-header--sub .site-header__utility .header-language-toggle,
[data-brand="boker"] .site-header--sub .site-header__utility .ic-dark,
[data-brand="boker"] .site-header--compact .site-header__utility .header-language-toggle,
[data-brand="boker"] .site-header--compact .site-header__utility .ic-dark{display:none;}
/* mobile (<768): main IS the sub — one 65px row, city only, primary CTA only */
@media (max-width:767px){/* every number here is measured off Figma main-sub-mobile (5006:7228) at 402:
     page padding 20, 10 between the row and the logo, 15 between the icon pair
     and the donate button, 10 inside the icon pair. The row was built on the
     5/15 pair and every one of those distances came out short. */

  
  [data-brand="boker"] .site-header{display:flex;flex-direction:row;align-items:center;height:65px;gap:var(--sp-tight);justify-content:flex-start;}
  [data-brand="boker"] .site-header__top{flex:1;padding:0;}
  [data-brand="boker"] .site-nav--boker{display:none;}
  [data-brand="boker"] .site-header__logo{order:-1;padding-top:0;align-items:center;}
  [data-brand="boker"] .logo-boker{width:45px;height:55px;}
  [data-brand="boker"] .site-header .site-header__utility{display:flex;order:-1;flex-direction:row-reverse;}
  [data-brand="boker"] .site-header__row{justify-content:flex-start;gap:var(--sp-snug);}/* the shared mobile rule squeezes this button to 10 for the other three
     brands; boker keeps the full 15 its own frame specifies */

  
  [data-brand="boker"] .site-header .button-primary--donate{padding:0 var(--sp-snug);}
  [data-brand="boker"] .site-header__local{margin-left:auto;}
  [data-brand="boker"] .site-header .site-header__subscribe,
[data-brand="boker"] .site-header__cta .button-secondary{display:none;}
  [data-brand="boker"] .button-primary--donate .lbl-boker-long{display:none;}
  [data-brand="boker"] .button-primary--donate .lbl-boker-mini{display:inline;}
  [data-brand="boker"] .site-header__local .site-header__local-status{display:none;}
  [data-brand="boker"] .site-header__local .site-header__local-city{font:var(--ts-display-sm);letter-spacing:var(--ts-display-sm-ls);}
}
/* boker hamburger: the panel lives on the LEFT edge and slides in from it
   (Ronen 2026-07-23); the shared .is-open rule (translateX(0)) opens both sides */
[data-brand="boker"] .mega-menu{right:auto;left:0;transform:translateX(-100%);}
[data-brand="boker"] .mega-menu.is-open{transform:translateX(0);}/* overlay pages (full/50:50): the boker always-bg rule above must NOT defeat
   the transparent-over-hero phase — restate the overlay transparency last */


[data-brand="boker"] .site-header.site-header--overlay{background:none;}
[data-brand="boker"] .site-header.site-header--overlay.is-solid{background-color:var(--bg-component-header);}
/* below 1024 the sub clone must stay dead for boker too — this restates the
   generic hide LAST so no earlier boker display:flex can resurrect it */
@media (max-width:1023px){
  [data-brand="boker"] .site-header--sub{display:none;}
}