/* ════════════════════════════════════════════════════════════════════
   Design directions for review (staging only, DESIGN_PREVIEW=true).
   Loaded after site.css. :root[data-look] is set by ?look=a|b|c.
   Team feedback (Omri 04/11): less "business", more community, more dance
   photos, colours that light the site up against the dark logo.
   Brand rules kept: Julia's seal untouched (the header stays dark for the
   wordmark), no purple, no rounded corners, no emoji, AA contrast.
   ════════════════════════════════════════════════════════════════════ */

/* the switcher bar (all looks, and "the current site") */
.look-bar{background:#FFF3CF;color:#0B1F4B;border-bottom:2px solid #B23A28;padding:6px 20px;
  font-family:var(--he-body);font-size:.86rem;line-height:1.5;text-align:center}
.look-bar p{margin:0}
.look-bar a{color:#0B1F4B;font-weight:700;text-underline-offset:3px;padding:2px 4px}
.look-bar a[aria-current]{background:#0B1F4B;color:#FFF3CF;text-decoration:none}
.look-bar .look-note{font-size:.78rem;color:#5B4636}

/* shared section variants (markup only rendered in a look) */
.look-community .gallery{columns:auto;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
.look-community .gallery figure{margin:0;break-inside:auto}
.look-community .gallery img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%}
.look-community .gallery figure:first-child{grid-column:1/-1}
@media (min-width:761px){
  .look-community .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
  .look-community .gallery figure:first-child{grid-column:span 2;grid-row:span 2}
}
.look-band{position:relative;overflow:hidden;background:var(--ink)}
.look-band img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%}
@media (min-width:761px){.look-band img{aspect-ratio:21/8}}
.look-band-label{margin:0;padding:14px var(--gutter)}
.look-band-label span{display:inline-block;font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.3rem);
  line-height:1.1;padding:8px 16px;background:var(--ink);color:var(--ivory)}
.look-strip{overflow:hidden;padding:8px var(--gutter)}
.look-strip .strip{display:flex;gap:6px;max-width:var(--wrap);margin-inline:auto}
.look-strip .strip figure{flex:var(--ar) 1 0;min-width:0;margin:0}
.look-strip .strip img{display:block;width:100%;height:auto}

/* ─────────────────────────────── A · שקיעה בגליל: light and warm ─── */
:root[data-look="a"]{
  --ivory:#FFF8EE; --cream:#FBEADA; --white:#FFFDF9;
  --line:#EED8C2; --text-2:#5B4636; --accent:#C2562A;
  --sunset:#EE8F45; --terra:#B5532F; --terra-ink:#8A3C20;
}
[data-look="a"] body{background:var(--ivory)}
[data-look="a"] .hero{background:linear-gradient(165deg,#FFF1E2 0%,#FBDDC4 55%,#F6C3A0 100%);color:var(--text)}
[data-look="a"] .hero h1{color:var(--navy)}
[data-look="a"] .hero .lead,[data-look="a"] .crumbs,[data-look="a"] .crumbs a{color:#5B4636}
[data-look="a"] .hero::after{background:linear-gradient(90deg,transparent,#C2562A,transparent)}
[data-look="a"] .hero .eyebrow.on-dark{color:var(--terra-ink)}
[data-look="a"] .hero .btn-line.on-dark{color:var(--navy);border-color:var(--navy)}
[data-look="a"] .hero .btn-line.on-dark:hover{background:var(--navy);color:var(--ivory)}
/* the home hero keeps its video, under a warm sunset veil (ivory text, AA) */
[data-look="a"] .hero-video{color:var(--on-dark)}
[data-look="a"] .hero-video h1{color:var(--ivory)}
[data-look="a"] .hero-video .lead{color:#FFE9D6}
[data-look="a"] .hero-video .eyebrow.on-dark{color:#FFD9A8}
[data-look="a"] .hero-video .btn-line.on-dark{color:var(--ivory);border-color:rgba(255,248,238,.7)}
[data-look="a"] .hero-media::after{background:linear-gradient(90deg,rgba(110,40,16,.92) 0%,rgba(150,62,30,.78) 50%,rgba(196,98,48,.45) 100%)}
:root[data-look="a"][dir="ltr"] .hero-media::after{background:linear-gradient(270deg,rgba(110,40,16,.92) 0%,rgba(150,62,30,.78) 50%,rgba(196,98,48,.45) 100%)}
[data-look="a"] .dark{background:#7A3318;--accent:#F2B66E}
[data-look="a"] .dark.navy{background:#8A3C20}
[data-look="a"] .btn-gold{background:var(--sunset);border-color:#C2562A;color:var(--ink)}
[data-look="a"] .btn-gold:hover{background:#F6AE6C}
[data-look="a"] .band.paper{background:#FFFDF9}
[data-look="a"] .card::before{height:3px;background:var(--sunset)}
[data-look="a"] .fact .num{color:var(--terra-ink)}
[data-look="a"] .look-community{background:var(--cream)}
[data-look="a"] .look-band-label span{background:var(--terra-ink)}
[data-look="a"] .look-band{background:var(--cream)}

/* ─────────────────────────────── B · רחבה צבעונית: the most colourful ─── */
:root:is([data-look="b"],[data-look="b2"]){
  --teal:#0F6B6F; --teal-deep:#0B4C55; --coral:#E8604C; --coral-ink:#B23A28; --sun:#F4B526;
  --ivory:#FFF6DC; --cream:#FCE6E1; --white:#E6F3F1; --line:#E9D9B5; --accent:var(--coral-ink);
}
:is([data-look="b"],[data-look="b2"]) .hero{background:var(--teal-deep);--accent:var(--sun)}
:is([data-look="b"],[data-look="b2"]) .hero::after{height:6px;opacity:1;background:linear-gradient(90deg,var(--coral) 0 33.3%,var(--sun) 33.3% 66.6%,#2BA7A0 66.6%)}
:is([data-look="b"],[data-look="b2"]) .hero-media::after{background:linear-gradient(90deg,rgba(11,76,85,.94) 0%,rgba(11,76,85,.80) 55%,rgba(15,107,111,.45) 100%)}
:root:is([data-look="b"],[data-look="b2"])[dir="ltr"] .hero-media::after{background:linear-gradient(270deg,rgba(11,76,85,.94) 0%,rgba(11,76,85,.80) 55%,rgba(15,107,111,.45) 100%)}
:is([data-look="b"],[data-look="b2"]) .eyebrow{background:var(--coral-ink);color:#fff;padding:5px 12px;gap:0}
:is([data-look="b"],[data-look="b2"]) .eyebrow::before,:is([data-look="b"],[data-look="b2"]) .eyebrow::after{display:none}
:is([data-look="b"],[data-look="b2"]) .dark .eyebrow,:is([data-look="b"],[data-look="b2"]) .eyebrow.on-dark{background:var(--sun);color:var(--ink)}
:is([data-look="b"],[data-look="b2"]) .friday-block .eyebrow{background:var(--terra-ink);color:#fff}
:is([data-look="b"],[data-look="b2"]) .rule{height:6px;width:96px;background:linear-gradient(90deg,var(--coral) 0 33.3%,var(--sun) 33.3% 66.6%,var(--teal) 66.6%)}
:is([data-look="b"],[data-look="b2"]) .dark{background:var(--teal);--accent:var(--sun)}
:is([data-look="b"],[data-look="b2"]) .dark.navy{background:var(--navy)}
:is([data-look="b"],[data-look="b2"]) .btn-gold{background:var(--sun);border-color:#C98F0C;color:var(--ink)}
:is([data-look="b"],[data-look="b2"]) .btn-gold:hover{background:#F8C955}
:is([data-look="b"],[data-look="b2"]) h2{letter-spacing:-.01em}
:is([data-look="b"],[data-look="b2"]) .card{border-top:5px solid var(--coral)}
:is([data-look="b"],[data-look="b2"]) .card::before{display:none}
:is([data-look="b"],[data-look="b2"]) .grid>.card:nth-child(3n+2){border-top-color:var(--teal)}
:is([data-look="b"],[data-look="b2"]) .grid>.card:nth-child(3n+3){border-top-color:var(--sun)}
:is([data-look="b"],[data-look="b2"]) .fact .num{color:var(--teal)}
:is([data-look="b"],[data-look="b2"]) .fact:nth-child(2) .num{color:var(--coral-ink)}
:is([data-look="b"],[data-look="b2"]) .look-community{background:var(--sun)}
:is([data-look="b"],[data-look="b2"]) .look-community h2{color:var(--ink)}
:is([data-look="b"],[data-look="b2"]) .look-community .rule{background:var(--ink)}
:is([data-look="b"],[data-look="b2"]) .look-community .gallery figure{border:5px solid #fff;background:#fff}
:is([data-look="b"],[data-look="b2"]) .look-community .gallery figure:nth-child(odd){transform:rotate(-1.2deg)}
:is([data-look="b"],[data-look="b2"]) .look-community .gallery figure:nth-child(even){transform:rotate(1.2deg)}
:is([data-look="b"],[data-look="b2"]) .look-band{background:var(--coral)}
:is([data-look="b"],[data-look="b2"]) .look-band-label span{background:var(--sun);color:var(--ink)}
:is([data-look="b"],[data-look="b2"]) .look-strip{background:var(--coral)}

/* ─────────────────────────────── C · לילה עם אורות: closest to today ─── */
:root[data-look="c"]{--coral:#E8725C; --coral-ink:#B8452F; --accent:var(--coral-ink)}
[data-look="c"] .hero{background:
  radial-gradient(circle at 12% 18%,rgba(232,114,92,.24),transparent 38%),
  radial-gradient(circle at 88% 78%,rgba(216,168,102,.20),transparent 42%),var(--ink)}
[data-look="c"] .hero::after{opacity:1;background:linear-gradient(90deg,transparent,var(--coral),var(--gold),transparent)}
[data-look="c"] .dark,[data-look="c"] .hero,[data-look="c"] .site-foot{--accent:var(--coral)}
[data-look="c"] .dark .eyebrow,[data-look="c"] .eyebrow.on-dark{color:#F59A86}
[data-look="c"] .eyebrow{color:var(--coral-ink)}
[data-look="c"] .rule{height:3px;background:linear-gradient(90deg,var(--coral-ink),var(--gold-dark))}
[data-look="c"] .dark .rule{background:linear-gradient(90deg,var(--coral),var(--gold))}
[data-look="c"] .card::before{height:3px;background:linear-gradient(90deg,var(--coral-ink),var(--gold-dark))}
[data-look="c"] .band.light{background:#FFF5EA}
[data-look="c"] .look-community{background:var(--navy);color:var(--on-dark);--accent:var(--coral)}
[data-look="c"] .look-community h2{color:var(--ivory)}
[data-look="c"] .look-community .eyebrow{color:#F59A86}
[data-look="c"] .look-community .rule{background:linear-gradient(90deg,var(--coral),var(--gold))}
[data-look="c"] .look-community .gallery figure{outline:1px solid rgba(232,114,92,.45);outline-offset:-1px}
[data-look="c"] .look-band-label span{background:var(--ink);border-inline-start:4px solid var(--coral)}
[data-look="c"] .look-strip{background:var(--ink)}

/* branch cards: the dark head follows each look */
[data-look="a"] .branch-card .bc-head{background:var(--terra-ink)}
:is([data-look="b"],[data-look="b2"]) .branch-card .bc-head{background:var(--teal-deep)}
:is([data-look="b"],[data-look="b2"]) .grid>.branch-card:nth-child(2) .bc-head{background:var(--coral-ink)}
[data-look="c"] .branch-card .bc-head{background:radial-gradient(circle at 90% 0%,rgba(232,114,92,.28),transparent 55%),var(--ink)}

/* AA on the coloured dark bands (small text measured against the band colour) */
[data-look="a"] .dark .eyebrow,[data-look="a"] .dark .textlink,[data-look="a"] .dark .bigdate{color:#F6C98E}
:is([data-look="b"],[data-look="b2"]) .dark{--on-dark-2:#E6EEF0}
:is([data-look="b"],[data-look="b2"]) .dark .textlink,:is([data-look="b"],[data-look="b2"]) .dark .bigdate{color:#FFE08A}

/* ═════════════════════ B מלא (b2): B carried through every page and component ═══
   Same palette as B. The header and footer stay deep navy for the seal and the wordmark,
   framed by B's three-colour stripe. Contrast pairs measured (AA): see image_audit.md. */
:root[data-look="b2"]{--stripe:linear-gradient(90deg,#E8604C 0 33.3%,#F4B526 33.3% 66.6%,#2BA7A0 66.6%)}
[data-look="b2"] body{background:var(--ivory)}
/* header, navigation, mobile menu */
[data-look="b2"] .site-head{border-bottom:5px solid transparent;border-image:var(--stripe) 1}
[data-look="b2"] .nav a:hover,[data-look="b2"] .nav .navitem:hover>a,[data-look="b2"] .nav a[aria-current="page"]{color:var(--sun)}
[data-look="b2"] .sub{background:var(--teal-deep);border-top:3px solid var(--sun)}
[data-look="b2"] .sub a:hover{background:var(--teal)}
[data-look="b2"] .menu .panel{background:var(--teal-deep);border-top:3px solid var(--sun)}
[data-look="b2"] .menu .panel a.top{color:var(--sun)}
[data-look="b2"] .menu .panel a.kid{color:#E6EEF0}
[data-look="b2"] .menu .panel .grp{border-bottom-color:rgba(255,255,255,.18)}
/* footer */
[data-look="b2"] .site-foot{border-top:6px solid transparent;border-image:var(--stripe) 1;--accent:var(--sun)}
[data-look="b2"] .site-foot h2{color:var(--sun)}
[data-look="b2"] .site-foot a:hover{color:var(--sun)}
/* inner heroes */
[data-look="b2"] .hero .crumbs,[data-look="b2"] .hero .crumbs a{color:#D5EAE8}
[data-look="b2"] .hero .chip.open{background:var(--sun);border-color:var(--sun);color:var(--ink)}
[data-look="b2"] .hero .chip.soon{color:#E6EEF0;border-color:rgba(230,238,240,.6)}
/* headings, links, buttons */
[data-look="b2"] .steps-label{color:var(--coral-ink)}
[data-look="b2"] .textlink,[data-look="b2"] .prose a{color:var(--teal-deep);text-decoration-color:var(--coral);text-decoration-thickness:2px}
[data-look="b2"] .dark .textlink{color:#FFE08A}
[data-look="b2"] .btn-line{color:var(--teal-deep);border-color:var(--teal-deep)}
[data-look="b2"] .btn-line:hover{background:var(--teal-deep);color:#fff}
[data-look="b2"] .dark .btn-line,[data-look="b2"] .btn-line.on-dark{color:#fff;border-color:rgba(255,255,255,.7)}
[data-look="b2"] .btn-navy{background:var(--teal-deep);border-color:var(--teal-deep)}
[data-look="b2"] a.card:hover{border-color:var(--teal)}
[data-look="b2"] .note{border-inline-start:5px solid var(--sun)}
[data-look="b2"] .empty{border-color:#7FB7B3;background:#fff}
[data-look="b2"] .prose h2{border-inline-start:6px solid var(--coral);padding-inline-start:12px}
[data-look="b2"] .prose blockquote{border-inline-start:4px solid var(--teal)}
[data-look="b2"] .prose .box{background:#E6F3F1;border-color:#9DC7C3}
/* forms and their states */
[data-look="b2"] .form{border-top:6px solid var(--teal)}
[data-look="b2"] .form input[type=text],[data-look="b2"] .form input[type=email],[data-look="b2"] .form input[type=tel],[data-look="b2"] .form select,[data-look="b2"] .form textarea{border-color:#7FB7B3}
[data-look="b2"] .form input:focus-visible,[data-look="b2"] .form select:focus-visible,[data-look="b2"] .form textarea:focus-visible{outline-color:var(--teal-deep);border-color:var(--teal-deep)}
[data-look="b2"] .form .req{color:var(--coral-ink)}
[data-look="b2"] .form .frow.bad input,[data-look="b2"] .form .frow.bad select,[data-look="b2"] .form .frow.bad textarea{border-color:var(--coral-ink);border-width:2px}
/* schedule, price list, purchase options */
[data-look="b2"] .sched thead th,[data-look="b2"] .ptable thead th{background:var(--teal-deep);color:#fff}
[data-look="b2"] .sched tbody+tbody tr:first-child>*{border-top:3px solid var(--sun)}
[data-look="b2"] .sched .s-day{color:var(--coral-ink)}
[data-look="b2"] .ptable .cat td{background:#FFEDB8;color:var(--ink)}
[data-look="b2"] .ptable td.p,[data-look="b2"] .price{color:var(--teal-deep)}
[data-look="b2"] .opt{border-inline-start:6px solid var(--coral)}
[data-look="b2"] .opt:nth-child(3n+2){border-inline-start-color:var(--teal)}
[data-look="b2"] .opt:nth-child(3n+3){border-inline-start-color:var(--sun)}
[data-look="b2"] .opt>summary .tog{color:var(--coral-ink)}
/* the place and the map */
[data-look="b2"] .place .where svg{color:var(--coral-ink)}
[data-look="b2"] .map{border:4px solid var(--sun)}
/* photos: white frames on colour, captions in teal */
[data-look="b2"] .photo,[data-look="b2"] .gallery figure{background:var(--teal-deep)}
[data-look="b2"] .gallery figure{border:4px solid #fff;box-shadow:0 0 0 1px var(--line)}
[data-look="b2"] .gallery figure.credited{border:0;box-shadow:none;background:none}
[data-look="b2"] .photo figcaption,[data-look="b2"] .gallery figcaption{background:rgba(11,76,85,.92)}
[data-look="b2"] .prose .photo.inset{border:6px solid var(--sun);background:var(--sun)}
[data-look="b2"] .art{border-top:5px solid var(--coral)}
[data-look="b2"] .arts>:nth-child(3n+2) .art,[data-look="b2"] .arts>.art:nth-child(3n+2){border-top-color:var(--teal)}
[data-look="b2"] .arts>.art:nth-child(3n+3){border-top-color:var(--sun)}


/* b2: the team cards */
[data-look="b2"] .member{border-top:5px solid var(--coral)}
[data-look="b2"] .team-grid>.member:nth-child(3n+2){border-top-color:var(--teal)}
[data-look="b2"] .team-grid>.member:nth-child(3n+3){border-top-color:var(--sun)}
[data-look="b2"] .member-photo{background:var(--teal-deep)}
[data-look="b2"] .member-styles li{border-color:#9DC7C3;color:var(--teal-deep);background:#E6F3F1}
[data-look="b2"] .member-links a{color:var(--teal-deep)}
[data-look="b2"] .member-join{border-top-style:dashed;background:#FFF6DC}