/* fp-design.css — עיצוב 2026 משותף לכל מערכות פאסט פרו.
 * תצוגה בלבד: לא משנה מזהים, שמות שדות או התנהגות.
 * צבעי המערכת (‎--fp-accent / --fp-band / --fp-soft‎) מחושבים בשרת ב-page_top() לפי התיקייה,
 * בלי color-mix – כדי שיעבדו גם בדפדפנים ישנים ובאפליקציית האנדרואיד.
 * לביטול: מוחקים את שתי השורות שטוענות את הקובץ (ב-bootstrap.php וב-index.php). */
:root{
  --fp-ink:#0f172a;--fp-mut:#526072;--fp-line:#e3e8f0;--fp-bg:#f4f6fa;
  --fp-navy:#0f2742;--fp-go:#16a34a;--fp-go2:#15803d;
}
body{font-family:'Assistant','Heebo',system-ui,-apple-system,'Segoe UI',Arial,sans-serif!important;background:var(--fp-bg)!important;color:var(--fp-ink)}

/* ---------- כותרת עליונה ---------- */
header{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--fp-line)!important;padding:8px max(16px,calc((100% - 1120px)/2))!important;position:sticky;top:0;z-index:60}
.taxi-site-header{min-height:60px!important;gap:16px!important}
.taxi-site-brand img{width:auto!important;height:48px!important;max-width:44vw!important;filter:none!important}
.taxi-site-nav{gap:2px!important}
.taxi-site-nav a,.taxi-site-nav summary{min-height:42px!important;padding:8px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#334155!important;font-weight:700!important;font-size:.95rem}
.taxi-site-nav a:hover,.taxi-site-nav summary:hover{background:var(--fp-bg)!important;color:var(--fp-ink)!important}
.taxi-site-nav>a:last-of-type{border:1.5px solid var(--fp-line)!important;margin-inline-start:6px!important;color:var(--fp-ink)!important}
.fp-more-btn{display:none}
@media(max-width:700px){
  header{padding:6px 12px!important}
  .taxi-site-header{position:relative!important;display:block!important;min-height:0!important}
  .taxi-site-brand{display:flex!important;width:100%!important;justify-content:flex-start!important;align-items:center!important;min-height:54px;padding:0 0 6px}
  .taxi-site-brand img{height:40px!important;max-width:55vw!important}
  .taxi-site-nav{position:static!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important;padding:0 0 4px!important;overflow:visible!important}
  .taxi-site-nav>*{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
  .taxi-site-nav>a,.taxi-site-nav summary{justify-content:center!important;text-align:center;white-space:normal!important;line-height:1.15!important;font-size:.84rem!important;padding:7px 6px!important;min-height:44px!important;background:var(--fp-bg)!important;border-radius:10px!important}
  .taxi-site-nav .fp-sec{display:none!important}
  .fp-more-btn{display:inline-flex!important;position:absolute!important;top:4px;left:0;align-items:center;gap:4px;min-height:44px;padding:8px 12px!important;margin:0!important;background:#fff!important;border:1.5px solid var(--fp-line)!important;border-radius:12px!important;color:var(--fp-ink)!important;font:inherit;font-size:.9rem!important;font-weight:800;cursor:pointer;box-shadow:none!important}
  .taxi-site-nav.fp-open .fp-sec{display:flex!important;grid-column:1/-1;order:10;justify-content:flex-start!important;background:#fff!important;border:1px solid var(--fp-line)!important;border-radius:10px!important}
  .taxi-site-nav.fp-open details.fp-sec{display:block!important;padding:0!important}
  .taxi-site-nav.fp-open details.fp-sec>summary{display:flex!important;justify-content:flex-start!important;width:100%!important;background:#fff!important}
}

/* ---------- רצועת פתיחה ---------- */
.fp-band{background:var(--fp-band,#1e3a8a);color:#fff;margin:0 calc(50% - 50vw);padding:30px max(16px,calc((100vw - 1120px)/2)) 92px}
.fp-band .fp-kicker{margin:0 0 4px;font-weight:700;font-size:.95rem;color:#ffffffc0}
.fp-band h1{margin:0 0 8px;font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.3px}
.fp-band p.fp-lead{margin:0 0 16px;font-size:1.08rem;color:#ffffffd9;max-width:620px}
.fp-band ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fp-band li{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;padding:6px 12px;border-radius:999px;background:#ffffff1f}
.fp-band li::before{content:"✓";font-weight:900}
.fp-band + .taxi-alert,.fp-band ~ #taxi-guest-interface{position:relative}
.fp-band ~ #taxi-guest-interface{margin-top:-68px!important}
.fp-band ~ .taxi-alert:not([hidden]){margin-top:-68px;margin-bottom:84px}

/* כותרת הלקוח הרשום – באותה שפה */
.taxi-passenger .taxi-hero{background:var(--fp-band,#1e3a8a)!important;border-radius:20px!important;box-shadow:none!important}
.taxi-passenger .taxi-hero:before,.taxi-passenger .taxi-hero:after{display:none!important}
.taxi-passenger .taxi-hero h1{font-weight:800!important;letter-spacing:-.3px}
.taxi-hero-badge{background:#ffffff1f!important;border:0!important;color:#fff!important}

/* ---------- כרטיס ההזמנה ---------- */
.taxi-guest-first .taxi-agenda-shell{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.taxi-passenger #taxi-book{background:#fff!important;border:1px solid var(--fp-line)!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(15,23,42,.10)!important}
.taxi-passenger #taxi-book>summary{background:#fff!important;border-bottom:0!important;padding:22px 28px 4px!important;font-size:1.05rem!important;color:var(--fp-mut)!important;font-weight:700!important}
.taxi-passenger #taxi-book .taxi-compact-content{padding:6px clamp(16px,3vw,30px) 28px!important}
.taxi-passenger #taxi-book .taxi-compact-content>p.taxi-muted:first-child{display:none}
.cln-phone-order{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;background:#f0fdf4!important;border:1px solid #bbf7d0!important;color:#14532d!important;border-radius:14px!important;padding:10px 14px!important;font-size:.95rem}
.cln-phone-order a{color:var(--fp-go2)!important;font-size:1.05rem}

/* שלבים: פס התקדמות דק */
#taxi-wizard-form .taxi-wizard-progress{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 24px!important}
#taxi-wizard-form .taxi-wizard-progress span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px;min-height:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#64748b!important;font-weight:700!important;font-size:.9rem!important}
#taxi-wizard-form .taxi-wizard-progress span::before{content:"";display:block;width:100%;height:5px;border-radius:99px;background:var(--fp-line)}
#taxi-wizard-form .taxi-wizard-progress span::after{display:none!important}
#taxi-wizard-form .taxi-wizard-progress span.is-active,#taxi-wizard-form .taxi-wizard-progress span.is-done{background:none!important;box-shadow:none!important;border:0!important}
#taxi-wizard-form .taxi-wizard-progress span.is-active{color:var(--fp-ink)!important;font-weight:800!important}
#taxi-wizard-form .taxi-wizard-progress span.is-active::before{background:var(--fp-accent,#1d4ed8)}
#taxi-wizard-form .taxi-wizard-progress span.is-done{color:var(--fp-go2)!important}
#taxi-wizard-form .taxi-wizard-progress span.is-done::before{background:var(--fp-go)}

#taxi-wizard-form .taxi-wizard-step h3{font-size:clamp(1.4rem,2.6vw,1.9rem)!important;font-weight:800!important;color:var(--fp-ink)!important}
#taxi-wizard-form label{color:#334155!important;font-weight:700!important}

/* שדות */
#taxi-wizard-form input:not([type=hidden]):not([type=radio]):not([type=checkbox]):not([type=file]),#taxi-wizard-form select,#taxi-wizard-form textarea{background:#f8fafc!important;border:1.5px solid #dfe5ee!important;border-radius:12px!important;min-height:52px!important;color:var(--fp-ink)!important;box-shadow:none!important}
#taxi-wizard-form textarea{min-height:110px!important}
#taxi-wizard-form input:not([type=hidden]):focus,#taxi-wizard-form select:focus,#taxi-wizard-form textarea:focus{background:#fff!important;border-color:var(--fp-accent,#1d4ed8)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fp-accent,#1d4ed8) 18%,transparent)!important;outline:0}
#taxi-wizard-form input[type=file]{border-radius:12px!important;background:#f8fafc!important}

/* כפתורי מיקום ובחירות */
#taxi-wizard-form .taxi-use-gps,#taxi-wizard-form .taxi-pickup-map-open{background:var(--fp-soft,#eef3ff)!important;color:var(--fp-navy)!important;border:0!important;border-radius:999px!important;font-weight:700!important;box-shadow:none!important}
#taxi-wizard-form .taxi-stage4-choice{background:#fff!important;border:1px solid var(--fp-line)!important;border-radius:16px!important}
#taxi-wizard-form .taxi-pickup-choice>label,#taxi-wizard-form .taxi-stage4-choice:not(.taxi-driver-choice)>label{border:1.5px solid #dfe5ee!important;border-radius:12px!important;background:#fff!important}
#taxi-wizard-form .taxi-stage4-choice label:has(input:checked){border-color:var(--fp-accent,#1d4ed8)!important;background:var(--fp-soft,#eef3ff)!important}
#taxi-wizard-form input[type=radio],#taxi-wizard-form input[type=checkbox]{accent-color:var(--fp-accent,#1d4ed8)}

/* כפתור המשך */
#taxi-wizard-form .taxi-wizard-next,#taxi-wizard-form .taxi-submit{background:var(--fp-go)!important;color:#fff!important;border:0!important;border-radius:14px!important;font-weight:800!important;font-size:1.1rem!important;box-shadow:0 10px 24px rgba(22,163,74,.25)!important}
#taxi-wizard-form .taxi-wizard-next:hover,#taxi-wizard-form .taxi-submit:hover{background:var(--fp-go2)!important}
#taxi-wizard-form .taxi-wizard-prev{background:#fff!important;color:var(--fp-ink)!important;border:1.5px solid var(--fp-line)!important}

/* שאר הכרטיסים בדף */
.taxi-passenger .taxi-agenda-section:not(#taxi-book){background:#fff!important;border:1px solid var(--fp-line)!important;border-radius:16px!important;box-shadow:none!important}
.taxi-passenger .taxi-agenda-section:not(#taxi-book)>summary{background:#fff!important}

@media(max-width:650px){
  .fp-band{padding:22px 16px 82px}
  .fp-band ~ #taxi-guest-interface{margin-top:-62px!important}
  .taxi-passenger #taxi-book{border-radius:18px!important}
  .taxi-passenger #taxi-book>summary{padding:16px 16px 2px!important}
  .taxi-passenger #taxi-book .taxi-compact-content{padding:4px 14px 20px!important}
  #taxi-wizard-form .taxi-wizard-progress span{font-size:.8rem!important}
}