/* ==========================================================================
   DG 2026-10-12 — Couverture d'article de blog : fichier 16:9, rendu en bandeau
   Chantier « Reconquête Discover », tâche T4.
   --------------------------------------------------------------------------
   POURQUOI CE FICHIER EST STATIQUE
   Il est chargé par un <link> écrit en dur dans templates/_partials/head.tpl,
   volontairement HORS du pipeline SCSS du back-office. Une règle invalide dans
   le SCSS compilé met le site en erreur 500 ; ici, un navigateur ignore
   simplement une règle qu'il ne comprend pas. Même raison que dg-footer.css.

   PORTÉE
   Le <link> n'est émis que si $page.page_name == 'module-everpsblog-post'.
   Tous les sélecteurs ci-dessous sont en plus préfixés par #module-everpsblog-post,
   l'identifiant du <body> de la page d'article. Les catégories, les fiches
   produit et la liste du blog (<body id="module-everpsblog-blog">) ne reçoivent
   ni ce fichier ni ces règles : leur UX ne peut pas bouger.

   CE QUE ÇA FAIT
   Le fichier de couverture devient 1920×1080 (16:9), parce que c'est ce que la
   doc Discover demande : au moins 1 200 px de large, plus de 300 000 pixels,
   ratio 16x9. À l'écran, on garde le bandeau validé le 31-08 en recadrant
   l'image au centre, au ratio 1920/728 (2,64:1). Une seule image sert donc la
   page, l'og:image et le JSON-LD, et Discover reçoit le 16:9 entier.

   SUR QUELLES IMAGES (correctif T4b du 12-10, apres mesure)
   Le recadrage ne s'applique QU'A la classe .dg-cover-bandeau, que post.php ne
   pose que sur une couverture du nouveau canon : fichier plus haut que le
   bandeau ET televerse a partir du 12-10. Raison : sur les 58 couvertures en
   ligne, un recadrage sans condition en rognait 33 d'au moins 15 % — post 140,
   boitiers de montre tranches ; post 121, visage coupe ; post 168, 48 % de la
   largeur perdue. Ces images n'ont jamais ete composees pour un bandeau. Elles
   gardent donc leur affichage naturel, strictement comme avant le 12-10.
   Une couverture refaite en Phase 2 recevra le bandeau du seul fait d'etre
   televersee : il n'y a aucune liste a tenir.

   ROLLBACK
   Supprimer les trois lignes du <link> dans head.tpl. Ce fichier peut rester
   en place sans effet.
   ========================================================================== */

#module-everpsblog-post .post-header .post-featured-image.dg-cover-bandeau {
  display: block;
  width: 100%;
  /* Le recadrage. aspect-ratio l'emporte sur le height:auto du .img-fluid
     du thème, car ce sélecteur porte un identifiant (spécificité 1-0-2).
     Un navigateur qui ne connaîtrait pas aspect-ratio retombe sur les
     attributs width et height du <img>, donc sur le 16:9 entier : dégradation
     visible, jamais cassée. */
  /* 13-10 : la couverture est desormais RECADREE en 16:9 a la source
     (lot Phase 2.2 v2). Recadrer une seconde fois a 2,64:1 lui retirerait
     33 % de hauteur APRES les 33 % de largeur deja perdus au recadrage :
     sujets tranches. On affiche donc le 16:9 entier. Le bandeau du 31-08
     reste la mise en page des couvertures d'avant le 12-10, qui ne
     recoivent pas cette classe. Rollback : remettre 1920 / 728. */
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  /* La zone sûre du canon (1 080 × 728 px au centre du 1920×1080) est calée
     sur ce centrage. Ne pas changer object-position sans rouvrir le §5bis 1bis
     du gabarit de prompt : les deux règles se répondent. */
  object-position: center;
}

/* Signature sous le H1 (T5). Aucune couleur ni taille imposée : .text-muted et
   .mb-4 du thème font le travail, les deux classes sont bien présentes dans le
   theme.css compilé (vérifié le 12-10, le purge ne les a pas retirées). On ne
   règle ici que ce que les utilitaires ne couvrent pas. */
#module-everpsblog-post .dg-post-byline {
  font-size: 0.9rem;
}

#module-everpsblog-post .dg-post-byline a {
  color: inherit;
  text-decoration: underline;
}