/* Correctifs mobile des 5 accueils (FR/EN/NL/DE) — vérification responsive du 2026-11-02 */

/* Pied de page : les liens passent à la ligne au lieu de faire défiler la page en largeur */
.footer-bottom { flex-wrap: wrap; gap: 16px; }
.footer-bottom > div { flex-wrap: wrap; row-gap: 10px; }

/* Pop-up de bienvenue : défilement si plus haut que l'écran (la croix reste accessible en haut) */
#popup-overlay { overflow-y: auto; align-items: flex-start !important; }
#popup-box { margin: auto; }

@media (max-width: 600px) {
  /* Menu du haut : le bouton Réserver reste dans l'écran */
  nav { padding: 0 14px !important; gap: 8px; }
  .nav-logo { font-size: 1.15rem; }
  .nav-instagram { display: none !important; }
  .lang-selector, .lang-switch { gap: 0 !important; margin-right: 0 !important; }
  .lang-btn { padding: 4px 4px !important; font-size: 0.62rem !important; }
  .nav-cta { gap: 0 !important; }
  .btn-reserve { padding: 9px 12px !important; font-size: 0.68rem !important; letter-spacing: 0.1em !important; white-space: nowrap; }

  /* Pop-up plus compact */
  #popup-overlay { padding: 12px !important; }
  #popup-box > div:nth-of-type(2) { padding: 32px 22px 26px !important; }
  #popup-box h2 { font-size: 1.6rem !important; margin-bottom: 16px !important; }
  #popup-box p { line-height: 1.7 !important; }
}

@media (max-width: 400px) {
  .nav-logo { font-size: 1rem; }
  .lang-btn { padding: 3px 2px !important; font-size: 0.58rem !important; }
  .btn-reserve { padding: 8px 7px !important; letter-spacing: 0.03em !important; }
  .nav-logo { letter-spacing: 0; }
  footer { padding-left: 20px !important; padding-right: 20px !important; }
  .footer-inner { grid-template-columns: 1fr !important; gap: 28px !important; }
  .footer-bottom a { overflow-wrap: anywhere; }
}

/* Bouton « séjour armurerie » (texte long en NL/DE) : retour à la ligne sur petit écran */
@media (max-width: 480px) {
  a[href*="sejour-armurerie"][style*="nowrap"] { white-space: normal !important; padding: 14px 20px !important; text-align: center; max-width: 100%; }
}