/* AYRO — ערכת נגישות ופשטות. נטען אחרי Tailwind ודורס אותו.
   עקרונות: ניגודיות ≥ 4.5:1, טקסט בסיס 18px, יעדי מגע ≥ 48px, כחול-ים במקום צהוב. */
:root{
  --bg:#070a12; --bg2:#0b1020; --card:#111729; --card2:#172038; --line:#283352; --line2:#34416a;
  --ink:#f6f8fc; --ink2:#dde3f0; --mute:#b4bdd3;
  --acc:#8fb3ff; --acc2:#c7f9ee; --acc-ink:#0a1024; --acc-soft:rgba(143,179,255,.16);
  --ok:#7ee6b7; --bad:#ff9b9b;
}
html{font-size:18px;-webkit-text-size-adjust:100%}
html.ayro-large{font-size:20.5px}
body{background:var(--bg)!important;color:var(--ink);font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45}

/* ---- רקעים וקווים ---- */
.bg-slate-950,.bg-slate-950\/95{background-color:var(--bg)!important}
.bg-slate-900{background-color:var(--card)!important}
.bg-slate-800{background-color:var(--card2)!important}
.bg-slate-700{background-color:var(--line2)!important}
.border-slate-800,.border-slate-800\/80{border-color:var(--line)!important}
.border-slate-700{border-color:var(--line2)!important}
.bg-slate-950\/95{background-color:rgba(7,10,18,.96)!important}

/* ---- טקסט: בהיר יותר (ניגודיות) ---- */
.text-slate-500,.text-slate-400{color:var(--mute)!important}
.text-slate-300,.text-slate-200{color:var(--ink2)!important}
.text-amber-200,.text-amber-300,.text-amber-400{color:var(--acc)!important}
.text-green-300,.text-green-400,.text-green-200,.text-green-400\/80{color:var(--ok)!important}
.text-red-300,.text-red-400{color:var(--bad)!important}

/* ---- צהוב → כחול ---- */
.bg-amber-400{background:linear-gradient(100deg,#c7f9ee,#9cc0ff 60%,#7aa2ff)!important;color:var(--acc-ink)!important}
.bg-amber-400 .text-slate-950,.bg-amber-400.text-slate-950{color:var(--acc-ink)!important}
.bg-amber-400\/10,.bg-amber-400\/15,.bg-amber-400\/20,.from-amber-400\/10{background-color:var(--acc-soft)!important;background-image:none!important}
.border-amber-400\/30,.border-amber-400\/60,.border-amber-400\/70{border-color:var(--acc)!important}
.shadow-amber-900\/20,.shadow-amber-900\/30{--tw-shadow:0 10px 30px rgba(122,162,255,.18)!important;box-shadow:0 10px 30px rgba(122,162,255,.18)!important}
.text-slate-950{color:var(--acc-ink)!important}

/* ---- גדלים: הכל צעד אחד למעלה ---- */
.text-\[11px\]{font-size:.8rem!important;line-height:1.3!important}
.text-\[12px\]{font-size:.85rem!important}
.text-xs{font-size:.86rem!important;line-height:1.35!important}
.text-sm{font-size:.95rem!important;line-height:1.4!important}
.text-base{font-size:1.05rem!important}
.text-lg{font-size:1.2rem!important}
.text-xl{font-size:1.35rem!important}
.text-2xl{font-size:1.6rem!important}
.text-3xl{font-size:1.9rem!important}

/* ---- יעדי מגע ---- */
button,[role=button],a.btn,input[type=submit]{min-height:48px}
button.rounded-full,button.w-6,button.w-7,button.w-8,button.h-6,button.h-7,button.h-8{min-height:0}
input,select,textarea{min-height:52px;font-size:1.05rem!important}
textarea{min-height:120px}
input::placeholder,textarea::placeholder{color:#8b95ad!important;opacity:1}
.rounded-xl,.rounded-2xl{border-radius:18px!important}

/* ---- פוקוס ברור (מקלדת / קורא מסך) ---- */
:focus-visible{outline:3px solid var(--acc2)!important;outline-offset:3px;border-radius:12px}

/* ---- סרגל תחתון: גדול, ברור, 4 כפתורים שווים ---- */
nav.fixed.bottom-0{padding-top:8px!important;border-top:1px solid var(--line2)!important;background:rgba(7,10,18,.97)!important}
nav.fixed.bottom-0 button{max-width:none!important;min-height:60px;font-size:.9rem!important;gap:4px!important;font-weight:600}
nav.fixed.bottom-0 button span.text-xl,nav.fixed.bottom-0 button .text-2xl{font-size:1.7rem!important}
nav.fixed.bottom-0 button[aria-current=page]{background:var(--acc-soft)!important;color:var(--acc2)!important}
nav.fixed.bottom-0 button[aria-current=page] span.absolute{background:linear-gradient(90deg,#c7f9ee,#7aa2ff)!important}

/* ---- כותרת עליונה ---- */
header,.sticky.top-0{background:rgba(7,10,18,.97)!important;border-color:var(--line)!important}

/* ---- כפתורי טאב בראש מסך ההפצה ---- */
.ayro-contrast .text-slate-400,html.ayro-contrast .text-slate-500{color:#f0f3fa!important}
.ayro-contrast .border-slate-800{border-color:#8b96b4!important}

/* ---- פסי טאבים / צ'יפים: גבוהים מספיק למגע, בלי גלילה מיותרת ---- */
.overflow-x-auto.-mx-5 > button{padding:10px 14px!important;min-height:46px}
button.rounded-full{min-height:44px}
button.w-10.h-10,button.w-9.h-9{min-height:0;width:2.6rem!important;height:2.6rem!important}
input[type=checkbox],input[type=radio]{accent-color:#8fb3ff;width:1.4rem;height:1.4rem;min-height:0}
.border-amber-400{border-color:var(--acc)!important}
.overflow-x-auto.-mx-5 > button{padding:10px 12px!important}