/* StudyAZ -- INSTALL-190: afisarea pe toate dispozitivele (telefon mic, iPhone / Safari, tableta, PC). */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@supports (min-height: 100dvh) { body { min-height: 100dvh; } }
a, button, [role="button"] { -webkit-tap-highlight-color: rgba(99, 102, 241, .18); touch-action: manipulation; }
img, svg, video { max-width: 100%; }

/* iPhone: fara marire automata la atingerea unui camp (Safari mareste cimpurile sub 16px) */
@media (pointer: coarse) {
    input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input:not([type]), textarea, select { font-size: max(16px, 1em) !important; }
}

/* iPhone cu breton / Android cu decupaj, in modul peisaj: nimic sub margini */
.top-bar { padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)); }
.sz-tabbar { padding-left: max(4px, env(safe-area-inset-left, 0px)) !important; padding-right: max(4px, env(safe-area-inset-right, 0px)) !important; }

/* Telefon foarte ingust (iPhone SE / 320px) */
@media (max-width: 360px) {
    #studyazTopProg > span:last-child { display: none; }
    #studyazTopProg { padding: 4px 8px !important; }
    .brand-logo { font-size: 19px !important; }
    .bar-left { gap: 6px !important; min-width: 0; }
}
.pair-dropdowns { flex-wrap: wrap; min-width: 0; max-width: 100%; }
.pair-dropdowns select, .select-pair { min-width: 0; max-width: 100%; }

/* Tableta: continut putin mai lat */
@media (min-width: 768px) and (max-width: 1199px) {
    main.page-container { max-width: 900px; }
}

/* PC: totul mai mare si mai usor de citit */
@media (min-width: 1200px) and (pointer: fine) {
    main.page-container { zoom: 1.15; }
    .top-bar, .sz-tabbar { zoom: 1.12; }
}
@media (min-width: 1600px) and (pointer: fine) {
    main.page-container { zoom: 1.28; }
    .top-bar, .sz-tabbar { zoom: 1.2; }
}