/* ==========================================================================
   ב.דקואר ושות' | משרד עורכי דין — מערכת עיצוב
   ========================================================================== */

/* שדה מלכודת לבוטים (Netlify honeypot) — מוסתר מעיניים ומקוראי מסך כאחד. */
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 1. טוקנים ---------- */
:root{
  /* צבע — נייטרל כהה + לבן + אקצנט אחד בלבד */
  --navy:        #16294A;
  --navy-800:    #202F4D;
  --navy-700:    #2A3B56;
  --navy-600:    #354867;
  --gold:        #A5854A;   /* קווים, מילויים ומספרים גדולים */
  --gold-ink:    #7A5F26;   /* זהב לטקסט קטן — 5.9:1 על לבן, 5.2:1 על --paper-2 */
  --gold-300:    #C0A268;   /* זהב על רקע כהה בלבד */
  --gold-100:    #EFE8D0;

  --ink:         #1C222B;
  --ink-soft:    #414A56;
  --muted:       #616875;
  --line:        #E4E6EA;
  --line-soft:   #F0F1F3;
  --paper:       #FFFFFF;
  --paper-2:     #F6F5F2;

  /* טיפוגרפיה — משפחה אחת לגוף. הסריף שמור לתצוגה בלבד.
     כדי לוותר על הסריף: החליפו את הערך הבא ב-var(--font-body). */
  --font-body:   "Assistant", "Segoe UI", Arial, sans-serif;
  --font-display:"Frank Ruhl Libre", "Assistant", serif;

  --fs-eyebrow:  0.8125rem;
  --ls-eyebrow:  0.28em;
  --ls-wide:     0.12em;

  /* מרחב — הקצב הנדיב הוא מה שמייצר את תחושת היוקרה */
  --container:   1270px;
  --gutter:      clamp(1.25rem, 4vw, 3.25rem);
  --sec-y:       clamp(4.5rem, 11vw, 9.375rem);
  --sec-y-tight: clamp(3.25rem, 7vw, 5.5rem);
  --header-h:    90px;
  --header-h-sm: 68px;

  --ease:        cubic-bezier(.22,.61,.36,1);
  --ease-out:    cubic-bezier(.16,1,.3,1);
  --radius:      4px;
}

/* ---------- 2. איפוס ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1.5rem)}
body{
  margin:0;
  font-family:var(--font-body);
  font-size:1.125rem;
  line-height:1.75;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.18;letter-spacing:-0.01em}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
/* טבעת פוקוס: זהב כהה על רקע בהיר, זהב בהיר על רקע כהה (WCAG 1.4.11) */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.site-header :focus-visible,.drawer :focus-visible,.hero :focus-visible,
.page-hero :focus-visible,.parallax :focus-visible,.section--navy :focus-visible,
.site-footer :focus-visible{outline-color:var(--gold-300)}
::selection{background:var(--gold);color:#fff}

/* ---------- 3. עזרים ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:860px}
.section{padding-block:var(--sec-y)}
.section--tight{padding-block:var(--sec-y-tight)}
.section--paper2{background:var(--paper-2)}
.section--navy{background:var(--navy);color:#fff}
.section--navy p{color:rgba(255,255,255,.78)}
/* כרטיס לבן בתוך סקשן כהה — אחרת .section--navy p גובר על .card__text */
.section--navy .card__text,.section--navy .card p{color:var(--ink-soft)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:1rem;z-index:2000;background:var(--gold);color:#fff;padding:.75rem 1.25rem;font-weight:700;transition:inset-block-start .2s}
.skip-link:focus{inset-block-start:1rem}

/* ---------- 4. טיפוגרפיה ---------- */
.eyebrow{
  display:block;
  font-size:var(--fs-eyebrow);
  font-weight:600;
  letter-spacing:var(--ls-eyebrow);
  color:var(--gold-ink);
  margin-bottom:1.35rem;
  line-height:1.6;
}
.section--navy .eyebrow{color:var(--gold-300)}
.eyebrow--rule{display:flex;align-items:center;gap:1rem}
.eyebrow--rule::after{content:"";flex:1;height:1px;background:currentColor;opacity:.3;max-width:5rem}

.h-display{font-family:var(--font-display);font-size:clamp(2.125rem,5vw,3.25rem);font-weight:500;line-height:1.16}
.h-section{font-family:var(--font-display);font-size:clamp(1.875rem,3.6vw,2.75rem);font-weight:500;line-height:1.2;margin-bottom:1.5rem}
.h-sub{font-size:clamp(1.125rem,1.8vw,1.375rem);font-weight:700;line-height:1.35}
.lead{font-size:clamp(1.125rem,1.6vw,1.3125rem);line-height:1.85;color:var(--ink-soft)}
.section--navy .lead{color:rgba(255,255,255,.82)}
.muted{color:var(--muted)}
.measure{max-width:64ch}

/* ---------- 4b. שורת חיוג מעל ה-CTA (מספר הנייד כפעולה ראשית) ---------- */
.cta-phone-wrap{margin-top:2.5rem;margin-bottom:1.25rem}
.cta-phone{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:700;font-size:1rem;letter-spacing:.02em;color:inherit;
  transition:color .3s var(--ease)
}
.cta-phone svg{color:var(--gold-ink)}
.cta-phone:hover{color:var(--gold-ink)}
.section--navy .cta-phone svg,.hero .cta-phone svg{color:var(--gold-300)}
.section--navy .cta-phone:hover,.hero .cta-phone:hover{color:var(--gold-300)}

/* ---------- 5. כפתורים (ghost עם מילוי בהאובר) ---------- */
.btn{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 2rem;
  border:2px solid currentColor;border-radius:var(--radius);
  font-size:.9375rem;font-weight:700;letter-spacing:var(--ls-wide);line-height:1;
  overflow:hidden;
  transition:color .35s var(--ease),border-color .35s var(--ease);
}
.btn::after{
  content:"";position:absolute;inset:0;z-index:-1;
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s var(--ease-out);
}
.btn:hover::after,.btn:is(:focus-visible)::after{transform:scaleX(1);transform-origin:right}
.btn--gold{color:var(--gold)}
.btn--gold::after{background:var(--gold)}
.btn--gold:hover,.btn--gold:is(:focus-visible){color:#fff;border-color:var(--gold)}
.btn--white{color:#fff}
.btn--white::after{background:#fff}
.btn--white:hover,.btn--white:is(:focus-visible){color:var(--navy);border-color:#fff}
.btn--navy{color:var(--navy)}
.btn--navy::after{background:var(--navy)}
.btn--navy:hover,.btn--navy:is(:focus-visible){color:#fff;border-color:var(--navy)}
.btn--solid{color:#fff;background:var(--gold);border-color:var(--gold)}
.btn--solid::after{background:var(--navy)}
.btn--solid:hover,.btn--solid:is(:focus-visible){color:#fff;border-color:var(--navy)}
.btn__arrow{transition:transform .35s var(--ease)}
.btn:hover .btn__arrow{transform:translateX(-4px)}

.arrow-link{
  display:inline-flex;align-items:center;gap:.5rem;
  font-weight:700;font-size:.9375rem;letter-spacing:var(--ls-wide);
  color:var(--gold-ink);
  padding-block-end:.35rem;
  border-block-end:1px solid transparent;
  transition:border-color .3s var(--ease),gap .3s var(--ease);
}
.arrow-link:hover{border-block-end-color:currentColor;gap:.85rem}

/* ---------- 6. הדר ---------- */
.site-header{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:1000;
  height:var(--header-h);
  background:var(--navy);
  transition:height .35s var(--ease),box-shadow .35s var(--ease);
}
.site-header.is-scrolled{height:var(--header-h-sm);box-shadow:0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(11,20,36,.28)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:100%}

.brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0}
.brand__mark{height:40px;width:auto;flex-shrink:0;color:var(--gold-300);transition:transform .4s var(--ease)}
.brand:hover .brand__mark{transform:rotate(-6deg)}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__name{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:#fff;letter-spacing:.02em}
.brand__sub{font-size:.6875rem;font-weight:600;letter-spacing:.22em;color:var(--gold-300);margin-top:.3rem}

.nav{display:flex;align-items:center;gap:2rem}
.nav__link{
  position:relative;
  font-size:1rem;font-weight:600;color:rgba(255,255,255,.9);
  padding-block:.5rem;
  transition:color .3s var(--ease);
}
.nav__link::after{
  content:"";position:absolute;inset-block-end:0;inset-inline-start:0;
  width:100%;height:1.5px;background:var(--gold-300);
  transform:scaleX(0);transform-origin:left;
  transition:transform .35s var(--ease-out);
}
.nav__link:hover,.nav__link[aria-current="page"]{color:#fff}
.nav__link:hover::after,.nav__link[aria-current="page"]::after{transform:scaleX(1);transform-origin:right}
.header-cta{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}
.header-phone{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#fff;font-size:1rem;letter-spacing:.02em}
.header-phone svg{color:var(--gold-300)}

.burger{display:none;width:44px;height:44px;position:relative;flex-shrink:0}
.burger span{position:absolute;inset-inline:10px;height:2px;background:#fff;transition:transform .35s var(--ease),opacity .2s}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:21px}
.burger span:nth-child(3){top:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* כשהמגירה פתוחה, כפתור הסגירה שבתוכה הוא היחיד שמוצג:
   aria-modal ממילא מסתיר את ההמבורגר מקוראי מסך, ושני סמני ✕ זה על זה
   נראים כתקלה. isShown() ב-main.js מוציא אותו ממעגל המיקוד אוטומטית. */
.burger[aria-expanded="true"]{visibility:hidden}

.drawer{
  position:fixed;inset-block-start:var(--header-h);inset-inline:0;inset-block-end:0;z-index:999;
  background:var(--navy);
  padding:2.5rem var(--gutter) 3rem;
  overflow-y:auto;
  transform:translateY(-12px);opacity:0;visibility:hidden;
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.drawer.is-open{transform:none;opacity:1;visibility:visible}
/* מעל 992px אין כפתור המבורגר, ולכן אסור שהמגירה תוכל להיות פתוחה כאן */
@media (min-width:993px){.drawer{display:none}}
/* כפתור סגירה בתוך המגירה: aria-modal מסתיר את ההמבורגר מקוראי מסך,
   ולמשתמשי מגע אין מקש Escape — בלעדיו אין דרך יציאה נגישה. */
.drawer__close{
  position:absolute;inset-block-start:1.15rem;inset-inline-end:var(--gutter);
  display:flex;align-items:center;gap:.5rem;
  font-size:.8125rem;font-weight:600;letter-spacing:var(--ls-wide);
  color:rgba(255,255,255,.75);
  padding:.5rem;
  transition:color .3s var(--ease);
}
.drawer__close:hover{color:var(--gold-300)}
.drawer__link{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:#fff;padding-block:1rem;border-block-end:1px solid rgba(255,255,255,.1)}
.drawer__link[aria-current="page"]{color:var(--gold-300)}
.drawer__foot{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}

/* ---------- 7. ירו ---------- */
.hero{
  position:relative;
  min-height:min(88vh,860px);
  display:flex;align-items:center;
  padding-block:calc(var(--header-h) + 5rem) 5rem;
  background:var(--navy);
  color:#fff;
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 85% 10%, rgba(165,133,74,.20), transparent 55%),
    linear-gradient(200deg, var(--navy-700) 0%, var(--navy) 55%, #000C24 100%);
}
.hero::after{
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:78px 78px;
  -webkit-mask-image:radial-gradient(110% 80% at 70% 30%,#000 20%,transparent 78%);
  mask-image:radial-gradient(110% 80% at 70% 30%,#000 20%,transparent 78%);
}
.hero .container{position:relative;z-index:2}
.hero__inner{max-width:52rem}
.hero__title{font-family:var(--font-display);font-size:clamp(2.375rem,5.6vw,4rem);font-weight:500;line-height:1.12;margin-bottom:1.75rem}
.hero__title em{font-style:normal;color:var(--gold-300)}
.hero__lead{font-size:clamp(1.0625rem,1.7vw,1.375rem);line-height:1.8;color:rgba(255,255,255,.8);max-width:44rem;margin-bottom:2.75rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}
.hero__scroll{
  position:absolute;inset-block-end:2.5rem;inset-inline-start:var(--gutter);z-index:2;
  display:flex;align-items:center;gap:.75rem;
  font-size:.75rem;font-weight:600;letter-spacing:var(--ls-eyebrow);color:rgba(255,255,255,.5);
}
.hero__scroll-line{width:52px;height:1px;background:rgba(255,255,255,.3);position:relative;overflow:hidden}
.hero__scroll-line::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:40%;background:var(--gold-300);animation:scrollHint 2.4s var(--ease) infinite}
@keyframes scrollHint{0%{transform:translateX(120%)}100%{transform:translateX(-260%)}}

.page-hero{
  position:relative;background:var(--navy);color:#fff;
  padding-block:calc(var(--header-h) + clamp(3.5rem,7vw,6.5rem)) clamp(3.5rem,7vw,6rem);
  overflow:hidden;
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(100% 120% at 88% 0%, rgba(165,133,74,.18), transparent 60%),
             linear-gradient(200deg,var(--navy-700),var(--navy));
}
.page-hero .container{position:relative;z-index:2}
.page-hero__title{font-family:var(--font-display);font-size:clamp(2.125rem,4.6vw,3.375rem);font-weight:500;margin-bottom:1.25rem}
.page-hero__lead{font-size:clamp(1.0625rem,1.5vw,1.25rem);color:rgba(255,255,255,.78);max-width:52rem;line-height:1.8}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.8125rem;letter-spacing:.06em;color:rgba(255,255,255,.55);margin-bottom:1.75rem}
.breadcrumb a:hover{color:var(--gold-300)}
.breadcrumb span[aria-hidden]{opacity:.5}

/* ---------- 8. כותרת סקשן ---------- */
.section-head{max-width:56rem;margin-bottom:clamp(2.75rem,5vw,4.5rem)}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--split{display:grid;gap:2rem;grid-template-columns:1fr auto;align-items:end;max-width:none}

/* ---------- 9. רשת כרטיסים ---------- */
.grid{display:grid;gap:clamp(1.25rem,2.4vw,2rem)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

.card{
  position:relative;
  display:flex;flex-direction:column;
  padding:clamp(1.75rem,2.6vw,2.5rem);
  background:var(--paper);
  border:1px solid var(--line);
  transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
.card::before{
  content:"";position:absolute;inset-block-start:0;inset-inline:0;height:2px;
  background:var(--gold);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s var(--ease-out);
}
.card:hover{border-color:#D8D4C9;transform:translateY(-4px);box-shadow:0 18px 44px rgba(22,41,74,.09)}
.card:hover::before{transform:scaleX(1);transform-origin:right}
/* כרטיס רוחב — תופס את כל השורה ומייצר עוגן ויזואלי לתחום מוביל */
.card--wide{
  grid-column:1 / -1;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:clamp(1.5rem,3vw,3.5rem);
  background:var(--navy);border-color:var(--navy);
}
.card--wide::before{background:var(--gold-300)}
.card--wide:hover{border-color:var(--navy);box-shadow:0 22px 54px rgba(22,41,74,.22)}
.card--wide .card__num{color:var(--gold-300)}
.card--wide .card__title{color:#fff;font-size:clamp(1.375rem,2.4vw,1.875rem)}
.card--wide .card__text{color:rgba(255,255,255,.78)}
.card--wide .arrow-link{color:var(--gold-300)}
.card--wide__side{display:flex;flex-direction:column;gap:.85rem;justify-content:center}
.card--wide__item{
  display:flex;gap:.75rem;align-items:flex-start;
  font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.86);
  padding-block:.55rem;
  border-block-start:1px solid rgba(255,255,255,.14);
}
.card--wide__item:first-child{border-block-start:0}
.card--wide__item::before{
  content:"";flex-shrink:0;width:6px;height:6px;margin-top:.62em;
  background:var(--gold-300);transform:rotate(45deg);
}
@media (max-width:860px){
  .card--wide{grid-template-columns:1fr}
}
.card__num{font-family:var(--font-display);font-size:.875rem;font-weight:500;letter-spacing:.2em;color:var(--gold-ink);margin-bottom:1.1rem}
.card__title{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:.85rem;color:var(--navy)}
.card__text{font-size:1rem;line-height:1.75;color:var(--ink-soft);margin-bottom:1.5rem}
.card__foot{margin-top:auto}

/* ---------- 10. שלבי ההליך ---------- */
.steps{display:grid;gap:0}
.step{
  position:relative;
  display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,3vw,3rem);
  padding-block:clamp(1.75rem,3vw,2.75rem);
  border-block-start:1px solid var(--line);
}
.step:last-child{border-block-end:1px solid var(--line)}
.step__num{
  font-family:var(--font-display);
  font-size:clamp(2rem,3.4vw,2.75rem);font-weight:500;line-height:1;
  color:var(--gold);
  min-width:3.25rem;
  padding-top:.15rem;
}
.step__title{font-size:clamp(1.1875rem,1.9vw,1.5rem);font-weight:700;color:var(--navy);margin-bottom:.7rem}
.step__body{color:var(--ink-soft);font-size:1.0625rem}
.step__meta{
  display:inline-block;margin-top:1rem;
  font-size:.8125rem;font-weight:600;letter-spacing:var(--ls-wide);
  color:var(--muted);
  padding:.4rem .85rem;border:1px solid var(--line);border-radius:var(--radius);
}

/* ---------- 11. סקשן פרלקסה ---------- */
.parallax{
  position:relative;
  padding-block:clamp(5rem,12vw,10rem);
  color:#fff;
  background-color:var(--navy);
  background-image:linear-gradient(150deg,rgba(12,23,41,.93),rgba(22,41,74,.86)),
                   radial-gradient(80% 120% at 15% 85%,rgba(165,133,74,.30),transparent 60%);
  background-attachment:scroll;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.parallax__quote{
  font-family:var(--font-display);
  font-size:clamp(1.5rem,3.2vw,2.375rem);
  font-weight:400;line-height:1.5;
  max-width:44rem;
}
.parallax__attr{margin-top:2rem;font-size:.875rem;font-weight:600;letter-spacing:var(--ls-eyebrow);color:var(--gold-300)}
/* פרלקסה ב-opt-in בלבד: iOS/iPadOS מתעלמים מ-fixed ומייצרים ג'יטר */
@media (hover:hover) and (pointer:fine){
  .parallax{background-attachment:fixed}
}

/* ---------- 12. מדדים ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.stats--3{grid-template-columns:repeat(3,1fr)}
.stats--2{grid-template-columns:repeat(2,1fr)}
.section--navy .stats{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14)}
.stat{background:var(--paper);padding:clamp(1.75rem,3vw,2.5rem) clamp(1.25rem,2vw,2rem);text-align:center}
.section--navy .stat{background:var(--navy)}
.stat__value{font-family:var(--font-display);font-size:clamp(2rem,3.6vw,2.875rem);font-weight:500;color:var(--gold);line-height:1;margin-bottom:.7rem}
.stat__label{font-size:.9375rem;color:var(--muted);line-height:1.5}
.section--navy .stat__label{color:rgba(255,255,255,.7)}

/* ---------- 13. פרופיל עורך דין ---------- */
.people{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.75rem)}
.person{
  display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--line);
  transition:border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.person:hover{border-color:#D8D4C9;box-shadow:0 18px 44px rgba(22,41,74,.08)}
.person__photo{
  position:relative;aspect-ratio:4/5;
  /* הצבעים נדגמו מרקע הסטודיו בתצלום של אדם (שמאל-למטה כהה, ימין-למעלה בהיר).
     התצלום של באסם הודבק על אותו גרדיאנט בדיוק. אם משנים כאן — לייצר את basem.jpg מחדש. */
  background:linear-gradient(45deg,#0E1824,#1B2836 55%,#323844);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.person__photo img{width:100%;height:100%;object-fit:cover}
.person__initials{
  font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);font-weight:500;
  color:var(--gold-300);letter-spacing:.06em;
}
.person__photo::after{
  content:"";position:absolute;inset-block-end:0;inset-inline:0;height:3px;background:var(--gold);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out);
}
.person:hover .person__photo::after{transform:scaleX(1);transform-origin:right}
.person__body{padding:clamp(1.5rem,2.6vw,2.25rem);display:flex;flex-direction:column;flex:1}
.person__name{font-family:var(--font-display);font-size:clamp(1.375rem,2.2vw,1.75rem);font-weight:500;color:var(--navy);margin-bottom:.4rem}
.person__role{font-size:.8125rem;font-weight:600;letter-spacing:var(--ls-eyebrow);color:var(--gold-ink);margin-bottom:1.35rem}
.person__bio{font-size:1rem;line-height:1.75;color:var(--ink-soft);margin-bottom:1.5rem}
.person__list{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.75rem}
.person__list li{position:relative;padding-inline-start:1.15rem;font-size:.9375rem;color:var(--ink-soft);line-height:1.6}
.person__list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.62em;width:5px;height:5px;background:var(--gold);border-radius:50%}
.person__contact{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9375rem}
.person__contact a{color:var(--navy);font-weight:600;border-block-end:1px solid transparent;transition:border-color .3s}
.person__contact a:hover{border-block-end-color:var(--gold)}

/* ---------- 14. אקורדיון שאלות נפוצות ---------- */
.accordion{border-block-start:1px solid var(--line)}
.acc{border-block-end:1px solid var(--line)}
.acc__btn{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  padding-block:clamp(1.15rem,2.2vw,1.6rem);
  text-align:start;
  font-size:clamp(1.0625rem,1.7vw,1.1875rem);font-weight:700;color:var(--navy);line-height:1.45;
  transition:color .3s var(--ease);
}
.acc__btn:hover{color:var(--gold-ink)}
.acc__icon{position:relative;flex-shrink:0;width:22px;height:22px;margin-top:.3rem}
.acc__icon::before,.acc__icon::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:0;width:100%;height:2px;background:var(--gold);transform:translateY(-50%);transition:transform .35s var(--ease)}
.acc__icon::after{transform:translateY(-50%) rotate(90deg)}
.acc__btn[aria-expanded="true"] .acc__icon::after{transform:translateY(-50%) rotate(0)}
/* ההסתרה מותנית ב-.js: ללא סקריפט כל התשובות פתוחות, ניתנות לחיפוש ולהדפסה.
   המצב מסומן במחלקה על .acc ולא ביחס אחים, כדי שהכפתור יוכל להיות עטוף בכותרת.

   הפתיחה מוחלפת בתכונת hidden, והתוכן נכנס באנימציה קצרה. במתכוון אין כאן
   אנימציית גובה: היא מחייבת חישוב scrollHeight ב-JS ומאזין transitionend,
   ושילובם מייצר מרוצי מצב בלחיצות מהירות. hidden הוא אטומי — הוא גם מוציא
   את התוכן מסדר הטאב ומעץ הנגישות בלי מנגנון נוסף. */
.js .acc__panel[hidden]{display:none}
.js .acc__panel{animation:accOpen .3s var(--ease-out) both}
@keyframes accOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* הכותרת היא עטיפה סמנטית בלבד — הסגנון נשאר על הכפתור */
.acc__head{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.acc__inner{padding-block-end:1.75rem;padding-inline-end:3rem;color:var(--ink-soft);font-size:1.0625rem;line-height:1.8;max-width:62ch}

/* ---------- 15. טופס ---------- */
.form{display:grid;gap:1.5rem}
.form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.field{display:flex;flex-direction:column;gap:.55rem}
.field label{font-size:.875rem;font-weight:700;letter-spacing:.05em;color:var(--navy)}
.field label .req{color:var(--gold-ink)}
.field input,.field textarea,.field select{
  font:inherit;font-size:1rem;
  padding:.9rem 1.05rem;
  color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius);
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease);
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(165,133,74,.3)}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.field textarea{resize:vertical;min-height:150px;line-height:1.7}
.field .err{font-size:.8125rem;color:#B3261E;min-height:1.2em}
.field.is-invalid input,.field.is-invalid textarea{border-color:#B3261E}
.check{display:flex;gap:.75rem;align-items:flex-start;font-size:.9375rem;line-height:1.6;color:var(--ink-soft)}
.check input{margin-top:.35rem;width:18px;height:18px;accent-color:var(--gold);flex-shrink:0}
/* התווית כאן היא טקסט רץ, לא תווית שדה — מבטלים את סגנון .field label */
.check label{font-size:.9375rem;font-weight:400;letter-spacing:normal;color:var(--ink-soft);line-height:1.6}
.field.is-invalid .check input{outline:2px solid #B3261E;outline-offset:2px}
.form__note{font-size:.875rem;color:var(--muted);line-height:1.65}
.form-status{padding:1rem 1.25rem;border-radius:var(--radius);font-size:.9375rem;font-weight:600}
.form-status:empty{display:none}
.form-status.ok{background:#EAF3EC;color:#1B5E20;border:1px solid #C4DFC9}
.form-status.bad{background:#FBEAE8;color:#8C1D18;border:1px solid #F0C7C2}

/* ---------- 16. פוטר ---------- */
.site-footer{background:var(--navy);color:rgba(255,255,255,.72);padding-block:clamp(3.5rem,6vw,5.5rem) 0;font-size:1rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:clamp(2rem,4vw,3.5rem);padding-block-end:clamp(2.5rem,4vw,3.5rem)}
.footer__title{font-size:.8125rem;font-weight:700;letter-spacing:var(--ls-eyebrow);color:var(--gold-300);margin-bottom:1.5rem}
.footer__list{display:flex;flex-direction:column;gap:.85rem}
.footer__list a,.site-footer address a{transition:color .3s var(--ease)}
.footer__list a:hover,.site-footer address a:hover{color:var(--gold-300)}
.site-footer address{font-style:normal;line-height:1.85}
.footer-brand__name{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:500}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:1.75rem;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;font-size:.875rem;color:rgba(255,255,255,.55)}
.footer-bottom a:hover{color:var(--gold-300)}
.footer-legal{padding-block:1.75rem 0;border-top:1px solid rgba(255,255,255,.12);font-size:.8125rem;line-height:1.75;color:rgba(255,255,255,.55)}

/* ---------- 17. פעולות צפות ---------- */
.float-actions{position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem;z-index:900;display:flex;flex-direction:column;gap:.75rem}
.float-btn{
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  box-shadow:0 8px 26px rgba(22,41,74,.28);
  /* visibility מונע מיקוד מקלדת בכפתור שקוף (pointer-events לבדו לא חוסם Enter) */
  transform:translateY(12px);opacity:0;pointer-events:none;visibility:hidden;
  transition:transform .4s var(--ease),opacity .4s var(--ease),background .3s,visibility 0s linear .4s;
}
/* רק ההשהיה משתנה — אין להצהיר כאן מחדש על קיצור transition */
.float-actions.is-visible .float-btn{
  transform:none;opacity:1;pointer-events:auto;visibility:visible;
  transition-delay:0s,0s,0s,0s;
}
.float-btn--phone{background:var(--navy)}
.float-btn--phone:hover{background:var(--gold)}
.float-btn--wa{background:#1FA855}
.float-btn--wa:hover{background:#17853F}

/* ---------- 18. אנימציות חשיפה ---------- */
/* רשת ביטחון: אם main.js לא נטען כלל, הטיימר שב-<head> מוסיף js-failsafe
   ומחזיר את התוכן. בלעדיה כשל בטעינת הסקריפט משאיר עמוד ריק. */
.js-failsafe .reveal{opacity:1!important;transform:none!important}
.js-failsafe .paint > *{opacity:1!important}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.1s}
.reveal[data-delay="2"]{transition-delay:.2s}
.reveal[data-delay="3"]{transition-delay:.3s}
.reveal[data-delay="4"]{transition-delay:.4s}

/* חשיפת "צבע" — לוח זהב נשטף מעל הכותרת ומגלה אותה. */
.paint{position:relative;display:inline-block;vertical-align:bottom;overflow:hidden}
.js .paint > *{opacity:0;transition:opacity .01s linear .42s}
.paint.is-in > *{opacity:1}
.paint::after{
  content:"";position:absolute;inset:0;
  background:var(--gold);
  transform:translateY(-101%);
}
.paint.is-in::after{animation:paintSweep 1.15s var(--ease-out) forwards}
@keyframes paintSweep{
  0%  {transform:translateY(-101%)}
  42% {transform:translateY(0)}
  58% {transform:translateY(0)}
  100%{transform:translateY(101%)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    animation-delay:0s!important;
    transition-duration:.01ms!important;transition-delay:0s!important;
  }
  .js .reveal{opacity:1;transform:none}
  .js .paint > *{opacity:1}
  .paint::after{display:none}
  .parallax{background-attachment:scroll!important}
}

/* ---------- 19. רספונסיביות ---------- */
@media (max-width:1200px){
  .nav{gap:1.35rem}
  .nav__link{font-size:.9375rem}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats--3{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:992px){
  :root{--header-h:68px}
  .nav,.header-phone{display:none}
  .burger{display:block}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .people{grid-template-columns:1fr}
  .section-head--split{grid-template-columns:1fr;align-items:start}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  body{font-size:1.0625rem}
  .stats--3{grid-template-columns:1fr}
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}
  .step{grid-template-columns:1fr;gap:.75rem}
  .step__num{font-size:1.75rem}
  .acc__inner{padding-inline-end:0}
  .hero__scroll{display:none}
  .float-actions{inset-block-end:1rem;inset-inline-end:1rem}
}
@media (max-width:560px){
  .stats{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  /* שורת "משרד עורכי דין" נשארת גם בטלפון (לפי בקשת המשרד, 21.9.2026) — רק ריווח האותיות מצומצם כדי שתיכנס לצד הלוגו */
  .brand__sub{letter-spacing:.16em}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{justify-content:center}
}

/* ---------- 20. הדפסה ---------- */
@media print{
  .site-header,.float-actions,.hero__scroll,.drawer{display:none!important}
  body{font-size:11pt;color:#000}
  .hero,.page-hero,.parallax,.section--navy,.site-footer{background:#fff!important;color:#000!important}
  /* גם הצאצאים — אחרת טקסט לבן על נייר לבן */
  .hero *,.page-hero *,.parallax *,.section--navy *,.site-footer *{color:#000!important;background:transparent!important}
  .js .reveal{opacity:1;transform:none}
  .js .paint > *{opacity:1}
  .paint::after{display:none}
  /* כל תשובות השו"ת נפתחות בהדפסה, גם אם הפאנל סגור במסך */
  .acc__panel,.acc__panel[hidden]{display:block!important;animation:none!important}
  .acc__icon{display:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}