/* EDOUARGOT - bandeau défilant continu V2
   Corrige :
   - trop grand espace entre deux messages ;
   - pause/freeze mobile au moment de la boucle CSS.
   Le mouvement est géré par JS, donc pas d'animation CSS ici.
*/

html,
body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body .top-banner,
html body .scrolling-text-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body .scrolling-text-wrapper {
  white-space: nowrap !important;
}

html body .scrolling-text.edo-scroll-raf {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;

  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;

  white-space: nowrap !important;
  overflow: visible !important;

  font-size: inherit !important;
  line-height: inherit !important;

  animation: none !important;
  -webkit-animation: none !important;

  will-change: transform !important;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);

  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;

  white-space: nowrap !important;
  padding-right: clamp(32px, 4vw, 52px) !important;

  font-size: inherit !important;
  line-height: inherit !important;
}

html body .scrolling-text.edo-scroll-raf strong {
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(24px, 5vw, 36px) !important;
  }
}

@media (max-width: 430px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(20px, 6vw, 30px) !important;
  }
}


/* EDOUARGOT - espacement bandeau adaptatif START */
/*
  Corrige les passages trop serrés sans recréer un grand blanc.
  Desktop : espace visible.
  Mobile : espace plus court, mais pas collé.
*/

html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
  padding-right: clamp(32px, 4vw, 52px) !important;
}

@media (max-width: 768px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(24px, 5vw, 36px) !important;
  }
}

@media (max-width: 430px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(20px, 6vw, 30px) !important;
  }
}
/* EDOUARGOT - espacement bandeau adaptatif END */


/* EDOUARGOT - bandeau espacement naturel après Cloudflare START */
html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
  padding-right: clamp(42px, 5vw, 70px) !important;
}

@media (max-width: 768px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(30px, 7vw, 46px) !important;
  }
}

@media (max-width: 430px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(26px, 8vw, 38px) !important;
  }
}
/* EDOUARGOT - bandeau espacement naturel après Cloudflare END */


/* EDOUARGOT - correction espaces bandeau START */
/*
  Important :
  .edo-scroll-copy ne doit pas être en inline-flex.
  Sinon Safari/Chrome peuvent supprimer visuellement les espaces
  entre texte normal et balises <strong>.
*/

html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
  display: inline-block !important;
  flex: 0 0 auto !important;

  white-space: nowrap !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;

  padding-right: clamp(46px, 5vw, 74px) !important;

  font-size: inherit !important;
  line-height: inherit !important;
}

html body .scrolling-text.edo-scroll-raf .edo-scroll-copy strong,
html body .scrolling-text.edo-scroll-raf .edo-scroll-copy a {
  display: inline !important;
  white-space: nowrap !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

@media (max-width: 768px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(34px, 7vw, 52px) !important;
  }
}

@media (max-width: 430px) {
  html body .scrolling-text.edo-scroll-raf .edo-scroll-copy {
    padding-right: clamp(30px, 8vw, 44px) !important;
  }
}
/* EDOUARGOT - correction espaces bandeau END */