/* DisneyFan V1.9 — Stabilité des changements de pages.
   Conserve les animations interactives et les animations propres aux modules,
   désactive seulement les effets globaux réinitialisés à chaque navigation. */
html { scroll-behavior: auto !important; scrollbar-gutter: stable; }
body.df-body .df-header {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
body.df-body main.ui-fade-in {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
/* Défense si une version cachée du JS ajoute encore les classes de révélation. */
body.df-body .df-main .df-reveal.df-pending,
body.df-body .df-main .df-reveal.df-pending.df-visible {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0ms !important;
}
/* L'horloge ne change plus de métriques à chaque seconde. */
body.df-body .df-clock { font-variant-numeric: tabular-nums; min-width: 270px; text-align: right; }
/* Empêche le logo Médias de l'accueil de provoquer un élargissement du bloc.
   Ses classes Tailwind d'origine indiquent une hauteur de 128 / 160 px. */
body.df-body main.df-main .df-media-logo-wrap {width:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;}
body.df-body main.df-main .df-media-logo-wrap img.logo-blend {width:auto;height:128px;max-width:100%;object-fit:contain;}
@media(min-width:768px){body.df-body main.df-main .df-media-logo-wrap img.logo-blend{height:160px;}}
@media (max-width: 680px) {
  body.df-body .df-clock { min-width: 0; }
  /* Le logo Médias de l'accueil avait 500px de largeur native et pouvait
     dépasser la colonne mobile après le chargement de son image. */
  body.df-body main.df-main img.logo-blend {max-width: min(100%, calc(100vw - 48px));}
}
@media (prefers-reduced-motion: reduce) {
  html {scroll-behavior:auto!important}
}