/* Shared tokens, fonts, header/nav — used by all internal pages */
@font-face{
  font-family:'FbMatritsa';
  src:url('assets/FbMatritsaEnHeb-Regular.woff2') format('woff2'),
      url('assets/FbMatritsaEnHeb-Regular.woff') format('woff');
  font-weight:300 400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'FbMatritsa';
  src:url('assets/FbMatritsaEnHeb-Medium.woff2') format('woff2'),
      url('assets/FbMatritsaEnHeb-Medium.woff') format('woff');
  font-weight:500 700;
  font-style:normal;
  font-display:swap;
}


  /* ============================================================
     TOKENS — פלטת הצבעים הרשמית מהאיפיון.
     שמרו על השמות והערכים האלה לכל החלקים הבאים, כדי שהכל יתחבר בסוף.
     ============================================================ */
  :root{
    --mist:#F2F0E8;        /* ערפל — רקע בהיר עיקרי */
    --sand:#D9C8A3;        /* חול — חמימות, קנים יבשים */
    --sage:#A7B89A;        /* מרווה — הרים מרוחקים, עדינות */
    --reed-green:#6F8F6E;  /* ירוק קנים — צמחיית האגם */
    --deep-green:#3E5F4A;  /* ירוק עמוק — כפתורים, לוגו, מבטא עיקרי */
    --forest:#2A3A33;      /* יער — טקסט עיקרי, הכי כהה */
    --sunrise:#C47A4A;     /* זריחה — הדגשות נדירות, זוהר שמש */
    --ember:#B45A1A;       /* גחלת — כתום לכפתורים בולטים */
    --ember-deep:#98480F;  /* גחלת עמוקה — ריחוף */
    --water-blue:#4A5962;  /* כחול מים — מים, טקסט משני */
    --sky-blue:#3E5A89;    /* כחול קק״ל — מבטא בהיר, נקודות ציון */
    --sky-blue-dark:#2F4569; /* כחול קק״ל כהה — טקסט על בהיר */
    --text-muted:var(--water-blue);

    --font-display:'FbMatritsa', sans-serif;
    --font-body:'FbMatritsa', sans-serif;

    --header-h:84px;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--font-body);
    color:var(--forest);
    background:var(--mist);
    -webkit-font-smoothing:antialiased;
  }
  img,svg{display:block;max-width:100%;}
  button{font:inherit;border:none;cursor:pointer;}
  button:not([class*="bg-"]):not(.a11y-ui):not(.ck__btn):not(.lg-video-toggle):not(.ct-video-toggle):not(.adm-btn):not(.adm-tab){background:none;}
  a{text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}

  :focus-visible{
    outline:3px solid var(--sunrise);
    outline-offset:3px;
    border-radius:4px;
  }

  .skip-link{
    position:fixed;
    top:-60px;
    right:16px;
    z-index:1000;
    background:var(--forest);
    color:var(--mist);
    padding:12px 20px;
    border-radius:8px;
    font-weight:600;
    transition:top .2s ease;
  }
  .skip-link:focus{ top:16px; }

  /* ============================================================
     HEADER
     ============================================================ */
  .site-header{
    position:fixed;
    inset-inline:0;
    top:0;
    z-index:50;
    height:var(--header-h);
    display:flex;
    align-items:center;
    background:transparent;
    transition:background-color .4s ease, box-shadow .4s ease, height .3s ease;
  }
   .site-header.is-scrolled{
     background:rgba(242,240,232,0.92);
     backdrop-filter:blur(6px);
     box-shadow:0 6px 24px rgba(42,58,51,0.08);
     height:72px;
   }

   /* עמודים פנימיים — האדר מלא בירוק כהה מרגע הטעינה, ללא מעבר */
   .site-header.is-solid,
   .tuktuk-page .site-header.is-solid,
   .ab-page .site-header.is-solid,
   .vc-page .site-header.is-solid,
   .vs-page .site-header.is-solid,
   .ct-page .site-header.is-solid{
     background:var(--forest);
     box-shadow:0 6px 24px rgba(0,0,0,0.18);
   }


  /* עמודים ללא תמונה ראשית — האדר מלא מלכתחילה */
  body.header-solid .site-header{
    background:rgba(242,240,232,0.92);
    backdrop-filter:blur(6px);
    box-shadow:0 6px 24px rgba(42,58,51,0.08);
  }
  body.header-solid .site-header .nav a,
  body.header-solid .site-header .nav__trigger,
  body.header-solid .site-header .lang-toggle{ color:var(--forest);text-shadow:none; }
  body.header-solid .site-header .nav a:hover,
  body.header-solid .site-header .nav__trigger:hover{ color:var(--sunrise); }
  body.header-solid .site-header .nav-toggle span,
  body.header-solid .site-header .nav-toggle span::before,
  body.header-solid .site-header .nav-toggle span::after{ background:var(--forest); }
  body.header-solid .site-header .logo svg path{ stroke:var(--deep-green); }

  /* לפני גלילה — כיתוב בהיר מעל התמונה */
  .site-header:not(.is-scrolled) .nav a + a,
  .site-header:not(.is-scrolled) .nav__group + a,
  .site-header:not(.is-scrolled) a + .nav__group,
  .site-header:not(.is-scrolled) .nav__group + .nav__group{ border-inline-start-color:rgba(255,255,255,.4); }
  .site-header:not(.is-scrolled) .nav a,
  .site-header:not(.is-scrolled) .nav__trigger,
  .site-header:not(.is-scrolled) .lang-toggle{
    color:#FFFFFF;
  }
  .site-header:not(.is-scrolled) .nav__menu a{ color:var(--forest);text-shadow:none; }
  .site-header:not(.is-scrolled) .nav a:hover,
  .site-header:not(.is-scrolled) .nav__trigger:hover{ color:#FFFFFF;transform:scale(1.08); }
  .nav a, .nav .nav__trigger{ transition:color .25s ease, transform .25s cubic-bezier(.16,1,.3,1); }
  .site-header:not(.is-scrolled) .nav__menu a:hover{ color:var(--sunrise); }
  .site-header:not(.is-scrolled) .nav-toggle span,
  .site-header:not(.is-scrolled) .nav-toggle span::before,
  .site-header:not(.is-scrolled) .nav-toggle span::after{ background:#FFFFFF; }
  .site-header:not(.is-scrolled) .logo svg path{ stroke:#FFFFFF; }
  .header__inner{
    width:100%;
    max-width:1560px;
    margin:0 auto;
    padding:0 clamp(20px,4vw,48px);
    display:grid;
    grid-template-columns:auto minmax(0,auto) auto;
    justify-content:space-between;
    align-items:center;
    gap:16px;
  }

  /* --- לוגו (ימין) --- */
  .logo{
    display:flex;
    align-items:center;
    justify-self:start;   /* RTL start = right */
    flex-shrink:0;
  }
  .logo__mark{height:58px;width:auto;flex-shrink:0;transition:height .3s ease;}
  .site-header.is-scrolled .logo__mark{height:44px;}

  /* --- ניווט (מרכז) --- */
  .nav{display:flex;align-items:center;gap:0;}
  .nav a, .nav .nav__trigger{
    position:relative;
    font-size:1.02rem;
    font-weight:700;
    color:var(--forest);
    padding:6px 12px;
    white-space:nowrap;
  }
  @media (max-width:1280px){
    .nav a, .nav .nav__trigger{ font-size:.98rem;padding:6px 11px; }
  }
  @media (max-width:1400px){
    .nav a, .nav .nav__trigger{ font-size:.92rem;padding:6px 8px; }
    .header__inner{ gap:10px; }
  }

  /* --- תת-תפריט פעילויות --- */
  .nav__group{ position:relative;display:flex;align-items:center;z-index:70; }
  .nav__group + a, a + .nav__group, .nav__group + .nav__group{ border-inline-start:1px solid rgba(42,58,51,.28); }
  .nav__trigger{ display:inline-flex;align-items:center;gap:7px;cursor:default;font-family:inherit;color:inherit; }
  .mobile-nav__label{ display:block;cursor:default; }
  .footer__col span{ color:rgba(242,240,232,.75); }
  .nav__chev{ width:11px;height:11px;flex-shrink:0;transition:transform .3s cubic-bezier(.65,0,.35,1); }
  .nav__group:hover .nav__chev,
  .nav__group:focus-within .nav__chev{ transform:rotate(180deg); }
  .nav__menu{
    position:absolute;z-index:80;top:calc(100% + 10px);right:50%;transform:translateX(50%);
    min-width:230px;background:var(--mist);border-radius:14px;padding:8px;
    box-shadow:0 16px 38px rgba(42,58,51,.18);
    display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .25s ease,visibility .25s;
  }
  .nav__menu::before{ content:"";position:absolute;inset-inline:0;top:-12px;height:12px; }
  .nav__group:hover .nav__menu,
  .nav__group:focus-within .nav__menu{
    opacity:1;visibility:visible;pointer-events:auto;
  }
  .nav__menu a{
    font-size:1.02rem;font-weight:700;padding:11px 14px;border-radius:9px;white-space:nowrap;
    border:0;color:var(--forest);transition:background-color .2s ease;
  }
  .nav__menu a::after{ display:none; }
  .nav__menu a:hover{ background:rgba(62,95,74,.1); }

  /* --- תת-תפריט בתפריט הנייד --- */
  .mobile-nav__sub{
    list-style:none;margin:4px 0 6px;padding:0 16px 0 0;
    display:flex;flex-direction:column;gap:0;
  }
  .mobile-nav__sub a{
    font-family:var(--font-body);font-size:1.1rem;font-weight:700;color:var(--water-blue);
    padding:9px 0;border-bottom:1px dashed rgba(42,58,51,.1);
  }
  .mobile-nav__sub li:last-child a{ border-bottom:0; }
  .nav a + a{ border-inline-start:1px solid rgba(42,58,51,.28); }
  .nav a::after{ content:none; }
  .nav a, .nav a:hover, .nav .nav__trigger, .nav .nav__trigger:hover{ text-decoration:none; }

  /* --- פעולות (שמאל) --- */
  .header__actions{
    display:flex;
    align-items:center;
    justify-self:end;   /* RTL end = left */
    gap:12px;
    flex-shrink:0;
  }

  .lang-toggle{
    display:flex;align-items:center;gap:6px;
    font-size:1rem;font-weight:500;
    min-width:44px;min-height:44px;padding:6px 4px;
    color:var(--forest);
  }
  .lang-toggle svg{width:16px;height:16px;}

  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:.7rem 1.5rem;
    border-radius:999px;
    font-size:1.05rem;
    font-weight:600;
    transition:background-color .25s ease, color .25s ease, transform .2s ease, border-color .25s ease;
    white-space:nowrap;
  }
  .btn--primary{background:var(--deep-green);color:var(--mist);}
  .btn--primary:hover{background:var(--forest);}
  .btn--accent{background:var(--sunrise);color:var(--mist);}
  .btn--accent:hover{filter:brightness(.9);}
  .btn--ghost{
    border:1.5px solid var(--deep-green);
    color:var(--forest);
    background:rgba(242,240,232,.35);
    backdrop-filter:blur(8px);
  }
  .btn--ghost:hover{background:rgba(242,240,232,.6);}
  .btn--small{padding:.6rem 1.4rem;font-size:1rem;}
  .btn:active{transform:scale(.97);}
  .btn--ghost svg{width:14px;height:14px;}

  /* --- המבורגר (מובייל) --- */
  .nav-toggle{
    display:none;
    width:44px;height:44px;
    align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .nav-toggle span{
    display:block;width:22px;height:2px;background:var(--forest);
    position:relative;
    transition:transform .3s ease, opacity .3s ease;
  }
  .nav-toggle span::before,.nav-toggle span::after{
    content:"";position:absolute;right:0;width:22px;height:2px;background:var(--forest);
    transition:transform .3s ease, top .3s ease;
  }
  .nav-toggle span::before{top:-7px;}
  .nav-toggle span::after{top:7px;}
  .nav-toggle[aria-expanded="true"] span{background:transparent;}
  .nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);}
  .nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}

  /* --- פאנל ניווט נייד --- */
  .mobile-backdrop{
    position:fixed;inset:0;z-index:55;
    background:rgba(42,58,51,0.4);
    opacity:0;visibility:hidden;
    transition:opacity .3s ease, visibility .3s ease;
  }
  .mobile-backdrop.is-open{opacity:1;visibility:visible;}

  .mobile-nav{
    position:fixed;
    top:0;left:0;
    height:100dvh;
    width:min(82vw,340px);
    background:var(--mist);
    z-index:60;
    box-shadow:12px 0 30px rgba(42,58,51,.18);
    transform:translateX(-100%);
    transition:transform .35s ease;
    padding:28px 28px 32px;
    display:flex;
    flex-direction:column;
    gap:28px;
  }
  .mobile-nav.is-open{transform:translateX(0);}
  .mobile-nav__close{width:44px;height:44px;align-self:flex-start;display:flex;align-items:center;justify-content:center;}
  .mobile-nav__close svg{width:20px;height:20px;}
  .mobile-nav ul{display:flex;flex-direction:column;gap:6px;}
  .mobile-nav a, .mobile-nav .mobile-nav__label{
    display:block;
    font-family:var(--font-display);
    font-size:1.5rem;
    font-weight:700;
    padding:10px 2px;
    color:var(--forest);
    border-bottom:1px solid rgba(42,58,51,.08);
  }
  .mobile-nav__footer{
    margin-top:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
  }
  .mobile-nav__footer .btn--accent{
    color:#ffffff !important;
    width:100%;
    text-align:center;
    justify-content:center;
  }

  @media (max-width:1240px){
    .nav, .header__actions .lang-toggle, .header__actions .btn--small{display:none;}
    .nav-toggle{display:flex;}
  }

  /* --- פוטר --- */
  .site-footer{
    background:var(--forest);
    color:var(--mist);
    padding:64px clamp(20px,4vw,48px) 24px;
  }
  .footer__wrap{
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr;
    gap:36px;
  }
  .footer__logo{ display:flex;align-items:center;gap:10px;margin-bottom:14px; }
  .footer__social{ display:flex;gap:10px;margin-top:16px; }
  .footer__social a{
    width:44px;height:44px;border-radius:50%;flex-shrink:0;
    border:1px solid rgba(242,240,232,.25);
    display:flex;align-items:center;justify-content:center;
    color:var(--mist);transition:background .2s,border-color .2s;
  }
  .footer__social a:hover{ background:var(--deep-green);border-color:var(--deep-green); }
  .footer__social svg{ width:16px;height:16px;flex-shrink:0; }
  .whatsapp-fab{
    position:fixed;bottom:22px;left:48px;z-index:80;
    width:56px;height:56px;border-radius:50%;
    background:#25D366;display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .5s cubic-bezier(.34,1.56,.64,1);
  }
  .whatsapp-fab:hover{ transform:scale(1.1); }
  .whatsapp-fab svg{ width:28px;height:28px;color:#fff;flex-shrink:0; }
  @media(max-width:600px){
    .whatsapp-fab{ width:48px;height:48px;bottom:16px;left:28px; }
    .whatsapp-fab svg{ width:24px;height:24px; }
  }

  /* טקסט בעיגול סביב כפתור הוואטסאפ הצף — מופיע בהובר (WhatsAppRing.tsx) */
  .wa-ring{
    position:absolute;top:50%;left:50%;
    width:108px;height:108px;margin:-54px 0 0 -54px;
    pointer-events:none;opacity:0;transform:scale(.86);
    transition:opacity .2s ease;
    color:#fff;
  }
  .wa-ring svg{ width:100%!important;height:100%!important;display:block;overflow:visible; }
  .wa-ring text{
    font-family:var(--font-display);
    font-size:12px;font-weight:700;letter-spacing:.02em;
  }
  /* כיתוב לבן עם צל עדין מאחור — קריא גם על כרטיס בהיר וגם על רקע כהה */
  .wa-ring__ink{
    fill:#fff;
    filter:drop-shadow(0 1px 2px rgba(15,35,25,.55)) drop-shadow(0 0 5px rgba(15,35,25,.28));
  }
  @keyframes wa-ring-in{ from{opacity:0;transform:scale(.86)} to{opacity:1;transform:scale(1)} }
  /* הטקסט מוזרק רק ברגע ההובר — לכן הכניסה היא אנימציה, לא מעבר. הובר רק בדסקטופ */
  @media (hover:hover) and (pointer:fine){
    a:hover > .wa-ring{ opacity:1;transform:scale(1); animation:wa-ring-in .28s cubic-bezier(.34,1.56,.64,1); }
  }
  a:focus-visible > .wa-ring{ opacity:1;transform:scale(1); }
  @media(max-width:600px){
    .wa-ring{ width:92px;height:92px;margin:-46px 0 0 -46px; }
    .wa-ring text{ font-size:11px; }
  }
  @media (prefers-reduced-motion:reduce){ .wa-ring{ transition:none; } a:hover > .wa-ring{ animation:none; } }
  .footer__logo span{ font-family:var(--font-display);font-size:1.15rem;color:var(--mist); }
  .footer__tagline{ font-size:.88rem;line-height:1.7;color:rgba(242,240,232,.88);max-width:32ch;margin:0; }
  .footer__col h4{ font-family:var(--font-display);font-size:1rem;color:var(--sand);margin:0 0 14px; }
  .footer__col ul{ list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px; }
  .footer__col a, .footer__col span{ font-size:.9rem;color:rgba(242,240,232,.9); }
  .footer__col a:hover{ color:var(--mist); }
  .footer__bottom{
    max-width:1200px;margin:40px auto 0;padding-top:24px;
    border-top:1px solid rgba(242,240,232,.12);
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;
    font-size:.78rem;color:rgba(242,240,232,.86);
  }
  .footer__bottom p{ margin:0; }
  .footer-credit a{ color:inherit;text-decoration:none; }
  .footer-credit a:hover{ text-decoration:underline; }
  .footer-jobs{
    display:inline-flex;align-items:center;gap:8px;
    min-height:44px;padding:.6rem 1.35rem;border-radius:999px;
    background:var(--ember);color:#FFFFFF;
    font-size:.8rem;font-weight:700;line-height:1;letter-spacing:.01em;
    text-decoration:none;white-space:nowrap;
    box-shadow:0 8px 20px -10px rgba(0,0,0,.6);
    transition:background-color .25s ease, transform .2s ease;
  }
  .footer-jobs:hover{ background:var(--ember-deep);text-decoration:none; }
  .footer-jobs:active{ transform:scale(.97); }
  .footer-jobs:focus-visible{ outline:2px solid var(--mist);outline-offset:3px; }
  @media (max-width:1100px){ .footer-jobs{ margin-inline:auto; } }
  @media (max-width:1100px){
    .footer__bottom{ flex-direction:column;gap:6px;text-align:center; }
  }
  @media(max-width:860px){ .footer__wrap{ grid-template-columns:1fr 1fr; } }
  @media(max-width:560px){ .footer__wrap{ grid-template-columns:1fr; } .site-footer{ padding-top:48px; } }

  

  /* ===== גלריית העונה: חצים ותצוגה מוגדלת ===== */
  .sn-strip__belt > figure{ cursor:zoom-in; }
  .sn-strip__nav{
    max-width:1200px;margin:16px auto 0;padding-inline:clamp(20px,4vw,48px);
    display:flex;align-items:center;gap:12px;
  }
  .sn-strip__nav button{
    width:46px;height:46px;border-radius:50%;cursor:pointer;
    border:1px solid rgba(42,58,51,.2);background:#FFFFFF;
    display:flex;align-items:center;justify-content:center;
    transition:background .35s ease,border-color .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
  }
  .sn-strip__nav button:hover{ background:var(--forest);border-color:var(--forest);transform:scale(1.06); }
  .sn-strip__nav button:hover svg{ color:#FFFFFF; }
  .sn-strip__nav svg{ width:20px;height:20px;color:var(--forest);transition:color .35s ease; }
  .sn-strip__nav span{ font-size:.78rem;letter-spacing:.04em;color:var(--deep-green);opacity:.62; }

  .sn-lb{ position:fixed;inset:0;z-index:9998;display:none;background:rgba(20,30,24,.93);align-items:center;justify-content:center; }
  .sn-lb.is-open{ display:flex; }
  .sn-lb__img{ max-width:min(94vw,1500px);max-height:86vh;object-fit:contain;display:block;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.5); }
  .sn-lb__cap{ position:absolute;bottom:22px;inset-inline:0;text-align:center;font-size:.92rem;color:rgba(242,240,232,.9);padding-inline:80px; }
  .sn-lb__btn{
    position:absolute;top:50%;transform:translateY(-50%);
    width:56px;height:56px;border-radius:50%;cursor:pointer;border:0;
    background:rgba(242,240,232,.16);backdrop-filter:blur(4px);
    display:flex;align-items:center;justify-content:center;transition:background .3s ease;
  }
  .sn-lb__btn:hover{ background:rgba(242,240,232,.3); }
  .sn-lb__btn svg{ width:26px;height:26px;color:#FFFFFF; }
  .sn-lb__btn--prev{ inset-inline-end:clamp(12px,2.4vw,32px); }
  .sn-lb__btn--next{ inset-inline-start:clamp(12px,2.4vw,32px); }
  .sn-lb__close{
    position:absolute;top:20px;inset-inline-end:20px;
    width:46px;height:46px;border-radius:50%;cursor:pointer;border:0;
    background:rgba(242,240,232,.16);display:flex;align-items:center;justify-content:center;transition:background .3s ease;
  }
  .sn-lb__close:hover{ background:rgba(242,240,232,.3); }
  .sn-lb__close svg{ width:22px;height:22px;color:#FFFFFF; }
  @media(max-width:760px){
    .sn-lb__btn{ width:44px;height:44px; }
    .sn-lb__cap{ font-size:.82rem;padding-inline:20px;bottom:14px; }
  }

  /* זכוכית מגדלת שמחליפה את הסמן מעל תמונות הגלריה */
  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion:no-preference){
    .sn-strip__belt > figure{ cursor:none; }
    .gallery__grid > div{ cursor:none; }
    .sn-cursor__zoom{
      position:fixed;top:0;left:0;z-index:10000;pointer-events:none;
      width:74px;height:74px;border-radius:50%;
      background:rgba(242,240,232,.16);
      border:1.5px solid rgba(255,255,255,.85);
      backdrop-filter:blur(2px) saturate(1.1);
      box-shadow:0 6px 22px rgba(20,30,24,.3), inset 0 0 22px rgba(255,255,255,.14);
      display:flex;align-items:center;justify-content:center;
      opacity:0;transform:translate(-50%,-50%) scale(.72);
      transition:opacity .28s ease;
    }
    .sn-cursor__zoom.is-on{ opacity:1; }
    .sn-cursor__zoom svg{
      width:26px;height:26px;color:#FFFFFF;
      filter:drop-shadow(0 1px 3px rgba(20,30,24,.5));
    }
    .sn-cursor__bird.is-hidden{ opacity:0 !important; }
  }