/*
Theme Name:  Sahifa Child — Bulletin des Communes
Theme URI:   https://bulletindescommunes.net/
Description: Thème enfant de Sahifa pour le Bulletin des Communes : CSS de présentation (header, mega menus, footer, kiosque, mobile) et shortcodes d'affichage (bandeau d'actus, liste du kiosque, bloc vidéos). Les types de contenus et redirections restent en mu-plugins.
Author:      Julien Dugrais
Template:    sahifa
Version:     1.0.0
Text Domain: sahifa-child
*/

/* ==========================================================================
   CSS de présentation — rapatrié depuis « Apparence → Personnaliser → CSS
   additionnel » du thème parent (ce CSS additionnel est lié au thème actif :
   il ne suit pas automatiquement le passage au thème enfant).
   ========================================================================== */

/* Barre du haut : ses éléments flottants (icônes sociales, recherche) débordent de quelques pixels
   sur le bloc logo/kiosque ; celui-ci étant un conteneur flex (BFC), il se cale à côté d'eux au lieu de se
   centrer sur les grands écrans (constaté en prod à 2000 px : bloc à 139 px au lieu de 495 px).
   flow-root fait contenir ses flottants par la barre, sans rien couper (contrairement à overflow:hidden). */
#top-nav { display: flow-root; }

/* Header : logo + encart kiosque, tailles et alignement comme en prod */
.header-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.header-content .logo { float: none; margin: 5px 0; }
.header-content .logo img { max-height: 90px; width: auto; }
.e3lan-top { float: none; margin: 5px 0; }
.e3lan-top img { max-height: 90px; width: auto; }
.header-content .clear { display: none; }

/* Mega menu : masque la liste de liens redondante (sauf À la une, seule rubrique sans sous-catégories) */
.mega-cat-more-links { display: none !important; }
.menu-a-la-une-mega .mega-cat-more-links { display: block !important; }

/* Élément Accueil : icône maison seule, sans libellé */
.menu-accueil-icone > a { font-size: 0; }
.menu-accueil-icone > a .fa { font-size: 14px; }

/* Sous 990px (bascule menu mobile Sahifa) : header façon prod — logo compact, bouton Menu blanc, kiosque masqué */
@media (max-width: 989px) {
  .e3lan-top { display: none; }
  .header-content { position: relative; padding-right: 86px; }
  .header-content .logo img { max-height: 60px; }
  #slide-out-open { left: auto; right: 10px; top: 50%; transform: translateY(-50%); margin: 0; width: 66px; height: 56px; background: #fff; border-radius: 12px; box-shadow: 0 1px 5px rgba(0,0,0,.2); }
  #slide-out-open span { left: 50%; margin-left: -14px; top: 9px; }
  #slide-out-open span, #slide-out-open span:before, #slide-out-open span:after { background: #111; }
  #slide-out-open:after { content: "Menu"; position: absolute; bottom: 6px; left: 0; right: 0; text-align: center; color: #111; font-size: 13px; font-weight: 600; }
}
/* Entrée Kiosque : visible uniquement dans le menu mobile (l'encart header couvre le desktop) */
@media (min-width: 990px) { #main-nav li.menu-kiosque-mobile { display: none !important; } }
/* Commentaires fermés sur tout le site : aucune mention « Commentaires fermés » (métas des blocs natifs,
   archives, articles). Les options Sahifa correspondantes sont aussi désactivées ; ceci est le filet. */
.post-comments, .comments-closed-note, #comments, #respond, #add-comment-block { display: none !important; }
/* Accueil : masque le titre de la page Home */
.home .content .post-title { display: none; }

/* ===== Bandeau « Inscription Newsletter » (formulaire Brevo) avant le footer, sur toutes les pages ===== */
.bdc-newsletter { background: #f0f1f3; padding: 50px 20px 40px; margin-top: 30px; text-align: center; }
.bdc-newsletter-inner { max-width: 820px; margin: 0 auto; }
.bdc-newsletter-titre { font-size: 26px; font-weight: 700; color: #111; margin: 0 0 15px; }
.bdc-newsletter-texte { font-size: 13px; line-height: 1.6; color: #333; margin: 0 auto 25px; }
/* formulaire Brevo : centré, largeur limitée, sans fond ni bordure propres */
.bdc-newsletter .sib-form, .bdc-newsletter .sib_signup_form, .bdc-newsletter-demo { max-width: 540px; margin: 0 auto; text-align: left; }
.bdc-newsletter .sib-form { padding: 0 !important; background: transparent !important; }
.bdc-newsletter .sib-form-block, .bdc-newsletter .sib-form-container { background: transparent !important; padding: 0 !important; }
/* démonstration (sans plugin) : prénom/nom sur deux colonnes, e-mail pleine largeur, bouton noir */
.bdc-newsletter-demo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.bdc-newsletter-demo p { margin: 0; }
.bdc-newsletter-demo label { display: block; font-size: 12px; text-transform: uppercase; color: #333; margin-bottom: 4px; }
.bdc-newsletter-demo input[type=text], .bdc-newsletter-demo input[type=email] { width: 100%; padding: 6px 8px; border: 1px solid #c9c9c9; background: #fff; }
.bdc-nl-large, .bdc-nl-rgpd, .bdc-nl-bouton { grid-column: 1 / -1; }
.bdc-nl-rgpd label { text-transform: none; font-size: 12px; line-height: 1.5; }
.bdc-nl-rgpd input { margin-right: 4px; }
.bdc-nl-bouton { text-align: center; }
.bdc-newsletter-demo button, .bdc-newsletter .sib-form-block__button { background: #111 !important; color: #fff !important; border: 0; padding: 10px 24px; font-weight: 700; text-transform: uppercase; font-size: 13px; cursor: pointer; }
@media (max-width: 600px) { .bdc-newsletter-demo { grid-template-columns: 1fr; } }
/* version colonne latérale (widget « Inscription Newsletter ») : champs empilés, bouton pleine largeur */
.bdc-newsletter-aside { padding: 20px 15px; margin: 0; }
.bdc-newsletter-aside .bdc-newsletter-demo, .bdc-newsletter-aside .sib-form, .bdc-newsletter-aside .sib_signup_form { max-width: none; }
.bdc-newsletter-aside .bdc-newsletter-demo { grid-template-columns: 1fr; }
.bdc-newsletter-aside .bdc-newsletter-demo button, .bdc-newsletter-aside .sib-form-block__button { width: 100%; }
/* Formulaire Brevo « classique » (form.sib_signup_form) : Sahifa peint en orange le <p class="button"> qui entoure
   le bouton, et le reCAPTCHA (iframe Google de 304 px) déborde de la colonne de 250 px → réduit à l'échelle */
.bdc-newsletter p.button { background: transparent !important; padding: 0 !important; margin: 10px 0 0; border: 0; box-shadow: none; }
.bdc-newsletter .sib-default-btn { background: #111 !important; color: #fff !important; border: 0 !important; padding: 8px 18px !important; font-weight: 700; text-transform: uppercase; cursor: pointer; box-shadow: none !important; }
.bdc-newsletter-aside .sib-default-btn { width: 100% !important; }
.bdc-newsletter-aside .g-recaptcha { transform: scale(.82); transform-origin: 0 0; height: 64px; margin: 6px 0 4px; }
.bdc-newsletter-aside .form_newsletter_home, .bdc-newsletter-aside .sib_signup_box_inside_2 { max-width: 100%; }

/* ===== Colonne latérale : widgets « image + titre » (vidéos, Tribune, Économie) et « plus vus » ===== */
.bdc-widget-liste { list-style: none; margin: 0; padding: 0; }
.bdc-widget-liste li { padding: 10px 0; border-bottom: 1px solid #f2f2f2; }
.bdc-widget-liste li:last-child { border-bottom: 0; }
.bdc-widget-liste .post-thumbnail { float: none; width: auto; margin: 0 0 8px; position: relative; }
.bdc-widget-liste .post-thumbnail img { width: 100% !important; height: auto; max-width: 100% !important; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bdc-widget-liste h3.post-box-title { font-size: 14px !important; line-height: 1.4; margin: 0; }
#sidebar .bdc-plus-lus-liste { gap: 10px; }
#sidebar .bdc-plus-lus-num { font-size: 22px; min-width: 34px; line-height: 1; }
#sidebar .bdc-plus-lus-liste h3.post-box-title { margin: 0; }

/* ===== Page /nos-videos/ : grille de vignettes vidéo (badge + titre en surimpression) ===== */
.bdc-videos-liste-grille { display: grid; grid-template-columns: repeat(var(--bdc-colonnes, 2), 1fr); gap: 30px; margin-bottom: 30px; }
.bdc-video-carte .post-thumbnail { position: relative; float: none; width: auto; margin: 0; overflow: hidden; }
.bdc-video-carte .post-thumbnail img, .bdc-video-sans-image { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: #aaa; }
.bdc-video-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 20px 20px; background: linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0)); z-index: 2; pointer-events: none; }
.bdc-video-overlay .bdc-cat { display: inline-block; background: #f49600; color: #fff; font-weight: 700; font-size: 12px; padding: 2px 9px; margin-bottom: 8px; }
.bdc-video-titre { display: block; color: #fff; font-size: 19px; line-height: 1.3; font-weight: 400; text-shadow: 0 1px 2px rgba(0,0,0,.5); }
.bdc-videos-pagination { text-align: center; }
@media (max-width: 600px) { .bdc-videos-liste-grille { grid-template-columns: 1fr; } }

/* ===== Footer : reproduction de l ancien design (fond noir, 8 colonnes de rubriques, barre legale) ===== */
#theme-footer { background: #000; }
#theme-footer .footer-widgets-box { padding: 40px 0 10px; }
#theme-footer .footer-widget { margin-bottom: 0; }
#theme-footer .footer-widget-container { padding: 0; }
#menu-menu-footer-bdc-v2 { display: grid; grid-template-columns: repeat(8, 1fr); gap: 25px 18px; list-style: none; margin: 0; padding: 0 0 25px; }
#menu-menu-footer-bdc-v2 > li { border: 0; padding: 0; }
#menu-menu-footer-bdc-v2 > li > a { display: block; color: #fff; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .3px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 2px solid #f49600; }
#menu-menu-footer-bdc-v2 .sub-menu { list-style: none; margin: 0; padding: 0; }
#menu-menu-footer-bdc-v2 .sub-menu li { padding: 0; border: 0; }
#menu-menu-footer-bdc-v2 .sub-menu a { display: block; color: #cfcfcf; font-size: 13px; line-height: 1.4; padding: 4px 0; }
#menu-menu-footer-bdc-v2 a:hover { color: #f49600; }
#menu-legal-menu-bdc-v2 { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 26px; list-style: none; margin: 0; padding: 18px 0 8px; border-top: 1px solid #2a2a2a; }
#menu-legal-menu-bdc-v2 li { padding: 0; border: 0; }
#menu-legal-menu-bdc-v2 a { color: #bdbdbd; font-size: 12.5px; }
#menu-legal-menu-bdc-v2 a:hover { color: #f49600; }
.bdc-footer-brand { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid #2a2a2a; }
.bdc-footer-brand img { max-height: 70px; width: auto; }
.bdc-footer-brand-social { text-align: right; }
.bdc-footer-brand-social strong { display: block; color: #fff; font-size: 15px; margin-bottom: 10px; }
.bdc-footer-brand-social a { display: inline-block; color: #fff; font-size: 20px; margin-left: 16px; }
.bdc-footer-brand-social a:hover { color: #f49600; }
.footer-bottom { background: #000; border-top: 1px solid #2a2a2a; }
.footer-bottom, .footer-bottom a { color: #9a9a9a; }
@media (max-width: 990px) { #menu-menu-footer-bdc-v2 { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { #menu-menu-footer-bdc-v2 { grid-template-columns: repeat(2, 1fr); } .bdc-footer-brand, .bdc-footer-brand-social { justify-content: center; text-align: center; } }

/* ==========================================================================
   Blocs d'accueil pleine largeur : [bdc_hero] (1 grand + 2 colonnes de 2)
   et [bdc_grille] (4 colonnes). Composants Sahifa + grilles CSS.
   ========================================================================== */
.bdc-hero .cat-box-content, .bdc-grille .cat-box-content { padding: 20px; }
.bdc-hero-grille { display: grid; grid-template-columns: 1.15fr 1fr; gap: 30px; }
.bdc-hero-secondaires { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.bdc-hero .post-thumbnail, .bdc-grille .post-thumbnail { margin: 0 0 12px; }
.bdc-hero .post-thumbnail img, .bdc-grille .post-thumbnail img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bdc-hero .bdc-hero-titre { font-size: 26px !important; line-height: 1.25; margin: 6px 0 14px; }
.bdc-hero .entry p { font-size: 14px; line-height: 1.6; margin: 0; }
.bdc-hero-carte h3.post-box-title, .bdc-carte h3.post-box-title { font-size: 15px !important; line-height: 1.35; margin: 0; }
.bdc-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 8px !important; font-size: 12px; }
.bdc-meta .bdc-cat { display: inline-block; background: #f49600; color: #fff !important; font-weight: 700; font-size: 12px; padding: 2px 9px; line-height: 1.5; }
.bdc-meta .bdc-cat:hover { background: #d98600; }
.bdc-grille-cartes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 22px; }
/* [bdc_accueil] : hero et grille dans un seul cadre, séparés par un filet discret */
.bdc-accueil .bdc-hero-grille { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #e6e6e6; }
@media (max-width: 990px) { .bdc-hero-grille { grid-template-columns: 1fr; } .bdc-grille-cartes { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .bdc-hero-secondaires, .bdc-grille-cartes { grid-template-columns: 1fr; } }

/* ==========================================================================
   Réseau X : Sahifa embarque Font Awesome 4.7, qui n'a que l'oiseau Twitter.
   On remplace le glyphe de .fa-twitter par le logo X (SVG en masque, couleur
   héritée) — s'applique partout : top bar, footer, menu mobile, partage.
   ========================================================================== */
.fa-twitter:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/></svg>") no-repeat center / contain;
}

/* ==========================================================================
   Bloc pub de l'accueil : 3 encarts Advanced Ads côte à côte (carrés 400x400)
   — bloc « texte libre » du Builder contenant [the_ad id="…"] x3.
   ========================================================================== */
.bdc-pubs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 0 0 30px; align-items: stretch; }
.bdc-pubs > div { display: flex; }
.bdc-pubs > div > div, .bdc-pubs a { display: block; width: 100%; }
/* Cases carrées de même hauteur : les visuels non carrés (ex. bdmp 907×735) sont recadrés au centre */
.bdc-pubs img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; display: block; }
@media (max-width: 767px) { .bdc-pubs { grid-template-columns: 1fr; } }

/* ==========================================================================
   [bdc_rubrique] : bloc catégorie style 1c (2/3) + colonne d'encarts pub (1/3)
   [bdc_banniere] : bannière pleine largeur centrée
   ========================================================================== */
.bdc-rubrique-pub { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; align-items: start; margin-bottom: 25px; }
.bdc-rubrique-pub.sans-pub { grid-template-columns: 1fr; }
.bdc-rubrique-pub .cat-box { margin-bottom: 0; }
.bdc-rubrique-pubs { display: grid; gap: 24px; }
.bdc-rubrique-pub-item img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; display: block; }
/* Communs aux blocs rubrique : lien « Voir plus » à droite du titre (classe bdc-titre-plus),
   couleur du bloc (classe bdc-couleur + variable --bdc-couleur) : hachure = stripe.png de Sahifa
   en masque, trait du bas et bouton « Lire la suite » */
.bdc-titre-plus .cat-box-title { display: flex; align-items: center; gap: 12px; }
.bdc-titre-plus .cat-box-title h2 { float: none; margin: 0; }
.bdc-titre-plus .cat-box-title .stripe-line { flex: 1; margin-top: 0; }
.bdc-voir-plus { order: 3; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: #111; white-space: nowrap; }
.bdc-voir-plus:hover { color: var(--bdc-couleur, #f49600); }
/* Hachures CSS opaques (le stripe.png de Sahifa est semi-transparent, la couleur ressortait pâle) */
.bdc-couleur .stripe-line { background: repeating-linear-gradient(135deg, var(--bdc-couleur) 0 3px, transparent 3px 8px); opacity: 1; }
.bdc-couleur .cat-box-content { border-bottom-color: var(--bdc-couleur); }
.bdc-couleur a.more-link { background-color: var(--bdc-couleur); }
/* [bdc_rubrique style="liste"] : chaque article au format « premier article » Sahifa, séparés par un filet */
.bdc-liste li.first-news { border-bottom: 1px solid #eaeaea; }
.bdc-liste li.first-news:last-child { border-bottom: 0; }
/* [bdc_rubrique style="grille"] : cartes sur N colonnes (image portrait 2:3, puce, titre, date à droite, extrait) */
.bdc-rubrique-grille { display: grid; grid-template-columns: repeat(var(--bdc-colonnes, 3), 1fr); gap: 30px 24px; padding: 20px; }
.bdc-carte-grille .post-thumbnail { float: none; width: auto; margin: 0 0 12px; }
.bdc-carte-grille .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; display: block; }
.bdc-carte-grille h3.post-box-title { font-size: 15px !important; line-height: 1.4; margin: 0 0 6px; }
.bdc-carte-grille h3.post-box-title:before { content: ""; display: inline-block; width: 8px; height: 8px; background: #f49600; margin-right: 8px; vertical-align: 1px; }
.bdc-carte-grille p.post-meta { text-align: right; margin: 0 0 8px !important; font-size: 12px; }
.bdc-carte-grille .entry p { font-size: 12px; line-height: 1.6; margin: 0; }
@media (max-width: 990px) { .bdc-rubrique-grille { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .bdc-rubrique-grille { grid-template-columns: 1fr; } }
/* [bdc_rubrique style="cartes"] : cartes sur N colonnes (image paysage 16:9, date, titre, bouton « Lire la suite » couleur du bloc) */
.bdc-carte-simple .post-thumbnail { float: none; width: auto; margin: 0 0 10px; }
.bdc-carte-simple .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bdc-carte-simple p.post-meta { text-align: left; margin: 0 0 6px !important; font-size: 12px; }
.bdc-carte-simple h3.post-box-title { font-size: 15px !important; line-height: 1.4; margin: 0 0 12px; }
/* cartes de même hauteur (grille) et bouton poussé en bas, aligné sur toute la rangée */
.bdc-carte-simple { display: flex; flex-direction: column; }
.bdc-carte-simple a.more-link { display: inline-block; margin: auto 0 0; align-self: flex-start; }
/* [bdc_plus_lus] : titres numérotés (01. 02. …) sur N colonnes */
.bdc-plus-lus .cat-box-content { padding: 20px; }
.bdc-plus-lus-liste { display: grid; grid-template-columns: repeat(var(--bdc-colonnes, 3), 1fr); gap: 22px 30px; list-style: none; margin: 0; padding: 0; }
.bdc-plus-lus-liste li { display: flex; align-items: flex-start; gap: 12px; }
.bdc-plus-lus-num { font-family: BebasNeueRegular, arial, sans-serif; font-size: 36px; line-height: .9; color: #f49600; flex: 0 0 auto; min-width: 46px; }
.bdc-plus-lus-liste h3.post-box-title { font-size: 14px !important; line-height: 1.4; margin: 2px 0 0; text-align: left; }
@media (max-width: 990px) { .bdc-plus-lus-liste { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .bdc-plus-lus-liste { grid-template-columns: 1fr; } }
/* [bdc_videos] : grand lecteur YouTube + titre à gauche, liste défilante (vignette + titre) à droite */
.bdc-videos .cat-box-content { padding: 20px; }
.bdc-videos-grille { display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px; align-items: stretch; }
.bdc-videos-lecteur { position: relative; aspect-ratio: 16 / 9; background: #000; }
.bdc-videos-lecteur iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bdc-videos-principale .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bdc-videos-principale h2.post-box-title { font-size: 17px !important; line-height: 1.35; margin: 12px 0 0; }
.bdc-videos-liste-wrap { position: relative; min-height: 260px; }
.bdc-videos-liste { position: absolute; inset: 0; overflow-y: auto; list-style: none; margin: 0; padding: 0 10px 0 0; border-left: 3px solid #eaeaea; }
/* neutralise les styles natifs de .video-box (li flottants à 21 %, vignettes en opacité 0) */
.bdc-videos .bdc-videos-liste li { float: none; width: auto; height: auto; overflow: visible; margin: 0; padding: 0; }
.bdc-videos .post-thumbnail { opacity: 1 !important; }
.bdc-videos-liste li { border-bottom: 1px solid #eaeaea; }
.bdc-videos-liste li:last-child { border-bottom: 0; }
.bdc-videos-item { display: flex; align-items: center; gap: 12px; padding: 10px 8px; color: #333; }
.bdc-videos-item:hover, .bdc-videos-item.actif { background: #f7f7f7; }
.bdc-videos-item .post-thumbnail { position: relative; flex: 0 0 140px; margin: 0; float: none; }
.bdc-videos-item .post-thumbnail img { width: 140px; height: 80px; object-fit: cover; display: block; }
.bdc-videos-item .post-box-title { font-size: 14px; font-weight: 700; line-height: 1.35; }
.bdc-videos-item.actif .post-box-title { color: var(--bdc-couleur, #f49600); }
@media (max-width: 990px) {
  .bdc-videos-grille { grid-template-columns: 1fr; }
  .bdc-videos-liste-wrap { min-height: 0; }
  .bdc-videos-liste { position: static; max-height: 340px; border-left: 0; }
}
/* [bdc_rubrique_large] : 1 grand article + 2 colonnes de titres datés */
.bdc-rubrique-large .cat-box-content { padding: 20px; }
.bdc-rubrique-large-grille { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 30px; align-items: start; }
.bdc-rl-principal .post-thumbnail { margin: 0 0 10px; }
.bdc-rl-principal .post-thumbnail img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.bdc-rl-principal h2.post-box-title { font-size: 22px !important; line-height: 1.3; margin: 6px 0 0; }
.bdc-rubrique-large p.post-meta { text-align: right; margin: 0 0 4px !important; font-size: 12px; }
.bdc-rl-liste { list-style: none; margin: 0; padding: 0; }
.bdc-rl-liste li { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #e6e6e6; }
.bdc-rl-liste li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: 0; }
.bdc-rl-liste h3.post-box-title { font-size: 15px !important; line-height: 1.4; margin: 0; }
@media (max-width: 990px) { .bdc-rubrique-large-grille { grid-template-columns: 1fr 1fr; } .bdc-rl-principal { grid-column: 1 / -1; } }
@media (max-width: 600px) { .bdc-rubrique-large-grille { grid-template-columns: 1fr; } }

.bdc-banniere { text-align: center; margin: 0 0 30px; }
.bdc-banniere img { max-width: 100%; height: auto; display: inline-block; }
@media (max-width: 990px) { .bdc-rubrique-pub { grid-template-columns: 1fr; } .bdc-rubrique-pubs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .bdc-rubrique-pubs { grid-template-columns: 1fr; } }