/*
 * Ajustements propres au site Wagtail, chargés APRÈS style.css (maquette).
 * Règle : on ne modifie jamais style.css (copie conforme de la maquette
 * validée) ; toute adaptation se fait ici.
 */

/* Cartes cliquables : la maquette utilise <article class="card">, on en fait des liens <a> */
a.card { display: block; }

/* Logo dans le pied de page sombre : pastille claire pour garder le brun lisible */
.foot img.logo-pied { background: #fff; padding: 8px 12px; border-radius: 10px; box-sizing: content-box; }

/* Corps d'article (texte riche Wagtail) */
.post .bd ul, .post .bd ol { margin: 0 0 20px 22px; font-size: 17px; line-height: 1.8; }
.post .bd a { color: var(--wood); text-decoration: underline; }
.post .bd img { border-radius: 12px; margin: 10px 0 24px; height: auto; }
.post .bd .encadre { background: var(--soft); border: 1px solid var(--line); border-left: 4px solid var(--amber); border-radius: var(--r-sm); padding: 18px 22px; margin: 26px 0; }
.post .bd .encadre p:last-child { margin-bottom: 0; }
/* Vidéos intégrées (YouTube…) : largeur fluide */
.post .bd .video { position: relative; aspect-ratio: 16/9; margin: 26px 0; }
.post .bd .video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 12px; }

/* Liens de partage (vrais liens au lieu de simples pastilles) */
.post .byline .share a { width:38px;height:38px;border-radius:999px;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:13px;color:#555; }
.post .byline .share a:hover { background:var(--amber);color:#141414;border-color:var(--amber); }

/* Message quand il n'y a encore aucun article */
.vide { padding: 60px 0; text-align: center; color: var(--muted); }

/* ===== Régie publicitaire ===== */
/* Créations par appareil : le navigateur n'affiche que la bonne (même seuil que la maquette) */
@media (max-width: 600px) { .pub-ordi { display: none !important; } }
@media (min-width: 601px) { .pub-mobile { display: none !important; } }

.pub { position: relative; text-align: center; }
.pub img { margin: 0 auto; max-width: 100%; height: auto; }
.pub-label { display: block; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-top: 4px; }
.pub-grand-format { background: var(--soft); border-bottom: 1px solid var(--line); padding: 14px 16px 8px; }
.pub-pave { margin-bottom: 22px; }
.pub-in-article { margin: 28px 0; }

/* Encart « Votre publicité ici » : cadre de la maquette + lien commercial */
.autopromo .z-s a { color: inherit; text-decoration: underline; }