/**
 * Accueils : barre de menu sur une seule ligne (14/10/2026).
 * Avec Radio et Accordeur en plus, les liens passaient sur deux lignes et le
 * logo se coupait en deux. Charge apres site_nav.css, uniquement sur index*.html
 * (les pages d'articles importent site_nav.css et ont une barre plus courte).
 */

/* Telephones : rien ne change, voir le bloc mobile-opt des gabarits. */
@media (min-width: 769px) {
  .nav-container {
    max-width: 1320px;
    gap: 16px;
  }

  .logo {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 1.05rem !important;
    letter-spacing: 0.08em;
  }

  .nav-links {
    flex-wrap: nowrap;
    gap: 5px;
    margin-inline-start: auto;
  }

  .nav-link {
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 0.62rem;
    letter-spacing: 0.09em;
  }

  .language-selector select {
    min-height: 36px;
    padding: 9px 30px 9px 12px;
    background-position: right 12px center;
  }

  .user-section {
    flex-shrink: 0;
  }

  .user-section .btn-auth {
    white-space: nowrap;
    border-radius: 999px;
    padding: 9px 16px;
    font-size: 13px;
    line-height: 1.2;
  }
}

/* Trop etroit pour tout aligner, trop large pour le menu mobile :
   meme menu deroulant que sur telephone, ouvert par le bouton ☰. */
@media (min-width: 769px) and (max-width: 1279px) {
  .nav-toggle {
    display: flex;
    order: 1;
    margin-inline-start: auto;
  }
  .user-section {
    order: 2;
  }
  .nav-links {
    position: absolute;
    top: calc(100% + 8px);
    right: 24px;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    min-width: 260px;
    padding: 16px;
    background: rgba(8, 12, 28, 0.96);
    backdrop-filter: blur(22px) saturate(1.2);
    border: 1px solid rgba(0, 212, 255, 0.22);
    border-radius: 16px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55), 0 0 40px rgba(0, 212, 255, 0.08);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  }
  .nav-links.active {
    visibility: visible;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .nav-link {
    justify-content: center;
    padding: 12px 18px;
    font-size: 0.66rem;
  }
  .language-selector {
    margin-left: 0;
  }
  .language-selector select {
    width: 100%;
    text-align: center;
  }
}