/*
* ════════════════════════════════════════════════════════════
* MOBILE BUGFIX PATCH — LPS Mircea Eliade
* Versiune: 2.0 (28 feb 2026)
* Target: liceumirceaeliade.ro
*
* INSTALARE: Adaugă acest fișier ULTIMUL în ,
* DUPĂ print.css și ÎNAINTE de :
*
*
* Rezolvă 9 bug-uri confirmate + 3 îmbunătățiri UX
* ════════════════════════════════════════════════════════════
*/
/* ──────────────────────────────────────────────────────────
* BUG #1 — SCROLL ORIZONTAL PE TOATĂ PAGINA
* ──────────────────────────────────────────────────────────
* CAUZA: Multiple elemente cu inline grid-template-columns
* depășesc viewport-ul pe 320-375px (minmax(300px),
* minmax(320px), repeat(5, 1fr)).
* SIMPTOM: Pagina se mișcă lateral pe touch swipe.
* Bara de scroll orizontală apare intermitent.
* FIX: overflow-x hidden pe html+body, max-width 100vw.
* ────────────────────────────────────────────────────────── */
html,
body {
overflow-x: hidden;
max-width: 100vw;
}
/* ──────────────────────────────────────────────────────────
* BUG #2 — QUICK ACCESS: 5 carduri pe un rând
* ──────────────────────────────────────────────────────────
* CAUZA: Inline style="grid-template-columns: repeat(5, 1fr)"
* pe .quick-access-grid (linia 310 din index.html).
* Inline styles au specificitate mai mare decât orice
* regulă din fișierele CSS externe.
* NOTA: Există deja un