/* ==========================================================================
   eqlosion · ajustements propres à WordPress
   site.css est la copie conforme de la feuille du site validé (recopiée par
   outils/generer-donnees.py, jamais retouchée à la main). Ce fichier ne fait
   qu'adapter le balisage de WordPress à cette feuille.
   ========================================================================== */

/* ---------- Gras des titres ----------
   L'éditeur écrit le gras en <strong>, le site validé en <b> : mêmes règles. */
.hero h1 strong{font-weight:500;color:var(--navy)}
.h2 strong,.statement h2 strong,.contact h2 strong{color:var(--navy);font-weight:500}
.nuit .h2 strong{color:var(--nuit-txt)}

/* ---------- Enveloppes de WordPress ----------
   Aucune marge entre les sections : le site validé gère seul ses espacements. */
.wp-site-blocks>*,main.wp-block-group>*,.wp-block-post-content:not(.art-corps)>*{margin-block:0}
.wp-site-blocks{padding:0}

/* Barre d'administration (connecté) : le menu fixe passe dessous */
body.admin-bar nav#nav{top:32px}
@media(max-width:782px){body.admin-bar nav#nav{top:46px}}

/* ---------- Pages de texte : tableau natif de Gutenberg ---------- */
.doc .wp-block-table{margin:1.6rem 0 0;overflow-x:auto}
.doc .wp-block-table table{table-layout:auto;border:0}
.doc .wp-block-table thead{border-bottom:0}
.doc .wp-block-table th,.doc .wp-block-table td{border:0;border-bottom:1px solid var(--line)}
.doc .wp-block-table th{padding:0 1.4rem 1rem 0}
.doc .wp-block-table td{padding:1.4rem 1.4rem 1.4rem 0;word-break:normal}
.doc .wp-block-table td:last-child,.doc .wp-block-table th:last-child{padding-right:0}
.doc td em{font-style:normal;font-size:.84rem;color:var(--dim)}
.doc td:last-child{font-size:.84rem;color:var(--dim)}
.doc .wp-block-heading{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:400;margin:clamp(2.6rem,5vw,3.6rem) 0 1.2rem}

/* ---------- Blog : les filtres sont des liens (une adresse par catégorie) ---------- */
.filtres a{font-family:var(--body);font-weight:400;font-size:.82rem;letter-spacing:.02em;
  padding:.55rem 1.15rem;border:1px solid var(--line);background:none;color:var(--text2);
  border-radius:2rem;cursor:pointer;transition:.35s var(--e);line-height:normal;display:block}
.filtres a:hover{border-color:var(--navy);color:var(--navy)}
.filtres a[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.pagination{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:clamp(2.6rem,5vw,4rem)}
.pagination a{min-width:2.6rem;padding:.45rem .9rem;border:1px solid var(--line);border-radius:2rem;
  text-align:center;font-size:.86rem;color:var(--text2)}
.pagination a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}

/* Articles : corps en blocs natifs */
.art-corps>.wp-block-image{margin:1.6em 0}
.art-corps>.wp-block-image img{margin:0}
.art-corps .wp-block-list{padding-left:1.3em}
.art-corps .wp-block-quote{margin:1.8em 0;padding:.4em 0 .4em 1.4em;border-left:3px solid var(--orange);
  font-style:italic;color:var(--text2)}

/* ---------- Formulaire de contact ---------- */
.form .piege{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form .consent{display:flex;align-items:flex-start;gap:.8rem;font-size:.9rem;color:var(--text2);line-height:1.6}
.form .consent input{flex:none;width:1.1rem;height:1.1rem;margin-top:.2rem;accent-color:var(--navy)}
.form-etat{padding:1rem 1.2rem;border-left:3px solid var(--navy);background:var(--bg2);color:var(--text)}
.form-etat.erreur{border-color:var(--orange-txt)}
.form-etat .cause{display:block;margin-top:.4rem}
/* Au retour d'un envoi, la page saute au formulaire : le message doit tomber sous l'en-tête fixe
   (70 px), apparition comprise (le bloc remonte encore de 28 px). */
#formulaire{scroll-margin-top:8rem}
.form .consent a,.blog-vide a{color:var(--orange-txt);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.form .consent a:hover,.blog-vide a:hover{color:var(--navy)}

/* ---------- Blog : liste vide (filtre inconnu, page trop loin) ---------- */
.blog-vide{font-size:1.05rem;color:var(--text2)}

/* ---------- Éditeur : la zone d'aperçu ne doit rien cacher ---------- */
.editor-styles-wrapper .reveal{opacity:1;transform:none}
.editor-styles-wrapper nav#nav{position:relative}