/* WebTic — mouvement allégé et bandeaux défilants. 2026-10-16.
   Source unique des durées/courbes + règles d'accessibilité (mouvement réduit, pause des bandeaux).
   Aucun changement visuel au repos. */
:root{--wt-dur-fast:.15s;--wt-dur-base:.2s;--wt-dur-slow:.3s;--wt-ease-out:cubic-bezier(.16,1,.3,1)}

/* 1. Mouvement réduit : plus aucune animation ni transition longue, nulle part */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
}

/* 2. Animations infinies mises en pause quand elles sont hors écran (classe posée par wt-mouvement.js) */
.wt-hors-ecran,.wt-hors-ecran *,.wt-hors-ecran::before,.wt-hors-ecran::after{animation-play-state:paused!important}

/* 3. Bandeaux défilants : pause au survol, au focus clavier et par bouton */
.mq-wrap,.country-ticker,.call-ticker{position:relative}
.mq-wrap:hover .mq-track,.mq-wrap:focus-within .mq-track,.mq-wrap.wt-en-pause .mq-track,
.country-ticker:hover .ct-track,.country-ticker:focus-within .ct-track,.country-ticker.wt-en-pause .ct-track,
.call-ticker:hover .call-ticker-track,.call-ticker:focus-within .call-ticker-track,.call-ticker.wt-en-pause .call-ticker-track{animation-play-state:paused!important}
.wt-pause{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(14,21,37,.9);color:#fff;cursor:pointer;transition:background-color var(--wt-dur-fast),border-color var(--wt-dur-fast)}
.wt-pause:hover{background:#c9485b;border-color:#c9485b}
.wt-pause:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #c9485b}
.wt-pause svg{width:14px;height:14px;fill:currentColor}
.wt-pause .wt-ic-play{display:none}
.wt-en-pause .wt-pause .wt-ic-play{display:block}
.wt-en-pause .wt-pause .wt-ic-pause{display:none}
@media (max-width:640px){.wt-pause{right:6px}}

/* 4. Mouvement réduit : plus de défilement automatique ; défilement manuel (doigt, molette, clavier) */
@media (prefers-reduced-motion:reduce){
  .mq-wrap,.country-ticker,.call-ticker{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
  .mq-track,.ct-track,.call-ticker-track{animation:none!important;transform:none!important}
  .wt-dup{display:none!important}
  .wt-pause{display:none!important}
}