/* Hlavička je výbava stránky, ne úvodní stránky.

   Do Fáze 1C bydlela v uvod.css, protože jinou stránku web neměl. Jakmile
   přibyl konfigurátor, hlavička se na něm vykreslila bez stylů — značka
   i odkazy spadly na výchozí modré podtržené odkazy v levém rohu. Stejně
   jako patička proto patří do vlastního souboru, který načítá zaklad.html. */

.hlavicka {
  display: flex;
  align-items: center;
  gap: var(--s3);
  padding: var(--s2) var(--s4);
  max-width: var(--sirka-obsahu);
  margin: 0 auto;
}

.znacka {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--t-l);
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--tus);
  text-decoration: none;
}

.hlavicka nav {
  display: flex;
  gap: var(--s3);
  margin-left: auto;
}

/* §16.2 chce 44 px na výšku. Kontrola v 1B tenhle bod obešla poznámkou, že
   se odkazy pod 400 px skrývají — jenže nad 400 px zůstávaly vysoké 24 px
   a klikat se na ně musí i na tabletu. Výšku dělá svislý padding. */
.hlavicka nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--tlum);
  text-decoration: none;
  font-size: var(--t-s);
}

@media (max-width: 400px) {
  .hlavicka nav {
    display: none;
  }
}