/* ============================================================
   iTech Media — Controale native pe temă închisă
   ------------------------------------------------------------
   Site-ul e integral pe fundal închis, dar lista derulantă a unui
   <select> nu e desenată de CSS-ul paginii: browserul o compune ca
   widget nativ, implicit pe alb. Opțiunile moșteneau `color:#fff`
   de pe control → scris alb pe fundal alb, invizibil.

   Două straturi, pentru că niciunul singur nu acoperă tot:
   1. `color-scheme: dark` — spune browserului să deseneze TOATE
      widget-urile native în variantă închisă (popup de select,
      bara de derulare, calendarul de la input[type=date], butonul
      de la input[type=file]). Chrome/Edge/Firefox/Safari recente.
   2. Culori explicite pe <option> — plasa de siguranță pentru
      motoarele care ignoră punctul 1 și pentru cazul în care
      controlul are fundal semi-transparent (rgba), pe care popup-ul
      l-ar compune peste alb.
   ============================================================ */

:root { color-scheme: dark; }

select option,
select optgroup {
    /* opac intenționat: popup-ul nativ nu compune peste pagină */
    background-color: #0f172a;
    color: #e2e8f0;
}

select option:disabled {
    /* Ramane la #64748b intentionat: starea dezactivata TREBUIE sa arate
       mai stinsa decat cea activa, iar textul dezactivat e exceptat de
       la pragul de contrast WCAG. Nu confunda cu --rd-faint, care e text
       de citit si a fost ridicat la #7c8aa0. */
    color: #64748b;
}

/* Opțiunea curentă. Firefox ignoră `background-color` pe :checked;
   gradientul e singura formă pe care o respectă. */
select option:checked {
    background: #1e293b linear-gradient(0deg, #1e293b 0%, #1e293b 100%);
    color: #ffffff;
}

/* La tipărire pagina redevine albă (vezi regulile @media print
   din qrcode/), deci widget-urile native trebuie să revină la clar. */
@media print {
    :root { color-scheme: light; }
    select option,
    select optgroup,
    select option:checked { background: #fff; color: #000; }
}
