/* ============================================================
   EDOUARGOT — Correctif zone droite pages publiques
   Pages : plan-du-site, mentions légales, confidentialité,
   météo, connexion.
   Ne touche pas à .custom-nav a.
   ============================================================ */

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  scrollbar-gutter: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Fond vidéo global : doit couvrir toute la fenêtre */
.edo-video-ciel0-global,
#video-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;

  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;

  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;

  object-fit: cover !important;
  object-position: center center !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: -9999 !important;
  background: transparent !important;
}

/* Les éléments visibles restent au-dessus du fond */
body > *:not(.edo-video-ciel0-global):not(#video-bg) {
  position: relative;
}

/* Bandeau défilant contenu dans son cadre */
.scrolling-text-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  contain: paint !important;
  isolation: isolate !important;
}

#scrollingText.scrolling-text,
.scrolling-text.edo-scroll-raf {
  width: max-content !important;
  max-width: none !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  will-change: transform !important;
}

#scrollingText .edo-scroll-copy,
.scrolling-text .edo-scroll-copy {
  display: inline-block !important;
  white-space: nowrap !important;
}

/* Sécurité légère, sans toucher aux liens du menu */
.top-banner,
.header-animation,
.custom-nav,
main,
section,
footer,
.connexion-container,
.login-container,
.form-container,
.legal-page,
.mentions-page,
.privacy-page,
.plan-page,
.meteo-page {
  max-width: 100% !important;
}
