/* ============================================================ SmartTravel — Mobile Foundation v3 · 16.08.26 פיילוט: פעיל רק על ומתחת ל-760px. דסקטופ, תוכן, סכימה ונתונים — לא נגעו. v3 פותר היררכיה. v2 פתר עומס. ============================================================ */ @media (max-width: 760px) { /* 1 · Hero — שם היעד, לא באנר */ body.mv2 .hero .container { padding: 12px 16px 10px } body.mv2 .hero h1 { font-size: 23px } body.mv2 .hero .eyebrow { font-size: 11px } body.mv2 .hero p, body.mv2 .demo-ribbon { display: none } /* 2 · ניווט ימים אחד בלבד — העליון מוסתר ממילא ב-guide.css */ body.mv2 .daynav { display: none } body.mv2 .panel .meta { display: none } /* 3 · ראש היום */ body.mv2 .dayhead { margin: 14px 0 10px } body.mv2 .dayhead .of { font-size: 11.5px; font-weight: 700; color: var(--teal); letter-spacing: .02em } body.mv2 .dayhead h2 { font-size: 22px; line-height: 1.2; margin: 2px 0 7px } body.mv2 .dayhead .facts { display: flex; flex-wrap: wrap; gap: 5px 9px; font-size: 12.5px; color: var(--gray) } body.mv2 .dayhead .facts span::after { content: " ·"; color: var(--line) } body.mv2 .dayhead .facts span:last-child::after { content: "" } body.mv2 .panel .p-head, body.mv2 .daycard { display: none } /* 4 · שורת מסלול היום */ body.mv2 .dayflow { font-size: 12.5px; font-weight: 600; color: var(--navy); background: var(--soft); border-radius: 10px; padding: 9px 11px; margin: 10px 0; line-height: 1.6 } body.mv2 .dayflow i { font-style: normal; color: var(--teal); margin: 0 3px } /* 5 · SmartTravel אומר — החלטה אחת, השאר מקופל */ body.mv2 .stsays { background: var(--city-soft, rgba(47,158,143,.10)); border-radius: 12px; padding: 13px 14px; margin: 12px 0 } body.mv2 .stsays > .h { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; color: var(--navy); margin-bottom: 7px } body.mv2 .stsays > .h::before { content: "💡" } body.mv2 .stsays .decision { background: none; border: none; padding: 0; margin: 0 0 10px } body.mv2 .stsays .decision:last-of-type { margin-bottom: 0 } body.mv2 .stsays .lbl { font-size: 11px; margin-bottom: 2px } body.mv2 .stsays .call { font-size: 14.5px; line-height: 1.5 } body.mv2 .stsays[data-collapsed="true"] .st-extra { display: none } body.mv2 .st-more { display: block; width: 100%; margin-top: 10px; padding: 10px; min-height: 44px; border: none; border-radius: 10px; background: rgba(255,255,255,.75); color: var(--navy); font: 700 13px Heebo, sans-serif; cursor: pointer; text-align: start } body.mv2 .st-more::after { content: " ›"; color: var(--teal) } /* "למה בנינו כך" יורד מהקופסה ומקבל מקום משלו */ body.mv2 .whyblock { margin: 12px 0; padding: 11px 12px; font-size: 13px } /* 6 · Trust — סיכום אחד ליום */ body.mv2 .panel .tlegend { display: none } body.mv2 .trustsum { display: block; width: 100%; text-align: start; margin: 10px 0 4px; padding: 9px 11px; min-height: 44px; border: 1px solid var(--line); border-radius: 10px; background: #fff; font: 600 12.5px Heebo, sans-serif; color: var(--gray); cursor: pointer } body.mv2 .trustsum b { color: var(--navy); font-weight: 800 } /* 7 · ציר זמן דק — חזר */ body.mv2 .tl { counter-reset: stop; position: relative } body.mv2 .stop { gap: 12px; padding-bottom: 18px; position: relative } body.mv2 .stop::before { content: ""; position: absolute; top: 44px; bottom: 0; inset-inline-start: 21px; width: 2px; background: var(--line); display: block } body.mv2 .stop:last-child::before { display: none } /* 8 · מספר מעל שעה */ body.mv2 .stop .time { flex: 0 0 44px; height: auto; min-height: 44px; background: none; border-radius: 0; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 11.5px; font-weight: 600; color: var(--gray); position: relative; z-index: 1 } body.mv2 .stop .time::before { counter-increment: stop; content: counter(stop); width: 26px; height: 26px; border-radius: 50%; background: var(--teal); color: #fff; display: flex; align-items: center; justify-content: center; font: 800 13px Heebo, sans-serif } body.mv2 .stop[data-priority="optional"] .time::before { background: var(--gray) } body.mv2 .stop .card { padding: 0; border: none; background: none } body.mv2 .stop .card h3 { font-size: 16px; line-height: 1.3 } /* 9 · ברירת מחדל: כותרת + פעולות. השאר מאחורי "פרטים" */ body.mv2 .stop .card > p, body.mv2 .stop .card > .tip, body.mv2 .stop .card > .cost { display: none } body.mv2 .stop.open .card > p, body.mv2 .stop.open .card > .tip, body.mv2 .stop.open .card > .cost { display: block } /* כפתור האמון חושף רק את השורות שיש בהן תגית — לא את כל התחנה */ body.mv2 .tl.show-trust .stop .card > .has-trust { display: block } body.mv2 .st-meta { font-size: 12px; color: var(--gray); margin-top: 3px } body.mv2 .st-meta .pr { font-weight: 800 } body.mv2 .st-meta .pr.must { color: #c0392b } body.mv2 .st-meta .pr.recommended { color: var(--teal) } /* 10 · ב-PLAN "פרטים" ראשי, "מפה" משני. ב-NOW יתהפך */ body.mv2 .st-act { display: flex; gap: 8px; margin-top: 9px } body.mv2 .st-act > * { flex: 1 1 0; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border-radius: 10px; font: 700 13.5px Heebo, sans-serif; text-decoration: none; cursor: pointer } body.mv2 .st-act .det { background: var(--teal); color: #fff; border: none } body.mv2 .st-act .go { background: #fff; color: var(--navy); border: 1px solid var(--line) } /* 11 · "חשוב לישראלים" — קצר */ body.mv2 .panel .il { padding: 12px 13px } body.mv2 .panel .il .h { font-size: 13px } body.mv2 .panel .il-item { align-items: flex-start } body.mv2 .panel .il-item > div { font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical } body.mv2 .panel .il.open .il-item > div { -webkit-line-clamp: unset } body.mv2 .il-more { display: block; width: 100%; margin-top: 8px; padding: 9px; min-height: 44px; border: none; border-radius: 9px; background: var(--soft); color: var(--navy); font: 700 12.5px Heebo, sans-serif; cursor: pointer; text-align: start } /* 12 · מעבר ליום הבא */ body.mv2 .nextday { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 16px 0 6px; padding: 13px 14px; min-height: 48px; background: var(--navy); color: #fff; border: none; border-radius: 12px; font: 700 14px Heebo, sans-serif; cursor: pointer; width: 100%; text-align: start } body.mv2 .nextday small { display: block; font-size: 11px; opacity: .75; font-weight: 500 } /* 13 · ניווט תחתון — תוויות קצרות */ body.mv2 .msec .ml { font-size: 11px } }