/* EDOUARGOT VIDEO CIEL0 HORS VOLET DEFILEMENT DEBUT */

/*
  Objectif :
  - ciel0.mov reste le fond du site ;
  - ciel0.mov ne doit jamais apparaître dans le volet de défilement ;
  - le rail de scrollbar est opaque ;
  - un seul vrai scroll : html ;
  - body ne doit pas devenir un second conteneur de scroll.
*/

/* Base saine */
html,
body {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  scrollbar-gutter: auto !important;
}

/* Pendant le préchargement : rien ne scroll */
html.edo-prechargement-actif,
html.edo-prechargement-actif body {
  overflow: hidden !important;
}

/* Après préchargement : seul html gère le scroll vertical */
html:not(.edo-prechargement-actif) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html:not(.edo-prechargement-actif) body {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/*
  Important :
  Tous les rails de scrollbar sont opaques.
  Comme ça, même si la vidéo est derrière, elle ne peut pas être vue dans le volet.
*/
html,
body,
* {
  scrollbar-width: thin !important;
  scrollbar-color: #F5C063 #ffffff !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
  background: #ffffff !important;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: #F5C063 !important;
  border-radius: 999px !important;
  border: 3px solid #ffffff !important;
  background-clip: padding-box !important;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: #301910 !important;
  border: 3px solid #ffffff !important;
  background-clip: padding-box !important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background: #ffffff !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

/* Vidéo globale : fond seulement, jamais élément scrollable */
.edo-video-ciel0-global,
video.edo-video-ciel0-global {
  position: fixed !important;
  inset: 0 !important;
  z-index: -10 !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;

  pointer-events: none !important;
  overflow: hidden !important;
}

/* Les autres éléments restent au-dessus de la vidéo */
body > *:not(.edo-video-ciel0-global) {
  position: relative !important;
  z-index: 1 !important;
}

/* Pas de dépassement horizontal */
main,
header,
footer,
section,
.custom-nav,
.top-banner,
.header-animation,
.edo-produit-page,
.edo-produit-card,
.edo-produit-col-gauche,
.edo-produit-content,
.connexion-page,
.login-page,
.login-container,
.form-container,
.espace-membres,
.espace-membres-page,
.container,
.wrapper {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

img,
video,
svg,
canvas {
  max-width: 100% !important;
}

/* EDOUARGOT VIDEO CIEL0 HORS VOLET DEFILEMENT FIN */