/* PM — Baromètre, série : ligne de tête + pied d'article.
   Maquette validée CEO 03/10/2026. Complète le kit pmb-* : mêmes variables.
   Les blocs sont enveloppés dans .pmb pour hériter des variables du kit,
   qui sont déclarées sur .pmb et non sur :root. */

.pmb-serie{margin:0}

/* ---- ligne de tête des anciens numéros ---- */
.pmb-avis{background:var(--bleu-pale);border-radius:6px;padding:13px 18px;font-size:15px;line-height:1.45;margin:0 0 22px}
.pmb-avis b{font-weight:700}
.pmb-avis a{font-weight:700}

/* ---- pied d'article ---- */
.pmb-suite{margin:52px 0 0;display:grid;gap:16px}
.pmb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:5px;font-size:16px;line-height:1.2;font-weight:700;text-decoration:none;white-space:nowrap}
.pmb-btn.plein,.pmb-btn.plein:hover{background:#fff;color:var(--bleu-fonce)}
.pmb-btn.contour,.pmb-btn.contour:hover{background:#fff;color:var(--bleu);border:1.5px solid var(--bleu)}

.pmb-lettre{background:var(--bleu);color:#fff;border-radius:6px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center}
.pmb-lettre .pmb-sur{color:#dbe6f0}
.pmb-lettre-titre{font-size:24px;line-height:1.2;font-weight:800;margin:6px 0 8px;text-wrap:balance}
.pmb-lettre p.pmb-lettre-texte{margin:0;font-size:16px;line-height:1.5;color:#eaf1f7}
.pmb-lettre-geste{display:grid;gap:8px;justify-items:center}
.pmb-lettre-note{font-size:13px;line-height:1.3;color:#dbe6f0}

.pmb-alerte{border:1px solid var(--filet);border-radius:6px;padding:22px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 32px;align-items:center;background:#fff}
.pmb-alerte-titre{font-size:19px;line-height:1.25;font-weight:700;margin:4px 0 6px}
.pmb-alerte p.pmb-alerte-texte{margin:0;font-size:15px;line-height:1.5;color:var(--encre-2)}

.pmb-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--filet);padding-top:22px;margin-top:10px}
.pmb-nav-tete{grid-column:1 / -1}
.pmb-nav a{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px solid var(--filet);border-radius:6px;text-decoration:none;color:var(--encre);background:#fff}
.pmb-nav a:hover{border-color:var(--bleu);background:var(--bleu-pale);color:var(--encre)}
.pmb-nav a.suiv{grid-column:2;text-align:right}
.pmb-nav a.seul{grid-column:1 / -1}
.pmb-nav-sens{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--encre-2)}
.pmb-nav-titre{font-size:17px;line-height:1.3;font-weight:700;color:var(--bleu)}
.pmb-nav-date{font-size:13px;color:var(--encre-2)}

@media (max-width:600px){
.pmb-lettre,.pmb-alerte{grid-template-columns:minmax(0,1fr);padding:22px 18px}
.pmb-lettre-titre{font-size:21px}
.pmb-lettre-geste{justify-items:stretch}
.pmb-btn{width:100%;white-space:normal;text-align:center;padding:10px 16px}
.pmb-nav{grid-template-columns:minmax(0,1fr)}
.pmb-nav a.suiv{grid-column:auto;text-align:left}
}

/* ---- doublon d'alerte du gabarit : masqué SUR LES BAROMÈTRES SEULEMENT ----
   Le conteneur 254e658 ne porte que le texte d'alerte et son bouton : mesuré
   le 03/10 (2 widgets, ZÉRO publicité dans son sous-arbre). Il reste en place
   sur tous les autres articles. On masque, on ne touche pas aux données
   Elementor (R-MARBRE-01). */
body.pm-barometre .elementor-element-254e658{display:none !important}

/* ---- page d'archive : tous les numéros, le plus récent en tête ----
   Réutilise les cartes de la navigation : une seule colonne, sans le filet
   de séparation du pied (ici ce n'est pas une suite d'article). */
.pmb-archive{grid-template-columns:minmax(0,1fr);border-top:0;padding-top:0;margin-top:0;gap:12px}
.pmb-archive a.seul{grid-column:1 / -1}

/* --- Carte illustrée : vignette à gauche, textes à droite (T3197) -------------
   La largeur est fixe, la hauteur suit l'image : le n°1 est carré, le n°2 en
   1200x628. min-width:0 empêche un titre long de pousser la vignette. */
.pmb-nav a.pmb-carte-illustree{flex-direction:row;align-items:center;gap:14px;text-align:left}
.pmb-nav a.suiv.pmb-carte-illustree{text-align:left}
.pmb-carte-vignette{flex:0 0 auto;width:132px;height:auto;border-radius:4px;display:block}
.pmb-carte-texte{display:flex;flex-direction:column;gap:5px;min-width:0}
.pmb-tous-numeros{margin:10px 0 0;font-size:14px}
.pmb-tous-numeros a{color:var(--bleu);text-decoration:none;font-weight:600}
.pmb-tous-numeros a:hover{text-decoration:underline}
@media(max-width:600px){
  .pmb-carte-vignette{width:96px}
  .pmb-nav a.pmb-carte-illustree{gap:12px}
}