/* ══════════════════════════════════════════════════════════════════════════
   Lišta a patička — jediná definice pro celý web (2026-09-09)

   Do teď měla každá podstránka vlastní kopii těchto pravidel přímo v sobě.
   Kvůli tomu se musela každá změna dělat sedmkrát a pokaždé, když se na
   jednu zapomnělo, web se rozešel — přesně tak vznikl rozdíl v barvě lišty
   i ve výšce tlačítka.

   Pravidla jsou převzatá doslova ze stránky Automatizace včetně mobilních
   podmínek. Soubor se připojuje jako poslední, takže přebíjí zbytky
   v jednotlivých stránkách.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Lišta ─────────────────────────────────────────────────────────────── */
nav.site-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(11, 12, 16, 0.74);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.nav-link {
  font-family: 'Inter', sans-serif;
  font-size: 1.4rem; font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.2s ease;
}
.nav-link:hover { color: #fff; }
.nav-link.active { color: #fff; }

/* ── Přepínač jazyka ───────────────────────────────────────────────────── */
.lang-switcher { display: flex; align-items: center; gap: 8px; margin-right: 4px; }
.lang-switcher a {
  font-family: 'Inter', sans-serif; font-size: 1.3rem; font-weight: 500;
  color: rgba(255, 255, 255, 0.4); text-decoration: none; transition: color 0.2s ease;
}
.lang-switcher a:hover { color: rgba(255, 255, 255, 0.7); }
.lang-sep { font-size: 1.2rem; color: rgba(255, 255, 255, 0.2); }
.lang-active {
  font-family: 'Inter', sans-serif; font-size: 1.3rem; font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}

/* ── Rozbalovací menu na telefonu ──────────────────────────────────────── */
#nav-dropdown.open { display: block !important; }
#nav-dropdown a {
  display: block; padding: 12px 16px;
  color: rgba(255, 255, 255, 0.8); text-decoration: none;
  font-size: 1.6rem; font-family: 'Space Grotesk', sans-serif;
}
#nav-dropdown a:hover { background: rgba(255, 255, 255, 0.06); }

/* ── Telefon ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .nav-links-desktop { display: none !important; }
  #nav-hamburger { display: flex !important; }
  .site-nav .btn-primary {
    padding: 7px 10px !important;
    font-size: 1.1rem !important;
    white-space: nowrap !important;
  }
  nav.site-nav > div { padding: 0 16px !important; }
  .lang-switcher { display: none !important; }
}

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

  /* ── Patička ─────────────────────────────────────────────────────────── */
  footer > div {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
    padding: 24px 20px !important;
  }
  footer nav[aria-label] { flex-wrap: wrap; gap: 16px !important; }
}

/* ── Průhledná tlačítka si musí obrys udržet ──────────────────────────────
   Efekt světelného okraje nastavuje svým cílům `border: 0`, aby prosvítal
   jeho vlastní. Průhledné tlačítko tím ale přišlo o jediné, co ho odlišuje
   od holého textu. Vrací se mu tady, protože tenhle soubor se načítá jako
   poslední. */
.btn-ghost, .btn-outline {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.btn-ghost:hover, .btn-outline:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}