/* ============================================================
   SmartTravel — בסיס משותף לכל עמוד באתר
   ------------------------------------------------------------
   נגישות, פוטר והסכמת עוגיות.
   נטען בכל עמוד ללא תלות ב-guide.css, כי index.html אינו טוען אותו.
   ============================================================ */

/* ============================================================
   נגישות — WCAG 2.1 AA
   ============================================================ */

/* טקסט לקורא מסך בלבד */
.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{position:absolute;inset-inline-start:-9999px;top:0;z-index:9999;
  background:#0f2b46;color:#fff;padding:12px 20px;border-radius:0 0 10px 0;
  font:700 14px Heebo,sans-serif;text-decoration:none}
.skip:focus{inset-inline-start:0}

/* מסגרת פוקוס אחידה ונראית בכל אלמנט אינטראקטיבי */
a:focus-visible,button:focus-visible,[role="button"]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,
summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #1a73e8;outline-offset:2px;border-radius:4px}

/* מצב ניגודיות גבוהה של ווינדוס — לא לאבד גבולות */
@media (forced-colors:active){
  .fcard,.dcard,.jcard,.ilcard,.stop .card,.daymap,.mbtn,.badge{
    border:1px solid ButtonText !important}
  .fscrim,.scrim{display:none !important}
  a:focus-visible,button:focus-visible{outline:3px solid Highlight !important}
}

/* מי שביקש פחות תנועה — לא נכפה עליו */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* יעד גדול מספיק לאצבע — WCAG 2.5.8 */
button,[role="button"],.mbtn,.mday,.msec{min-height:44px}
/* ============================================================
   פוטר
   ============================================================ */
footer{background:#0f2b46;color:#fff;margin-top:44px;padding:30px 0 0}
footer .fwrap{max-width:1120px;margin:0 auto;padding:0 22px 24px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:40px}

/* מותג */
.fbrand{flex:0 0 auto;max-width:300px}
.flogo{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;line-height:1;
  direction:ltr}
.fl1{font:900 25px/1 Heebo,sans-serif;color:#fff;letter-spacing:.5px}
.fl2{font:400 25px/1 Heebo,sans-serif;color:#4fc3b0;letter-spacing:3.5px}
.flogo:hover .fl2,.flogo:focus-visible .fl2{color:#7fd4c8}
.fslogan{margin:11px 0 0;font:700 15px/1.4 Heebo,sans-serif;color:#fff}
.fsub{margin:5px 0 0;font:500 12.5px/1.6 Heebo,sans-serif;color:rgba(255,255,255,.55)}

/* קישורים */
.fcols{display:flex;gap:52px;flex-wrap:wrap}
.fcol h3{font:800 12px Heebo,sans-serif;color:#4fc3b0;margin:0 0 10px;
  letter-spacing:.6px;text-transform:none}
.fcol ul{list-style:none;padding:0;margin:0}
.fcol li{margin-bottom:6px}
.fcol a{color:rgba(255,255,255,.82);font:500 13.5px/1.6 Heebo,sans-serif;text-decoration:none}
.fcol a:hover,.fcol a:focus-visible{color:#fff;text-decoration:underline}

/* תחתית */
.fbase{border-top:1px solid rgba(255,255,255,.13)}
.fbase{max-width:1120px;margin:0 auto;padding:14px 22px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* .fdisc נמחק. פסקת ההבהרה עברה ל-legal/terms.html תחת
   "הגבלת אחריות", ואין לה יותר שימוש בשום מקום. */
/* white-space:nowrap נכתב כשהשורה הייתה "© 2026 SmartTravel" —
   כ-103px. משנוספו סימני המסחר היא 344px, ובמסך 320px היא כפתה
   על הדפדפן להרחיב את ה-layout viewport ל-367px ולהקטין את כל
   הדף. זה מה שנראה כמו "המובייל זז". השורה מותרת לשבור עכשיו. */
.fcopy{margin:0;font:500 11.5px Heebo,sans-serif;color:rgba(255,255,255,.42)}

@media(max-width:860px){
  footer .fwrap{flex-direction:column;gap:26px;padding-bottom:20px}
  .fbrand{max-width:none}
  .fcols{gap:0;width:100%;display:grid;grid-template-columns:1fr 1fr}
  .fcol:nth-child(3){grid-column:1 / -1;margin-top:16px}
  .fbase{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:86px}
}
@media(max-width:400px){
  .fcols{grid-template-columns:1fr}
  .fcol:nth-child(2),.fcol:nth-child(3){margin-top:16px}
  .fcol:nth-child(3){grid-column:auto}
}

/* ============================================================
   באנר הסכמה לעוגיות
   ============================================================ */
.consent{position:fixed;inset-inline:0;bottom:0;z-index:9998;background:#fff;
  border-top:1px solid #e3e8ee;box-shadow:0 -6px 24px rgba(9,26,43,.14)}
.consent .cwrap{max-width:1100px;margin:0 auto;padding:16px 20px;display:flex;
  align-items:center;gap:20px;flex-wrap:wrap}
.consent .ctxt{flex:1 1 320px}
.consent h2{font:800 15px Heebo,sans-serif;color:#0f2b46;margin:0 0 4px}
.consent p{font:500 13px/1.7 Heebo,sans-serif;color:#6b7a89;margin:0}
.consent a{color:#2f9e8f;font-weight:700}
.consent .cbtns{display:flex;gap:10px}
.consent button{min-height:44px;padding:0 20px;border-radius:10px;
  font:700 14px Heebo,sans-serif;cursor:pointer;border:1px solid #e3e8ee}
.consent .cno{background:#fff;color:#0f2b46}
.consent .cyes{background:#2f9e8f;color:#fff;border-color:#2f9e8f}
@media(max-width:760px){
  .consent .cwrap{padding:14px 16px 84px}
  .consent .cbtns{width:100%}
  .consent .cbtns button{flex:1}
}


/* ============================================================
   תפריט מובייל
   ------------------------------------------------------------
   כתוב הגנתית בכוונה: box-sizing מפורש על כל אלמנט, גריד ולא
   flex לפריסה הראשית, ובלי הסתמכות על מה שיורש מהעמוד —
   index.html מגדיר CSS משלו וכללים ירשו ממנו בעבר.
   ============================================================ */
.sm-burger,.smenu,.sm-back{display:none}

@media (max-width:860px){

  .smenu,.smenu *{box-sizing:border-box}

  /* התכונה hidden נדרסת על ידי display מפורש — זו הסיבה שכפתור ה-X
     לא סגר את התפריט, ושהתפריט הוצג במובייל עוד לפני שלחצו על ההמבורגר.
     !important נדרש כאן כי הכללים למטה מגדירים display במפורש. */
  .smenu[hidden],.sm-back[hidden],.sm-sub[hidden]{display:none !important}

  /* כפתור ההמבורגר */
  /* ערכים פיזיים ולא לוגיים: inset-inline-end ב-RTL מתורגם לשמאל,
     ולכן ההמבורגר והפאנל נחתו בצד הלא נכון של המסך. */
  /* ההמבורגר יושב בתוך ה-topbar כפריט רגיל, ולא מרחף מעליו.
     position:fixed התנגש בלוגו מצד אחד ובקישור "יעדים" מהצד השני. */
  .topbar .container.has-burger{gap:10px}
  .topbar .container.has-burger .topnav{display:none}  /* התפריט מחליף אותו */
  .sm-burger{
    display:block;order:9;flex:0 0 auto;
    width:44px;height:44px;padding:0;border-radius:10px;
    border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);
    cursor:pointer;box-sizing:border-box}

  /* מצב גיבוי: עמוד בלי topbar */
  .sm-burger.sm-float{
    position:fixed;top:12px;left:12px;right:auto;z-index:9996;
    background:rgba(15,43,70,.94)}
  .sm-burger span{
    display:block;width:20px;height:2px;margin:0 auto;background:#fff;border-radius:2px;
    transition:transform .2s,opacity .2s}
  .sm-burger span+span{margin-top:5px}
  .sm-burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .sm-burger.on span:nth-child(2){opacity:0}
  .sm-burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .sm-back{display:block;position:fixed;inset:0;z-index:9997;background:rgba(9,26,43,.55)}

  /* הפאנל */
  .smenu{
    display:block;position:fixed;top:0;right:0;left:auto;z-index:9998;
    width:300px;max-width:85vw;height:100%;
    overflow-y:auto;overflow-x:visible;      /* hidden חתך את כפתור החיפוש */
    background:#0f2b46;color:#fff;padding:14px 16px 26px;
    box-shadow:8px 0 30px rgba(0,0,0,.3)}

  /* ראש: גריד ולא flex — הלוגו נמחץ בעבר */
  .sm-head{
    display:grid;grid-template-columns:1fr 40px;align-items:center;gap:10px;
    margin-bottom:16px}
  .sm-logo{display:block;text-decoration:none;direction:ltr;
    white-space:nowrap;overflow:hidden}
  .sm-logo .l1{font:900 18px/1.2 Heebo,sans-serif;color:#fff}
  .sm-logo .l2{font:400 18px/1.2 Heebo,sans-serif;color:#4fc3b0;letter-spacing:2px;
    margin-inline-start:5px}
  .sm-x{width:40px;height:40px;padding:0;border:0;border-radius:10px;
    background:rgba(255,255,255,.1);color:#fff;font-size:17px;cursor:pointer;
    box-sizing:border-box}

  /* חיפוש: גריד — הכפתור נחתך בעבר */
  .sm-search{
    display:grid;grid-template-columns:1fr 46px;gap:7px;
    width:100%;max-width:100%;margin:0 0 18px;overflow:hidden}
  .sm-search input{grid-column:1}
  .sm-search button{grid-column:2}
  .sm-search input{
    width:100%;height:44px;min-width:0;border:0;border-radius:10px;padding:0 12px;
    font:500 14.5px Heebo,sans-serif;background:#fff;color:#0f2b46;box-sizing:border-box}
  .sm-search button{
    width:46px;height:44px;padding:0;border:0;border-radius:10px;
    background:#2f9e8f;color:#fff;font-size:16px;cursor:pointer;box-sizing:border-box}

  /* רשימה */
  .sm-list{list-style:none;margin:0;padding:0}
  .sm-list>li{border-bottom:1px solid rgba(255,255,255,.09)}
  .sm-list>li>a,.sm-toggle{
    display:grid;grid-template-columns:1fr auto;align-items:center;
    width:100%;min-height:50px;margin:0;padding:0 2px;
    background:none;border:0;cursor:pointer;color:#fff;
    font:600 15.5px Heebo,sans-serif;text-decoration:none;text-align:start;
    box-sizing:border-box}
  .sm-chev{color:#4fc3b0;font-size:20px;line-height:1;
    transition:transform .2s;display:inline-block}
  .sm-acc.on .sm-chev{transform:rotate(90deg)}

  .sm-sub{list-style:none;margin:0 0 12px;padding:0 12px 0 0;
    border-inline-start:2px solid rgba(79,195,176,.35)}
  .sm-sub li a{display:block;min-height:42px;line-height:42px;
    color:rgba(255,255,255,.8);font:500 14.5px Heebo,sans-serif;text-decoration:none}
  .sm-sub li a:hover,.sm-sub li a:focus-visible{color:#fff}

  /* משפטי */
  .sm-legal{margin-top:20px;padding-top:14px;
    border-top:1px solid rgba(255,255,255,.12);line-height:2}
  .sm-legal a{color:rgba(255,255,255,.5);font:500 12px Heebo,sans-serif;
    text-decoration:none}
  .sm-legal a:hover,.sm-legal a:focus-visible{color:#fff}
  .sm-legal span{color:rgba(255,255,255,.3);font-size:11px;margin:0 5px}
}


/* ============================================================
   סטורי אזהרות
   ------------------------------------------------------------
   פורמט סטורי, תוכן עורכי. הרקע הוא צבע ולא תמונה —
   תמונת AI של מקום ספציפי היא טענה שקרית, ולאזהרה
   התוכן נושא את עצמו.
   ============================================================ */
.sy-cta{max-width:1100px;margin:0 auto;padding:16px 20px 0}
.sy-open{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;
  padding:0 20px;border:0;border-radius:14px;cursor:pointer;text-align:start;
  background:linear-gradient(135deg,#0f2b46,#1d5a6e);color:#fff;
  font:800 15.5px Heebo,sans-serif;box-shadow:0 4px 16px rgba(15,43,70,.24);
  transition:transform .15s,box-shadow .15s}
.sy-open .sy-t{flex:1}
.sy-open>span:first-child{font-size:20px;flex:0 0 auto}
.sy-open .sy-n{flex:0 0 auto;min-width:28px;height:28px;line-height:28px;
  border-radius:100px;background:rgba(79,195,176,.25);color:#7fd4c8;
  font:800 13px Heebo,sans-serif;text-align:center;padding:0 8px}
.sy-open:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(15,43,70,.3)}
@media(max-width:760px){.sy-cta{padding:14px 16px 0}.sy-open{font-size:14.5px}}

.sy{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;
  background:linear-gradient(160deg,#0f2b46 0%,#14395c 55%,#1d5a6e 100%);
  color:#fff;padding:14px 18px 30px}

.sy-bars{display:flex;gap:4px;margin-bottom:16px;flex:0 0 auto}
.sy-bar{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.22)}
.sy-bar.done{background:rgba(255,255,255,.65)}
.sy-bar.on{background:#4fc3b0}

.sy-x{position:absolute;top:26px;left:18px;right:auto;width:40px;height:40px;
  border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;
  font-size:17px;cursor:pointer;z-index:2}

.sy-body{flex:1;display:flex;flex-direction:column;justify-content:center;
  max-width:620px;margin:0 auto;width:100%;padding:0 4px}
.sy-tag{display:inline-block;align-self:flex-start;padding:5px 13px;border-radius:100px;
  background:rgba(79,195,176,.18);border:1px solid rgba(79,195,176,.4);
  color:#7fd4c8;font:700 12px Heebo,sans-serif;margin-bottom:16px}
.sy-body h2{font:900 26px/1.3 Heebo,sans-serif;margin:0 0 14px;color:#fff}
.sy-txt{font:500 18px/1.75 Heebo,sans-serif;color:rgba(255,255,255,.92)}
.sy-txt b{color:#fff;font-weight:800}

.sy-go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  margin-top:26px;min-height:50px;padding:0 22px;border-radius:12px;
  background:#2f9e8f;color:#fff;text-decoration:none;
  font:800 15px Heebo,sans-serif}
.sy-go i{font-style:normal;font-weight:500;font-size:13px;opacity:.8}
.sy-go:hover{background:#37b3a2}

/* אזורי הקשה: ב-RTL שמאל = הבא */
.sy-prev,.sy-next{position:absolute;top:60px;bottom:90px;width:32%;
  border:0;background:transparent;cursor:pointer}
.sy-prev{right:0;left:auto}   /* ימין = הקודם, לפי כיוון הקריאה */
.sy-next{left:0;right:auto}   /* שמאל = הבא */

@media(max-width:760px){
  .sy-body h2{font-size:22px}
  .sy-txt{font-size:16.5px}
}

/* עמודי משפטי — הכותרת העליונה הייתה h1 שני באותו עמוד. היא תווית
   ולא כותרת, ולכן היא span. */
.lgl-eyebrow{display:block;font-size:22px;font-weight:800;color:#0f2b46}

/* שורת הישות בפוטר. מופיעה זהה ב-KTB, ב-WhichCar וכאן. */
/* בלי .fdisc נשארו שני פריטים בלבד ב-.fbase, ולכן flex-basis של
   100% היה דוחף את שורת הזכויות לשורה נפרדת ללא צורך. */
.fowner{margin:0;font:500 11.5px Heebo,sans-serif;
  color:rgba(255,255,255,.55)}
.fowner b{font-weight:700;color:rgba(255,255,255,.78)}
.fowner a{color:rgba(255,255,255,.55);text-decoration:underline}
.fowner a:hover{color:#fff}

/* ---------- צללית המותג בפוטר ----------
   מילה אחת גדולה ודהויה בתחתית, כמו ב-WhichCar.

   שלוש הגנות מפני הבאג של הלילה הזה:
   1. footer מקבל overflow:hidden — הצללית נחתכת ולא מרחיבה
      את המסמך.
   2. הגודל ב-clamp עם יחידת vw, כך שהוא נגזר מהמסך ולא קבוע.
   3. position:absolute מוציא אותה מזרימת הפריסה לגמרי.
   user-select:none כדי שגרירה על הטקסט לא תסמן אותה. */
footer{position:relative;overflow:hidden;padding-bottom:8px}
.fmark{position:absolute;z-index:0;pointer-events:none;user-select:none;
  left:16px;right:auto;bottom:-0.30em;line-height:.78;
  font:900 clamp(64px,15vw,168px)/0.78 Heebo,sans-serif;
  letter-spacing:-.045em;direction:ltr;white-space:nowrap;
  color:#fff;opacity:.038}
.fwrap,.fbase{position:relative;z-index:1}
/* במובייל הפוטר צר והצללית נשארת קריאה מדי בפינה. חתוכה עמוק
   יותר ובאותה שקיפות — רמז ולא כותרת. */
@media(max-width:600px){
  .fmark{left:10px;bottom:-0.34em;font-size:clamp(58px,20vw,110px);opacity:.042}
}

/* ניווט תחתון סטטי. קיים ב-HTML של כל עמוד כדי שהזחילה לא תלויה
   ב-JS. site-footer.js מחליף אותו בפוטר המלא אחרי הרינדור, ולכן
   הוא נראה רק למי שה-JS שלו לא רץ — ולזחלנים. */
.fnav{max-width:1120px;margin:0 auto;padding:18px 22px}
.fnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.fnav a{color:rgba(255,255,255,.72);font:600 13px Heebo,sans-serif;text-decoration:none}
.fnav a:hover,.fnav a:focus-visible{color:#fff;text-decoration:underline}

/* ---------- בלוק הגילוי ----------
   משרת שתי רמות: דף מדינה (data-country) ודף מדריך (data-dest).
   יושב כאן ולא ב-country.css כי המדריכים אינם טוענים אותו. */
/* ---------- בלוק הגילוי ----------
   בדסקטופ שלושה כרטיסים בשורה. במובייל גליל אופקי עם שניים
   וחצי בפריים — החצי השלישי הוא הסימן שיש עוד, בלי חץ ובלי
   הסבר. ב-360px שלושה כרטיסים בשורה יצאו צרים מכדי שתמונה
   תעבוד בהם.

   התמונה ממלאת את כל החלק העליון ביחס 4:3 עם object-fit:cover.
   הטקסט יושב בפס לבן מתחתיה ולא מעליה.

   האייקונים הם SVG קו באותה שפה של שאר האתר. אמוג׳י צבעוני
   ליד כרטיס עם צילום נראה זר. */
.cexplore{margin:26px 0 4px}
.cexplore[hidden]{display:none}
.ce-h{font-size:19px;font-weight:800;color:var(--navy);margin:0 0 12px}
/* מספר העמודות עוקב אחרי מספר הכרטיסים בפועל. שני כרטיסים
   בגריד של שלוש עמודות משאירים חור בצד. */
.ce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ce-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ce-grid[data-n="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ce-grid[data-n="5"],.ce-grid[data-n="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:761px) and (max-width:1000px){
  .ce-grid[data-n="4"],.ce-grid[data-n="5"],.ce-grid[data-n="6"]{
    grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ce-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:#fff;display:flex;flex-direction:column;
  box-shadow:0 1px 3px rgba(15,43,70,.05)}
.ce-img,.ce-ph{display:block;width:100%}
/* גרדיאנט דק בתחתית הצילום. בלעדיו הצילום נגמר בקו חד מול הפס
   הלבן ושני החלקים נראים כמו שני אלמנטים. */
.ce-img{aspect-ratio:4/3;position:relative}
.ce-img::after{content:"";position:absolute;inset-inline:0;bottom:0;height:38%;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.55));
  pointer-events:none}
.ce-img img{width:100%;height:100%;object-fit:cover;display:block}
/* כרטיס fallback נמוך ב-25%: 16:9 במקום 4:3. אין טעם לשמור
   שטח לצילום שאינו קיים — זה נראה ריק, לא ממתין. */
.ce-ph{aspect-ratio:16/9;display:grid;place-items:center;
  background:linear-gradient(150deg,#eef7f5,#e3eef4)}
.ce-i{width:34px;height:34px;fill:none;stroke:var(--teal);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
/* בלי צילום האייקון גדול יותר והכותרת קרובה אליו */
.ce-noimg .ce-i{width:42px;height:42px;stroke-width:1.6}
.ce-noimg .ce-t{padding-top:9px}
.ce-t{padding:11px 13px 13px;font-size:14.5px;font-weight:700;color:var(--navy);
  line-height:1.25}
.ce-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ce-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;
  border:1px solid var(--line);border-radius:100px;padding:7px 15px 7px 12px;
  font-size:13px;font-weight:600;color:var(--navy)}
.ce-chip .ce-i{width:17px;height:17px;stroke-width:1.9}


/* בתוך מדריך הבלוק יושב אחרי המסלול ולא לפניו. בעמוד מדינה
   הקורא עדיין בוחר, ולכן הגילוי מוקדם. במדריך הוא כבר בחר —
   ושם התפקיד הוא "מה עוד אפשר לשלב", לא "לאן לנסוע". קודם
   הוא ישב בין שתי שורות ניווט וקטע את הרצף. */
.cexplore-guide{margin-top:34px;padding-top:26px;
  border-top:1px solid rgba(20,50,80,.10)}