/* ==========================================================================
   login.css — Auto360 R2 · מסך כניסה
   נטען אחרון: bootstrap.min.css → style.css → rtl.css → auto360.css → login.css
   auto360.css כבר טעון בקובץ (מ-R1) ומספק את רוב העיצוב: .auth .auth-card
   .auth-sub .field .btn .btn-1 .switch .banner .divider .row וכו'.
   הקובץ הזה מכיל רק תוספות שספציפיות לעמוד הזה ולא קיימות במערכת העיצוב.
   ========================================================================== */

/* הכרטיס הלבן — קצת יותר גדול מברירת המחדל של auto360.css (398px),
   בלי לגעת בקובץ עצמו: דריסה מקומית דרך login.css שנטען אחרון */
.auth-card{
  max-width:436px;
  padding:36px 34px;
}

/* איפוס עוגבים אפשריים משאריות Bootstrap שנטען לפני auto360.css */
.auth-card .form-control{all:unset}

/* שדות קלט גדולים יותר בעמוד הכניסה בלבד */
.auth-card .field input{
  padding:11px 14px;
  font-size:14.5px;
}

/* ריווח אחיד בין שדות בעמוד הזה בלבד */
.auth-card form .field + .field{margin-top:14px}

/* שורת "זכור אותי" / "שכחתי סיסמה" — רווח נשימה גדול יותר מעל, כמו במקאפ */
.auth-card .row{justify-content:space-between;margin-top:18px}

/* שני האלמנטים לא פונקציונליים עדיין (R2) — נראים אך לא פעילים,
   כדי לא להטעות משתמש שהם עושים משהו */
.auth-card a[aria-disabled="true"]{color:var(--mut);cursor:default}
.auth-card a[aria-disabled="true"]:hover{text-decoration:none}

/* "זכור אותי" — checkbox אמיתי מוסתר, מעוצב ויזואלית כ-.switch בלי JS.
   input צריך לבוא ישירות לפני <i> ב-markup כדי שה-sibling selector יעבוד */
.switch-input{position:absolute;opacity:0;width:0;height:0}
.switch-input:checked + i{background:var(--blue)}
.switch-input:checked + i::after{inset-inline-start:17px}

/* הודעת שגיאה יושבת מעל הטופס */
.auth-card .banner.err{margin-bottom:14px}