/* ============================================================================
   KOPIE hlavičkových stylů HLAVNÍHO WEBU (zdroj: HBL-League/about.html).
   Neupravovat ručně — při změně hlavičky webu překopírovat znovu (viz README).
   Kanonické styly odkazů/CTA/burgeru dodává assets/nav.css (kopie z webu).
   ============================================================================ */
:root { --pink: #FF1F5A; --nav-h: 100px; }

.nav {
  position: fixed; top: 0; left: 0; right: 0; height: var(--nav-h);
  display: grid; grid-template-columns: 1fr auto 1fr;
  grid-template-rows: var(--nav-h);
  align-items: center; padding: 0 48px;
  z-index: 1000;
  transition: background 0.4s, box-shadow 0.4s;
}
.nav.scrolled {
  background: rgba(5,5,5,0.92);
  backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 1px 32px rgba(0,0,0,0.60);
}
.nav-logo { display: flex; align-items: center; }
.nav-logo img { height: 160px; width: auto; }
.nav-links { display: flex; align-items: center; gap: 34px; margin-left: 55px; }
.nav-links a {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; color: rgba(255,255,255,0.60);
  transition: color 0.2s;
  text-decoration: none;
}
.nav-links a:hover  { color: #fff; }
.nav-links a.active { color: var(--pink); }
.nav-cta {
  justify-self: end;
  display: flex; align-items: center; gap: 8px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: #fff;
  border: 1.5px solid var(--pink); border-radius: 3px;
  padding: 9px 20px;
  transition: background 0.22s, box-shadow 0.22s;
  text-decoration: none;
}
.nav-cta:hover { background: var(--pink); box-shadow: 0 0 20px rgba(255,31,90,0.40); }
.live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--pink);
  box-shadow: 0 0 6px rgba(255, 31, 90, 0.8);
}

@media (max-width: 960px) { .nav { padding: 0 28px; } }
@media (max-width: 640px) {
  .nav { padding: 0 20px; }
  .nav-logo img { height: 96px; width: auto; }
  .nav-links { display: none; }
  .nav-cta { justify-self: end; }
}