/* Ajustements du passage Joomla -> WordPress.
   Règle de conduite : on ne corrige QUE ce que WordPress introduit en trop ou
   en moins par rapport à l'ancien site. Chaque règle est justifiée.
   Toute règle non justifiable ici est un écart visuel déguisé. */

/* 1. WordPress aligne les images des contenus via .wp-block-image / figure ;
      Cassiopeia ne connaissait que des <img> nus. On neutralise les marges que
      WordPress ajoute autour des figures pour retrouver le flux d'origine. */
.com-content-article__body figure {
  margin: 0;
}

/* 2. Les légendes de figure n'existaient pas dans le contenu Joomla : si une
      image en reçoit une à l'avenir, elle reste lisible et discrète. */
.com-content-article__body figcaption {
  font-size: .9rem;
  color: var(--template-text-dark, #495057);
}

/* 3. WordPress ajoute .screen-reader-text là où Joomla utilisait .visually-hidden
      (classe Bootstrap fournie par Cassiopeia). On aligne la première sur la seconde. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 4. Lecteurs YouTube passés sous le contrôle de tarteaucitron.
      Le contenu de l'Espace R-FEF place ses vidéos dans un conteneur 16:9
      (.video-wrapper) dont le CSS ne vise que `iframe`. tarteaucitron insère
      d'abord un div.youtube_player — auquel il applique une largeur en pixels.
      On le force à remplir le conteneur pour que la mise en page d'origine
      soit conservée, avant comme après acceptation. */
.video-wrapper .youtube_player {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-wrapper .youtube_player iframe {
  width: 100%;
  height: 100%;
}