/* ============================================================================
   PROSCLICK SKIN — הבנקאיים
   ----------------------------------------------------------------------------
   סקין משותף לעמודים המשניים (‎/lo/, ‎/lo-chat/, ‎/thanks/, ‎/privacy-policy/,
   ‎/accessibility-statement/‎). מבטל את סקין ה-"Aurora" הפסטלי שהגיע עם
   התבנית, ומחיל את מערכת העיצוב של ProsClick: קרם חם, כתום-אדום חד,
   דיו חמים, כפתורי-גלולה, פינות 20/28, מסגרות חמות.

   נטען אחרון ב-<head> של כל עמוד — לכן ה-!important כאן מנצח את הסגנון
   המוטבע שמעליו. עמוד הבית והשאלון מחזיקים סקין משלהם בתוך הקובץ.
   שינוי צבע/פונט לעמודים המשניים — כאן, במקום אחד.
   ============================================================================ */

:root, body {
  --ink:         #16150f !important;
  --ink-soft:    #45433a !important;
  --paper:       #faf8f3 !important;
  --paper-2:     #f4efe4 !important;
  --muted:       #78756a !important;
  --hairline:    #e8e3d7 !important;
  --gold:        #ff4500 !important;
  --gold-deep:   #dd3c00 !important;
  --indigo:      #ff4500 !important;
  --coral:       #f0a93b !important;
  --white:       #ffffff !important;
  --brand:       #ff4500 !important;
  --brand-dark:  #dd3c00 !important;
  --brand-soft:  #ffe7de !important;
  --accent:      #f0a93b !important;
  --line:        #e8e3d7 !important;
  --serif:       'Heebo', system-ui, sans-serif !important;
  --sans:        'Assistant', 'Heebo', system-ui, sans-serif !important;
}

/* ───────── רקע: מחליף את ה-mesh הפסטלי בקרם + הילה כתומה ───────── */
.aurora-bg, .orb, .orb-1, .orb-2, .orb-3, .orb-4 { display: none !important; }

body {
  background:
    radial-gradient(120% 70% at 85% -8%, rgba(255,69,0,.13), transparent 55%),
    radial-gradient(90% 60% at 5% 2%,   rgba(255,69,0,.06), transparent 50%),
    #faf8f3 !important;
  background-attachment: scroll !important;
  color: #16150f !important;
  font-family: 'Assistant', 'Heebo', system-ui, sans-serif !important;
}
body, body * { font-family: 'Assistant', 'Heebo', system-ui, sans-serif !important; }
h1, h2, h3, h4, .hero-title, .brand-name, .foot-brand, .title, .thank-card h1 {
  font-family: 'Heebo', system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

/* טקסט-גרדיאנט → כתום מלא (הגרדיאנט הסגול-ורוד לא שייך למותג) */
.grad, .accent {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: #ff4500 !important;
}

/* ───────── TOPBAR ───────── */
.topbar {
  background: rgba(250,248,243,.88) !important;
  backdrop-filter: saturate(180%) blur(12px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(12px) !important;
  border-bottom: 1px solid #e8e3d7 !important;
  box-shadow: none !important;
}
.brand-mark {
  background: #ff4500 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(255,69,0,.28) !important;
}
.brand-logo-p { height: 30px !important; width: auto !important; display: block !important; }
@media (max-width: 620px) { .brand-logo-p { height: 24px !important; } }
.brand-name { color: #16150f !important; }
.nav-pill {
  background: #fff !important;
  border: 1px solid #e8e3d7 !important;
  color: #45433a !important;
  border-radius: 999px !important;
}
.live-dot { background: #22c55e !important; }

/* ───────── HERO ───────── */
.hero-title { color: #16150f !important; }
.hero-title .sub { color: #45433a !important; }
.hero-sub { color: #45433a !important; }
.hero-sub b { color: #16150f !important; }
.eyebrow, .section-eyebrow, .page-eyebrow, .fc-tag {
  color: #dd3c00 !important;
  background: #ffe7de !important;
  border: 1px solid rgba(255,69,0,.24) !important;
  border-radius: 999px !important;
}
.head-meta { color: #78756a !important; }
.hero-stat .v { color: #ff4500 !important; }
.hero-stat .l { color: #78756a !important; }

/* ───────── כרטיס הטופס ───────── */
.form-card {
  background: #ffffff !important;
  border: 1px solid #e8e3d7 !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 34px rgba(22,21,15,.10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.form-card h2 { color: #16150f !important; }
.fc-sub { color: #78756a !important; }
.field label { color: #45433a !important; }
.field input[type="text"], .field input[type="tel"], .field input[type="email"] {
  background: #fdfcf9 !important;
  border: 1.5px solid #e8e3d7 !important;
  color: #16150f !important;
  border-radius: 14px !important;
}
.field input:focus {
  outline: none !important;
  background: #fff !important;
  border-color: #ff4500 !important;
  box-shadow: 0 0 0 4px rgba(255,69,0,.12) !important;
}
.field input::placeholder { color: #b3afa2 !important; }
.field-error, .consent-required { color: #dc2626 !important; }

.consent-line {
  background: #fdfcf9 !important;
  border: 1.5px dashed #e8e3d7 !important;
  border-radius: 14px !important;
}
.consent-line.checked {
  border-style: solid !important;
  border-color: rgba(34,197,94,.45) !important;
  background: rgba(34,197,94,.05) !important;
}
.consent-line .req {
  color: #dd3c00 !important;
  background: #ffe7de !important;
  border-radius: 999px !important;
}
.consent { color: #45433a !important; }
.consent a { color: #ff4500 !important; }
.consent input[type="checkbox"] { accent-color: #ff4500 !important; }

.cta-btn {
  background: #ff4500 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(255,69,0,.30) !important;
}
.cta-btn:hover:not(:disabled) {
  background: #dd3c00 !important;
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(255,69,0,.36) !important;
}
.cta-btn:disabled { opacity: .45 !important; box-shadow: none !important; }
.submit-hint { color: #dd3c00 !important; }
.secure-line { color: #78756a !important; }
.secure-line b { color: #45433a !important; }

/* מד-התקדמות ותג-אמון של הטופס */
.lp-badge {
  background: #ffe7de !important;
  border: 1px solid rgba(255,69,0,.22) !important;
  color: #dd3c00 !important;
}
.lp-badge .lp-badge-icon { color: #ff4500 !important; }
.lp-progress .lp-bar { background: #e8e3d7 !important; }
.lp-progress .lp-fill { background: linear-gradient(90deg, #ff4500, #f0a93b) !important; }
.lp-progress .lp-steps { color: #78756a !important; }
.lp-progress .lp-step.done { color: #ff4500 !important; }

/* ───────── כרטיסי מטרות + שלבים ───────── */
.use-card {
  background: #fff !important;
  border: 1px solid #e8e3d7 !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(22,21,15,.06) !important;
  backdrop-filter: none !important;
}
.use-card:hover { border-color: rgba(255,69,0,.35) !important; box-shadow: 0 12px 34px rgba(22,21,15,.10) !important; }
.use-card h3 { color: #16150f !important; }
.use-card p { color: #45433a !important; }
.node-icon {
  background: #ffe7de !important;
  color: #ff4500 !important;
  border: 0 !important;
  border-radius: 14px !important;
}
.range {
  color: #a8761f !important;
  background: #fbeccd !important;
  border: 0 !important;
  border-radius: 999px !important;
}
.how-section { background: transparent !important; }
.step .node, .node {
  background: #ffe7de !important;
  color: #ff4500 !important;
  border: 0 !important;
}
.step h3 { color: #16150f !important; }
.step p { color: #45433a !important; }

/* ───────── עמוד התודה ───────── */
.thank-card, .card, .contact-box {
  background: #fff !important;
  border: 1px solid #e8e3d7 !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 34px rgba(22,21,15,.10) !important;
  backdrop-filter: none !important;
}
.check-orb {
  background: #ff4500 !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(255,69,0,.32) !important;
}
.ribbon {
  background: rgba(34,197,94,.10) !important;
  border: 1px solid rgba(34,197,94,.32) !important;
  color: #15803d !important;
  border-radius: 999px !important;
}
.next-strip .num, .next-step .num {
  background: #ffe7de !important;
  color: #ff4500 !important;
  border: 0 !important;
}
.next-step .t, .next-strip .t { color: #45433a !important; }

/* ───────── עמודים משפטיים ───────── */
.title { color: #16150f !important; }
.meta, .footer-meta { color: #78756a !important; }
.back, .back-link {
  color: #dd3c00 !important;
  border: 1px solid #e8e3d7 !important;
  border-radius: 999px !important;
  background: #fff !important;
}
.back:hover, .back-link:hover { background: #f4efe4 !important; border-color: #16150f !important; }
.lead { color: #45433a !important; }

/* ───────── FOOTER ───────── */
.foot {
  background: #f4efe4 !important;
  border-top: 1px solid #e8e3d7 !important;
}
.foot-inner { color: #78756a !important; }
.foot-inner a { color: #45433a !important; }
.foot-inner a:hover { color: #ff4500 !important; }
.foot-brand { color: #16150f !important; }
.foot-brand .accent { color: #ff4500 !important; }

/* ───────── קישורים כלליים ───────── */
a { color: inherit; }
.shell a:not(.brand):not(.btn):not(.cta-btn):not(.back):not(.back-link) { color: #dd3c00; }