/* Hlavička webu eduxo.cz — stejná na úvodu, na /netlab i v portálech předmětů.
   Logo vlevo, pilulka uprostřed, tlačítko NetLab vpravo (návrh „eduxo jako základ“).
   Barvy a rozměry z css/eduxo-styl.css (načíst před tímto souborem).
   --vyska-hlavicky: výška lišty pro scroll-margin a lepivé panely pod ní. */
:root { --vyska-hlavicky: 76px; }
/* do 900 px má lišta okraje 14 px kolem pilulky (54 px) */
@media (max-width: 900px) { :root { --vyska-hlavicky: 83px; } }

header { background: var(--bila); border-bottom: 1px solid var(--ramecek); position: sticky; top: 0; z-index: 100; }
.navbar { padding: 0 40px; min-height: 76px;   /* přes celou šířku okna (návrh .hl) */
          display: flex; align-items: center; gap: 20px; position: relative; }
.logo { display: flex; align-items: center; flex: none; min-height: var(--cil-dotyku); min-width: var(--cil-dotyku); }   /* cíl ≥ 44 px */
.logo img { height: 40px; width: auto; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
/* Pilulka: položky s ikonou i popiskem, cíl 44 px; na počítači absolutně na středu lišty */
.nav-links { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
             display: flex; align-items: center; gap: 2px; background: var(--pilulka);
             border: 1px solid var(--ramecek); border-radius: var(--zaobleni); padding: 4px; }
.nav-links a { min-height: var(--cil-dotyku); display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px;
               border-radius: 10px; color: var(--modra); font-weight: 700; font-size: 1rem; white-space: nowrap;
               transition: background 0.25s ease, color 0.25s ease; }
.nav-links a:hover, .nav-links a[aria-current] { background: var(--bila); color: var(--tus); box-shadow: 0 1px 3px var(--stin); }
.nav-ico { flex-shrink: 0; }
/* portály: v pilulce jen text jako v návrhu; ikony až na úzkém telefonu, kde text zmizí */
@media (min-width: 521px) { .nav-links:has(.predmet-name) .nav-ico { display: none; } }
/* Tlačítko NetLab (vede na intranet netlab.eduxo.cz) */
a.btn-netlab { margin-left: auto; min-height: var(--vyska-tlacitka); padding: 0 22px; display: inline-flex; align-items: center; justify-content: center;
               background: var(--modra); color: var(--na-barve); border: 2px solid var(--modra); border-radius: var(--zaobleni-tlacitko);
               font-weight: 700; font-size: 1.0625rem; white-space: nowrap; transition: background 0.25s ease, border-color 0.25s ease; }
a.btn-netlab:hover { background: var(--modra-tmava); border-color: var(--modra-tmava); }

@media (max-width: 900px) {
    /* tablet a telefon: logo, pilulka a NetLab v jednom řádku;
       pilulka vyplní celé místo mezi nimi, položky rovnoměrně */
    .navbar { flex-wrap: wrap; padding: 14px 20px; gap: 10px 16px; }
    .nav-links { position: static; transform: none; flex: 1; min-width: 0; justify-content: space-evenly; }
    .nav-links li { flex: 1 1 0; min-width: 0; }
    .nav-links a { width: 100%; padding: 0 10px; }
    /* název předmětu (portály) nesmí přetéct: má svou přirozenou šířku */
    .nav-links li:has(.predmet-name) { flex: none; }
}
/* Zkrácený popisek (Časté dotazy → Dotazy): na počítači skrytý */
.nav-txt-kratky { display: none; }
/* název předmětu (portály): plný, zkratka až do 520 px */
@media (min-width: 521px) {
    .predmet-name .nav-txt-kratky { display: none !important; }
    .predmet-name .nav-txt-plne { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; }
}
@media (max-width: 639px) {
    /* telefon: menší logo a okraje, ať se pilulka vejde mezi logo a NetLab */
    .navbar { padding: 14px 16px; gap: 10px 8px; }
    .logo img { height: 32px; }
    a.btn-netlab { padding: 0 10px; }
    .nav-links a { padding: 0 6px; gap: 6px; font-size: 0.9375rem; }
    .nav-txt-plne { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .nav-txt-kratky { display: inline; }
}
@media (max-width: 520px) {
    /* úzký telefon: jeden řádek (R21), v pilulce jen ikony (cíl 44 px) s aria-label;
       v portálech místo názvu předmětu zkratka (IS, OS, IoT) */
    .nav-links a { padding: 0; }
    .nav-txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .nav-links a.predmet-name { padding: 0 8px; min-width: var(--cil-dotyku); }
    .nav-links li:has(.predmet-name) { flex: none; }
}