/* IZI WAX — page.css
   Gabarits secondaires : pages de contenu simple (mentions legales,
   politique de confidentialite, CGV), page 404, archives et recherche.
   Complete main.css et content.css, ne redefinit aucun token. */

/* ============================================================
   En-tete sans photo
   .hero pose une photo en fond et un voile blanc en diagonale. Sans image,
   ce voile n'a plus de sens : on l'annule et on retombe sur un aplat creme
   souligne d'un lisere jaune, pour rester dans la charte sans faire bloc.
   La colonne de texte adopte la largeur de la colonne de lecture pour que
   le h1 s'aligne exactement avec le contenu en dessous.
   ============================================================ */
.iziwax .hero--uni{
	background-color:var(--jaune-pale);
	background-image:none;
	border-bottom:3px solid var(--jaune);
}
.iziwax .hero--uni::before{content:none}
.iziwax .hero--uni .hero__txt{max-width:860px;margin:0 auto;width:100%}
.iziwax .hero--uni .hero__note{color:var(--gris);text-transform:none;letter-spacing:.04em}

/* ============================================================
   Colonne de lecture
   main.css remet a zero les marges et les retraits de TOUS les elements
   (*{margin:0;padding:0}). Un contenu tape dans l'editeur perdrait donc ses
   puces, sa numerotation et ses espacements. On les retablit ici, et
   uniquement dans .contenu--texte, pour ne rien casser ailleurs.
   ============================================================ */
.contenu--texte{padding:56px 0 76px}
.contenu--texte .contenu__centre > *{margin-bottom:20px}
.contenu--texte .contenu__centre > *:last-child{margin-bottom:0}

.contenu--texte h2{margin:44px 0 14px;font-size:clamp(24px,2vw,32px)}
.contenu--texte h3{margin:32px 0 10px;font-size:20px}
.contenu--texte h4{margin:26px 0 8px;font-family:var(--display);font-weight:700;font-size:17px}
.contenu--texte h2:first-child,
.contenu--texte h3:first-child{margin-top:0}

.contenu--texte p{color:var(--gris);max-width:none}
.contenu--texte strong{color:var(--noir);font-weight:600}

.contenu--texte ul,
.contenu--texte ol{margin:0 0 20px;padding-left:24px;color:var(--gris);max-width:none}
.contenu--texte ul{list-style:disc}
.contenu--texte ol{list-style:decimal}
.contenu--texte li{margin-bottom:8px;padding-left:4px}
.contenu--texte li::marker{color:var(--jaune-fonce)}
.contenu--texte li > ul,
.contenu--texte li > ol{margin:8px 0 0}

.contenu--texte blockquote{margin:0 0 20px;padding:4px 0 4px 22px;border-left:3px solid var(--jaune)}
.contenu--texte blockquote p{color:var(--noir)}

.contenu--texte hr{border:0;border-top:1px solid var(--ligne);margin:36px 0}
.contenu--texte img{border-radius:var(--r)}
.contenu--texte figure{margin:0 0 20px}
.contenu--texte figcaption{font-family:var(--mono);font-size:12px;color:var(--gris);margin-top:8px}

.contenu--texte table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
.contenu--texte th,
.contenu--texte td{padding:12px 14px;border:1px solid var(--ligne);text-align:left;vertical-align:top}
.contenu--texte th{background:var(--gris-clair);font-family:var(--display);font-weight:700;color:var(--noir)}

/* ============================================================
   Champ de recherche (404 et page de resultats)
   .recherche vient de main.css (bloc revendeurs) : on ne reprend ici que
   la largeur et l'espacement propres a ces deux gabarits.
   ============================================================ */
.contenu .recherche{margin:0 0 44px;max-width:540px}
.contenu .recherche .btn{flex:none}
@media (max-width:520px){
	.contenu .recherche{flex-direction:column}
	.contenu .recherche .btn{width:100%}
}

/* ============================================================
   Archives : description eventuelle de la categorie
   ============================================================ */
.archive__intro{margin-bottom:32px;color:var(--gris)}
.archive__intro p{color:var(--gris);margin:0 0 12px}
.archive__intro p:last-child{margin-bottom:0}

/* ============================================================
   Pagination (the_posts_pagination)
   Le reset global supprime les marges : sans ces regles, la pagination
   sort collee et sans habillage.
   ============================================================ */
.contenu .pagination{margin-top:44px}
.contenu .pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.contenu .pagination .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:42px;height:42px;padding:0 14px;
	border:1px solid var(--ligne);border-radius:999px;background:var(--blanc);
	color:var(--noir);text-decoration:none;font-weight:500;font-size:15px;
	transition:border-color .15s ease,background .15s ease;
}
.contenu .pagination a.page-numbers:hover{border-color:var(--jaune);background:var(--jaune-pale);color:var(--noir)}
.contenu .pagination .page-numbers.current{background:var(--jaune);border-color:var(--jaune);font-weight:600}
.contenu .pagination .page-numbers.dots{border-color:transparent;background:none}