/* ============================================================
   AMOTORS Pro — מערכת העיצוב המשותפת
   ============================================================
   הרקע: עד כה כל עמוד הגדיר לעצמו פונטים, צבעים וכפתורים. דף הבית
   השתמש ב-Discovery (פונט המותג, אותו אחד של ה-CRM והתוסף), וכל השאר
   ב-Secular One מגוגל. כלומר הפונט שאנחנו בעלים עליו ישב בצד, בזמן
   שהלקוח פוגש שלוש טיפוגרפיות שונות בדרך מדף הבית לאזור האישי.

   הקובץ הזה הוא מקור האמת: פונט, צבעים, מרווחים, ורכיבי הבסיס.
   עמוד עדיין יכול להוסיף CSS משלו - אבל לא צריך להמציא מחדש כפתור.

   נטען לפני ה-<style> של כל עמוד, כך שכל עמוד יכול לדרוס בעת הצורך.
   ============================================================ */

/* ── פונט המותג ── */
@font-face{font-family:'Discovery';font-weight:400;font-display:swap;src:url('/fonts/Discovery_Fs-Regular.woff2') format('woff2')}
@font-face{font-family:'Discovery';font-weight:500;font-display:swap;src:url('/fonts/Discovery_Fs-Medium.woff2') format('woff2')}
@font-face{font-family:'Discovery';font-weight:600;font-display:swap;src:url('/fonts/Discovery_Fs-Demibold.woff2') format('woff2')}
@font-face{font-family:'Discovery';font-weight:700;font-display:swap;src:url('/fonts/Discovery_Fs-Bold.woff2') format('woff2')}
@font-face{font-family:'Discovery';font-weight:800 900;font-display:swap;src:url('/fonts/Discovery_Fs-Black.woff') format('woff')}

:root{
  /* משטחים — סולם אחד, מכהה לבהיר */
  --ink:#0a0a0b; --ink-2:#111114; --ink-3:#17171b; --ink-4:#1d1d22;
  --line:#26262c; --line-2:#33333b;

  /* טקסט — שלוש רמות בלבד. יותר מזה והיררכיה נשברת */
  --fg:#f2f2f4; --sub:#8a8a95; --dim:#5c5c66;

  /* מותג ומצבים */
  --amber:#ff6a00; --amber-2:#ff8c33; --amber-soft:rgba(255,106,0,.12);
  --lime:#3ddc84; --red:#ff5a52; --warn:#f0a020;

  --font:'Discovery','Assistant',-apple-system,'Segoe UI',Arial,sans-serif;
  /* Discovery בתוך ערימת המונוספייס, לפני ה-generic. נפילת פונט ב-CSS
     היא לכל תו בנפרד: ל-IBM Plex Mono אין אותיות עבריות, ולכן כל טקסט
     עברי במחלקה "טכנית" (.kicker, .mono, תגיות) נפל לפונט המערכת של
     הדפדפן - עם ריווח האותיות של המונוספייס עדיין עליו. נמדדו 64 מקטעים
     כאלה בדף הבית. ספרות ולטינית ממשיכות ב-Plex Mono כמתוכנן. */
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,'Discovery',monospace;

  --r:10px; --r-lg:16px;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 12px 32px rgba(0,0,0,.28);
  --ring:0 0 0 3px rgba(255,106,0,.22);
}

*{box-sizing:border-box;margin:0;padding:0}
/* html, לא רק body: הדפדפן גולל את ה-viewport לפי html, ו-overflow-x
   על body לבדו לא עוצר תוכן שגולש - כמו שורת הטיקר (רוחב הפס הפנימי
   4497px). בלי זה נבדק בפועל: scrollTo(9999,0) הזיז את המסך ב-1125px
   במובייל, למרות ש-.ticker עצמו overflow:hidden. */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
/* אלמנטי טופס לא יורשים פונט מהדפדפן. בלי השורה הזו כל <button> שלא
   נושא .btn נופל ל-Arial - וזה בדיוק מה שקרה באתר השיווקי. */
button,input,select,textarea{font-family:inherit}
body{
  background:var(--ink);color:var(--fg);
  font:400 16.5px/1.7 var(--font);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}

/* כותרות במשקל אחיד ובמרווח אותיות הדוק - זה מה שנותן את המראה ה"תוכנתי" */
h1,h2,h3,h4,.display{font-family:var(--font);font-weight:800;line-height:1.14;letter-spacing:-.015em}
h1{font-size:clamp(30px,4.2vw,46px)}
h2{font-size:clamp(21px,2.4vw,27px)}
h3{font-size:18.5px}

a{color:var(--amber-2);text-decoration:none}
a:hover{color:var(--amber)}
p{color:var(--sub)}
b,strong{color:var(--fg);font-weight:700}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
/* מספר עם מטבע בהקשר RTL - bidi מסדר "₪0" הפוך בלי הבידוד הזה */
.num{unicode-bidi:isolate}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:780px;margin:0 auto;padding:0 24px}

/* ── כפתורים ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font:700 15px/1 var(--font);padding:13px 24px;border-radius:var(--r);
  border:1px solid transparent;cursor:pointer;transition:.16s;text-decoration:none;
  background:var(--amber);color:#0a0a0b;
}
.btn:hover{background:var(--amber-2);color:#0a0a0b;transform:translateY(-1px)}
.btn:active{transform:none}
.btn:focus-visible{outline:none;box-shadow:var(--ring)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line-2)}
.btn.ghost:hover{background:var(--ink-3);border-color:var(--amber);color:var(--fg);transform:translateY(-1px)}
.btn.sm{font-size:13.5px;padding:9px 16px}
.btn.block{width:100%}

/* ── שדות ── */
label{display:block;font-size:12.5px;font-weight:600;color:var(--sub);margin-bottom:7px;letter-spacing:.02em}
input,select,textarea{
  width:100%;background:var(--ink-3);color:var(--fg);
  border:1px solid var(--line-2);border-radius:var(--r);
  padding:13px 15px;font:400 15.5px/1.4 var(--font);transition:.16s;
}
input::placeholder,textarea::placeholder{color:var(--dim)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amber);box-shadow:var(--ring)}
/* טלפון/אימייל: dir=ltr נחוץ לערך, אבל בלי היישור השדה נדבק לשמאל
   בזמן שכל שאר הטופס מיושר לימין */
input[dir="ltr"]{text-align:right}
/* תיבות סימון וכפתורי רדיו הם לא שדות טקסט - בלי החרגה הם יורשים
   רוחב מלא וריפוד של 13px ונמתחים על כל השורה */
input[type="checkbox"],input[type="radio"]{width:auto;padding:0;box-shadow:none;accent-color:var(--amber)}

/* ── כרטיס ── */
.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.card-pad{padding:26px 28px}

/* ── תגיות ── */
.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;
  font-size:12px;font-weight:700;background:var(--ink-4);color:var(--sub)}
.pill.ok{background:rgba(61,220,132,.13);color:var(--lime)}
.pill.warn{background:rgba(240,160,32,.14);color:var(--warn)}
.pill.bad{background:rgba(255,90,82,.13);color:var(--red)}
.pill.brand{background:var(--amber-soft);color:var(--amber-2)}

/* ── כותרת עליונה ותחתית משותפות ── */
.site-nav{border-bottom:1px solid var(--line);background:rgba(10,10,11,.82);
  backdrop-filter:saturate(140%) blur(12px);position:sticky;top:0;z-index:50}
.site-nav-in{display:flex;align-items:center;gap:22px;padding:15px 0}
.brand{font-weight:800;font-size:19px;color:var(--fg);letter-spacing:-.02em;text-decoration:none}
.brand span{color:var(--amber)}

.site-foot{border-top:1px solid var(--line);padding:30px 0 54px;color:var(--dim);font-size:13.5px}
.site-foot a{color:var(--sub)}
.site-foot a:hover{color:var(--amber-2)}
.site-foot-in{display:flex;gap:18px;flex-wrap:wrap;align-items:center}

/* ── כותרת סקשן ── */
/* ריווח האותיות כאן תוכנן לאותיות לטיניות גדולות. בעברית אין אותיות
   גדולות (uppercase לא עושה דבר), ו-.22em מפרק מילה לאותיות בודדות.
   ‎.05em עדיין נקרא כתווית טכנית ולא פוגע בקריאוּת. */
.kicker{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--amber);
  text-transform:uppercase;margin-bottom:12px}

/* ── הודעות ── */
.msg{border-radius:var(--r);padding:13px 17px;font-size:14.5px;font-weight:600;margin-bottom:16px}
.msg.ok{background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.3);color:var(--lime)}
.msg.bad{background:rgba(255,90,82,.1);border:1px solid rgba(255,90,82,.3);color:var(--red)}
.msg.warn{background:rgba(240,160,32,.1);border:1px solid rgba(240,160,32,.32);color:var(--warn)}

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