/* Suite Forge : bouton de thème de la barre et animations réduites (avec theme.js). */
.sft-bouton {
  display: inline-grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border-radius: 50%;
  border: 1px solid transparent; background: none; color: var(--forge-text); cursor: pointer;
}
.sft-bouton svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.sft-bouton:hover { background: var(--forge-panel-raised); border-color: var(--forge-border); }
.sft-bouton:focus-visible { outline: 2px solid var(--forge-focus); outline-offset: 2px; }
.sft-bouton.flottant {
  position: fixed; top: 12px; right: 12px; z-index: 40; background: var(--forge-panel); border-color: var(--forge-border);
  box-shadow: 0 8px 24px -12px rgb(0 0 0 / .5);
}
@media (max-width: 767px) { .sft-bouton { width: 44px; height: 44px; } }

/* Animations réduites : réglage système OU préférence « Réduire les animations » du compte.
   Durées quasi nulles (l'état final reste visible), aucune boucle, défilement sans glissé. */
@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;
  }
}
:root[data-mouvement="reduit"], :root[data-mouvement="reduit"] *, :root[data-mouvement="reduit"] *::before, :root[data-mouvement="reduit"] *::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;
}