/* ═══════════════════════════════════════════════════════
   VIDEO-NAV-OVERRIDE.CSS
   Aggiunge la nav desktop alla pagina video (identica
   a quella di index.html, che usa base.css).
   Il CSS originale della pagina video non la aveva.
═══════════════════════════════════════════════════════ */

/* Nav desktop */
.nav-desktop {
  display: flex; align-items: center; gap: 2rem;
}
.nav-desktop a {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1rem; letter-spacing: 0.18em;
  color: rgba(245,245,240,0.65);
  text-decoration: none;
  transition: color 0.2s ease;
  position: relative;
}
.nav-desktop a::after {
  content: '';
  position: absolute; bottom: -4px; left: 0; right: 0;
  height: 1px; background: #2ecc71;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.35s ease;
}
.nav-desktop a:hover,
.nav-desktop a.attiva { color: #f5f5f0; }
.nav-desktop a:hover::after,
.nav-desktop a.attiva::after { transform: scaleX(1); }
.nav-desktop a.attiva { color: #2ecc71; }

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

/* Drawer — logo con stile corretto */
.nav-drawer .logo-nav {
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display: block;
}
.nav-drawer .logo-nav img {
  height: 36px; width: auto; display: block;
}