/* ============================================================
   Gabarit Article — /actualites/<titre>/ (single.php)
   Repris de maquettes/maquette-article-byu-france.html (parties propres à la page).
   Les styles des blocs WordPress ne sont pas chargés en façade (inc/nettoyage.php) :
   le contenu de l'éditeur (paragraphes, intertitres, listes, citations, images, galeries,
   vidéos, boutons, séparateurs) est mis en forme ici.
   ============================================================ */
.btn-ligne{background:transparent;color:var(--bleu);border-color:var(--bleu);font:inherit;font-weight:700;font-stretch:108%;cursor:pointer}
.btn-ligne:hover{background:var(--bleu);color:#fff;border-color:var(--bleu)}
.btn-ligne.copie{border-color:#3CC36B;color:var(--encre);background:#EAF6EE}

/* Tête de l'article et texte.
   Demande de Ronan (11/10/2026) : l'article prend toute la largeur de la page (maquette : 760 px). */
.tete-article{padding:clamp(28px,4vw,48px) 0 clamp(24px,3vw,36px)}
.colonne{max-width:none;margin:0}
.fil{font-size:.85rem;color:var(--gris);margin-bottom:22px}
.fil a{text-decoration:none}
.fil a:hover{color:var(--bleu)}
.fil span{margin:0 8px;opacity:.5}
.categorie{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--bleu);border:1px solid var(--bleu);padding:3px 8px;border-radius:2px;text-transform:uppercase;text-decoration:none}
.tete-article h1{margin-top:14px;font-weight:900;font-stretch:115%;line-height:1.02;letter-spacing:-.025em;font-size:clamp(2rem,4.8vw,3.2rem)}
.meta{margin-top:14px;font-size:.88rem;color:var(--gris)}
.chapeau{margin-top:18px;font-size:1.2rem;line-height:1.5;font-weight:500;color:#2A2F3A}

.visuel-article{max-width:var(--max);margin:0 auto clamp(28px,4vw,44px);padding:0 var(--gouttiere)}
.visuel-article .image{width:100%;height:auto;max-height:620px;object-fit:cover;background:var(--nuit)}
.visuel-article figcaption{font-size:.8rem;color:var(--gris);margin-top:8px}

/* Contenu saisi dans l'éditeur */
.contenu{padding-bottom:clamp(36px,5vw,56px)}
.texte-article > *:first-child{margin-top:0}
.texte-article p{margin-top:18px;font-size:1.08rem;line-height:1.7;max-width:none}
.texte-article h2{margin-top:36px;font-size:clamp(1.4rem,2.6vw,1.8rem);font-weight:800;font-stretch:110%;line-height:1.15}
.texte-article h3{margin-top:26px;font-size:1.2rem;font-weight:800}
.texte-article h4{margin-top:22px;font-size:1.05rem;font-weight:800}
.texte-article ul,.texte-article ol{margin:16px 0 0 1.3em;font-size:1.05rem}
.texte-article li + li{margin-top:6px}
.texte-article li::marker{color:var(--rouge)}
.texte-article blockquote,.texte-article .wp-block-quote,.texte-article .wp-block-pullquote{margin:30px 0;border-left:4px solid var(--rouge);padding:6px 0 6px 20px}
.texte-article blockquote p{margin-top:0;font-size:1.35rem;font-weight:800;font-style:italic;font-stretch:108%;line-height:1.3}
.texte-article blockquote cite{display:block;margin-top:8px;font-size:.9rem;font-style:normal;font-weight:700;color:var(--rouge-sombre)}
.texte-article a{color:var(--bleu);font-weight:600}
.texte-article a:hover{color:var(--rouge-sombre)}
.texte-article strong{font-weight:800}
.texte-article figure{margin-top:28px}
.texte-article img{height:auto}
.texte-article figcaption,.texte-article .wp-element-caption{font-size:.82rem;color:var(--gris);margin-top:8px}
.texte-article .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.texte-article .alignwide,.texte-article .alignfull{max-width:none}
.texte-article .has-text-align-center{text-align:center}
.texte-article .has-text-align-right{text-align:right}
/* Galerie : grille de 2 à 3 colonnes */
.texte-article .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.texte-article .wp-block-gallery figure{margin:0}
.texte-article .wp-block-gallery img{width:100%;height:100%;aspect-ratio:1;object-fit:cover}
/* Vidéo intégrée (lien YouTube…) : format 16:9 */
.texte-article .wp-block-embed__wrapper{position:relative;aspect-ratio:16/9}
.texte-article .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.texte-article video{width:100%;height:auto}
.texte-article hr,.texte-article .wp-block-separator{margin:34px 0;border:none;border-top:1px solid var(--trait)}
.texte-article .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.texte-article .wp-block-button__link{display:inline-block;font-weight:700;padding:.72em 1.5em;border-radius:2px;background:var(--rouge);color:#fff;text-decoration:none}
.texte-article table{width:100%;border-collapse:collapse;margin-top:22px;font-size:.95rem}
.texte-article th,.texte-article td{border-bottom:1px solid var(--trait);padding:8px 10px 8px 0;text-align:left}

.fin-article{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:36px;padding-top:22px;border-top:1px solid var(--trait)}
.fin-article .retour{font-weight:700;color:var(--bleu)}

/* À lire aussi */
.aussi{background:#fff;border-top:1px solid var(--trait);padding:clamp(40px,5vw,64px) 0}
.aussi h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;font-stretch:112%;margin-bottom:22px}
.deux{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.actu.mini{display:grid;grid-template-columns:160px 1fr;gap:16px;text-decoration:none;align-items:center;border:1px solid var(--trait);background:var(--papier);padding:12px}
.actu.mini .visuel{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--nuit)}
.actu.mini .visuel.sans{display:grid;place-items:center;color:rgba(255,255,255,.35);font-weight:900;font-style:italic;font-size:.9rem}
.actu.mini time{font-size:.8rem;color:var(--gris)}
.actu.mini b{display:block;font-size:1.05rem;line-height:1.25;margin-top:2px}
.actu.mini:hover b{color:var(--bleu)}

@media (max-width:700px){ .deux{grid-template-columns:1fr} .actu.mini{grid-template-columns:110px 1fr} }