/* ================================================================
   accessibility.css — Leggibilità per utenti con problemi visivi
   datinumeridelcalcio.it
   ================================================================
   Strategia: scala la base da 16px → 17px (tutte le misure rem
   salgono proporzionalmente ~6%). Override dei testi micro-fissi.
   Migliora contrasto e spaziatura senza rompere i layout.
   ================================================================ */

/* ── BASE FONT ── */
html {
    font-size: 17px;          /* era 16px — tutto cresce del ~6% */
}

/* ── TESTI MICRO FISSI (pixel) ── porta a 12px minimo ── */
.text-\[9px\]   { font-size: 11px !important; }
.text-\[10px\]  { font-size: 12px !important; }
.text-\[11px\]  { font-size: 13px !important; }
.text-\[12px\]  { font-size: 13px !important; }

/* ── TEXT-XS (Tailwind 0.75rem = ~12.75px ora) ── già migliorato
   dalla base 17px, ma in tabelle dense forziamo un minimo ── */
table .text-xs,
.table-container .text-xs {
    font-size: 13px !important;
}

/* ── LINE-HEIGHT ── testo più spaziato, meno affaticante ── */
body {
    line-height: 1.65;
}

p, .text-xs, .text-sm {
    line-height: 1.6;
}

/* ── CONTRASTO ── secondario meno sbiadito ── */
.text-slate-500 {
    color: #94a3b8 !important;  /* slate-400 anziché slate-500 */
}
.text-slate-600 {
    color: #94a3b8 !important;
}

/* ── TABELLE ── celle più alte, meno dense ── */
td, th {
    padding-top:    0.45rem !important;
    padding-bottom: 0.45rem !important;
}

/* ── INPUT & SELECT ── min 16px previene zoom involontario iOS ── */
input, select, textarea, button {
    font-size: max(16px, 1rem);
}

/* ── SIDEBAR navigation labels ── */
.sidebar-nav-grid .text-xs,
.sidebar-nav-grid span {
    font-size: 12px !important;   /* sidebar rimane compatta */
    line-height: 1.2;
}

/* ── BADGE e CHIP ── non scalare oltre ── */
.badge,
[class*="rounded-full"][class*="px-"][class*="text-xs"] {
    font-size: 11px !important;
}

/* ── TAB BUTTON labels ── ── */
.tab-btn {
    font-size: 0.8rem;
}

/* ── FOCUS RING ── più visibile per chi usa tastiera ── */
*:focus-visible {
    outline: 3px solid #6366f1;
    outline-offset: 2px;
}