/* =========================================================================
   P5-GUIDES (Phase 5) — page des articles (Guides, 91141) et archives des
   categories d articles. Decisions G9 a G11 d Alioune du 22/10/2026.

   Feuille chargee sur is_home() et is_category() seulement
   (digic_child_guides_assets(), functions.php), en dependance de
   digic-child-phase4 : servie apres css/template.css, elle l emporte a
   specificite egale. Aucune regle globale : chaque selecteur part de
   .category-posts .cate-post-content .blog-content-standar, conteneur de la
   liste dans home.php et dans l index.php de Digic.
   ========================================================================= */

/* G9 — vignettes des cartes : panneau fixe 16/9, image entiere, jamais
   rognee, sur fond #eef5f2 ; modele du bloc Guides de l accueil (C-10.1,
   css/accueil.css, .home .smg-guide__visuel). Les visuels des articles ont
   des proportions variees (212 a 92 px de haut pour 360 de large a 390,
   releve P5-GUIDES-R) : le panneau donne une hauteur commune aux cartes.

   Le balisage de la carte (a.post-thumbnail > img) n a pas de cadre
   intermediaire : la marge interieure de 4 % est portee par l image elle-meme
   (padding en % de la largeur du panneau, comme le padding:4% du cadre de
   l accueil), object-fit:contain s appliquant a sa boite de contenu. Coins
   6px comme a l accueil ; l arrondi de 4px du parent sur l image
   (template.css) est retire, l image ne touchant plus le bord. */
.category-posts .cate-post-content .blog-content-standar .single-thumb{position:relative;}
.category-posts .cate-post-content .blog-content-standar .single-thumb a.post-thumbnail{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:6px;background:#eef5f2;overflow:hidden;}
.category-posts .cate-post-content .blog-content-standar .single-thumb a.post-thumbnail img{position:absolute;inset:0;box-sizing:border-box;display:block;width:100%;height:100%;max-width:none;padding:4%;object-fit:contain;border-radius:0;}

/* G9 — pastille de categorie sur le panneau. Le parent la pose deja en
   absolu en bas de .single-thumb (bottom:20px, padding 0 20px) ; elle est
   placee au-dessus de l image, desormais positionnee elle aussi. */
.category-posts .cate-post-content .blog-content-standar .single-thumb .cat-links{z-index:1;}

/* G10 — titre de carte (h2.entry-title) strictement plus petit que le H1 du
   bandeau a toutes les largeurs. H1 (.bwp-main .page-title h1,
   template.css) : 30px, 20px a 767px et moins. Titres de carte : 24px, puis
   18px a 767px et moins (30px aux deux largeurs avant le lot) ; meme seuil
   que le H1, donc l ecart vaut a toute largeur : 6px au-dessus, 2px
   en dessous. Interligne 1.3 du parent pour les titres de liste. */
.category-posts .cate-post-content .blog-content-standar h2.entry-title{font-size:24px;line-height:1.3;}
@media (max-width:767px){
	.category-posts .cate-post-content .blog-content-standar h2.entry-title{font-size:18px;}
}

/* G3 — introduction de la page des articles (home.php, en tete de la colonne
   des cartes), P5-GUIDES-INTRO, decision d Alioune du 23/10/2026. Texte en
   16px, interligne 1,6, couleur du texte courant du theme (body, #636363 ;
   13px auparavant). Marge inferieure de 30px avant la premiere carte, la
   derniere marge de paragraphe etant retiree.

   Liens soulignes, couleur de la pastille de categorie (#218663, fond de la
   .cat-links a ci-dessus, template.css) : contraste 4,51:1 sur le fond de la
   page (#fff), mesure P5-GUIDES-INTRO. Etats sans autre couleur : survol par
   un soulignement epaissi, focus clavier par un contour de 2px ; les deux se
   cumulent. Le contour retabli ici est retire par template.css (a:focus,
   outline:unset). */
.category-posts .cate-post-content .smg-guides-intro{margin-bottom:30px;font-size:16px;line-height:1.6;color:#636363;}
.category-posts .cate-post-content .smg-guides-intro p{font-size:inherit;line-height:inherit;color:inherit;}
.category-posts .cate-post-content .smg-guides-intro p:last-child{margin-bottom:0;}
.category-posts .cate-post-content .smg-guides-intro a{color:#218663;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.category-posts .cate-post-content .smg-guides-intro a:hover{color:#218663;text-decoration-thickness:3px;}
.category-posts .cate-post-content .smg-guides-intro a:focus-visible{color:#218663;outline:2px solid #218663;outline-offset:2px;border-radius:2px;}

/* G11 — barre laterale (sidebar-blog) masquee sous 768px, inchangee
   au-dessus (seuil du H1 et du parent : 767px et moins). Sous ce seuil, elle
   s empile en colonne pleine largeur (releve P5-GUIDES-R, C12). */
@media (max-width:767px){
	.category-posts > .bwp-sidebar.sidebar-blog{display:none;}
}