/* ==========================================================================
   P6-A — embeds YouTube responsive sur les articles individuels.
   --------------------------------------------------------------------------
   Fichier proposé : assets/css/single-embeds.css
   Chargement proposé : inc/enqueue.php, uniquement si is_single() (articles).

   Problème corrigé : WordPress génère pour une URL YouTube isolée un
   <iframe width="1200" height="675"> sans conteneur adaptatif. Le thème ne
   contient AUCUNE règle pour `iframe` (seul `img { max-width: 100% }` existe),
   la bibliothèque d'embeds du cœur (`wp-embed-responsive`, classe présente sur
   <body>) n'est pas chargée par le thème : le cadre conserve donc ses 1200 px
   et déborde du conteneur `.prose` (max-width: 68ch) sur petit écran.

   Portée : uniquement les iframes d'embed YouTube situées dans `.prose`.
   Aucun autre média, aucune autre iframe, aucune mise en page générale.
   ========================================================================== */

/* Deux formes coexistent dans les articles :
   1) <p><iframe width="1200" height="675" src="…youtube.com/embed/…"></iframe></p>
   2) <figure class="wp-block-embed-youtube …"><div class="wp-block-embed__wrapper">
        <iframe width="1200" …></iframe></div></figure>                             */

.prose iframe[src*="youtube.com/embed"],
.prose iframe[src*="youtube-nocookie.com/embed"] {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 0;
}

/* Le ratio réel est lu dans les classes du conteneur d'embed produit par le
   cœur (`.wp-embed-aspect-16-9`, `.wp-embed-aspect-4-3`), afin de ne pas
   déformer les vidéos 4/3 (19 cadres sur 37). */
.prose .wp-embed-aspect-4-3 iframe[src*="youtube.com/embed"],
.prose .wp-embed-aspect-4-3 iframe[src*="youtube-nocookie.com/embed"] {
  aspect-ratio: 4 / 3;
}

/* Garde-fou : les aperçus d'embed du cœur (`.wp-embedded-content`) sont des
   iframes masquées en position absolue, sans rapport avec les vidéos.
   Ils sont explicitement exclus de toute mise à l'échelle. */
.prose iframe.wp-embedded-content {
  width: auto;
  max-width: none;
  height: auto;
  aspect-ratio: auto;
}