/*
 * Première visite (page WordPress id 880) — correctifs d'audit.
 * Les grilles à deux colonnes de cette page sont posées en style inline
 * dans le contenu (grid-template-columns fixe, sans repli responsive natif,
 * cf. css/base.css qui ne redéfinit que .nwc-container). Sous 768px, deux
 * colonnes figées écrasaient le texte (colonnes ~150px à 390px) : on les
 * empile verticalement pour rester lisible, mobile d'abord.
 */
@media (max-width: 767px) {
	.nwc-pv-grid {
		grid-template-columns: 1fr !important;
	}
}

/*
 * Même bug (grille à 2 colonnes figées en style inline, sans repli mobile)
 * retrouvé SANS la classe .nwc-pv-grid sur d'autres pages générées par le
 * même gabarit : Nous contacter (557, 1 grille) et Mentions légales (1858,
 * 7 grilles). Conséquence mesurée sur mobile (390px) : la colonne la plus
 * étroite (0.7fr/0.9fr d'une grille 1fr-large) tombe à ~13px de large, le
 * texte s'empile caractère par caractère et peut gonfler une page à plus de
 * 8000px de haut (mesuré sur /nous-contacter/, capture Playwright 390px).
 * Plutôt que cibler page par page comme 880 (.nwc-pv-grid), on attrape ici
 * directement tout `.nwc-container` dont le style inline pose une grille à
 * colonnes — sélecteur d'attribut volontairement large mais sûr : aucun
 * `.nwc-container` du site n'utilise `grid-template-columns` pour autre
 * chose qu'une mise en page 2 colonnes desktop-only.
 */
@media (max-width: 767px) {
	.nwc-container[style*="grid-template-columns"] {
		grid-template-columns: 1fr !important;
	}

	/* `grid-template-columns:1fr` seul ne suffisait pas : une piste de grille
	   a par défaut `min-width:auto`, donc ne descend jamais sous la largeur
	   min-content de son contenu (ici : le formulaire de contact avec ses
	   champs, la carte "à confirmer") — la piste s'élargissait à ~440px et
	   débordait du conteneur (342px de large utile à 390px), texte coupé net
	   au bord (overflow-x caché ailleurs sur le site, donc invisible sans
	   inspection). Fix standard CSS Grid : autoriser l'élément à rétrécir. */
	.nwc-container[style*="grid-template-columns"] > * {
		min-width: 0 !important;
	}
}

/*
 * Audit design nuit du 9/10/2026 (CHEF-DESIGN) — cette page affichait un
 * aplat uni (--nwc-ink plein) en hero, en rupture avec le hero liquid-glass
 * de l'accueil et les dégradés des autres pages déjà validées : un "bloc
 * plat" à côté d'un rendu travaillé, explicitement proscrit par la
 * gouvernance de la nuit. On applique un dégradé cohérent avec le même
 * procédé déjà utilisé et validé ailleurs (cf. home-story.css,
 * .nwc-schedule-bar : ink -> ember), plus une lueur radiale douce pour la
 * même texture "verre" que le hero de l'accueil.
 */
/* Même défaut retrouvé telle quelle sur 3 autres pages secondaires qui
   partagent le même gabarit générique (section.nwc-reveal en aplat --nwc-ink,
   posé en style inline dans le contenu) : Confession de foi (1573), Nous
   contacter (557), Mentions légales (1858). Même correctif, même sélecteur
   groupé pour ne pas dupliquer la règle 4 fois. */
/* Fond de section (demande explicite de Jordan, 18/10/2026 : "fond clair et
   épuré... globalement sur toutes les pages... pas de couleur forte, les
   dégradés on les garde pour les autres éléments, card, bouton, titre et
   autres") : le dégradé encre → braise posé ici en aplat de page est
   remplacé par le même fond plat --nwc-cream que /actualite/, /messages/ et
   la section "10 ans" de l'accueil (events-dons.css, messages-hero.css,
   home-anniversary.css). Le bouton CTA (.nwc-button--primary) garde son
   propre style/dégradé, lui, inchangé. */
.page-id-880 section.nwc-reveal:first-of-type,
.page-id-1573 section.nwc-reveal:first-of-type,
.page-id-557 section.nwc-reveal:first-of-type,
.page-id-1858 section.nwc-reveal:first-of-type {
	background: var(--nwc-cream) !important;
	position: relative;
	overflow: hidden;
}

/* Lueur radiale neutralisée avec le fond sombre qu'elle accompagnait — plus
   nécessaire sur un fond clair uni. */
.page-id-880 section.nwc-reveal:first-of-type::before,
.page-id-1573 section.nwc-reveal:first-of-type::before,
.page-id-557 section.nwc-reveal:first-of-type::before,
.page-id-1858 section.nwc-reveal:first-of-type::before {
	content: none;
}

.page-id-880 section.nwc-reveal:first-of-type .nwc-container,
.page-id-1573 section.nwc-reveal:first-of-type .nwc-container,
.page-id-557 section.nwc-reveal:first-of-type .nwc-container,
.page-id-1858 section.nwc-reveal:first-of-type .nwc-container {
	position: relative;
	z-index: 1;
}

/* Texte du hero (balisage éditeur, couleurs inline color:var(--nwc-cream) /
   color:var(--nwc-mist) pensées pour l'ancien fond sombre, cf. section
   elle-même : style inline background-color:var(--nwc-ink); color:var(--nwc-cream))
   repassé en encre pour rester lisible sur le nouveau fond clair. !important
   nécessaire pour battre le style inline — même méthode que .nwc-hero--events
   dans events-dons.css. */
.page-id-880 section.nwc-reveal:first-of-type,
.page-id-1573 section.nwc-reveal:first-of-type,
.page-id-557 section.nwc-reveal:first-of-type,
.page-id-1858 section.nwc-reveal:first-of-type,
.page-id-880 section.nwc-reveal:first-of-type h1,
.page-id-1573 section.nwc-reveal:first-of-type h1,
.page-id-557 section.nwc-reveal:first-of-type h1,
.page-id-1858 section.nwc-reveal:first-of-type h1 {
	color: var(--nwc-ink) !important;
}

.page-id-880 section.nwc-reveal:first-of-type .nwc-lead,
.page-id-1573 section.nwc-reveal:first-of-type .nwc-lead,
.page-id-557 section.nwc-reveal:first-of-type .nwc-lead,
.page-id-1858 section.nwc-reveal:first-of-type .nwc-lead {
	color: var(--nwc-ink-soft) !important;
}

/* --nwc-gold manque de contraste sur fond clair (ratio pensé pour l'ancien
   fond sombre) — gold-deep le remplace, même choix que .nwc-events-darkzone
   a:not(.nwc-button) dans events-dons.css. */
.page-id-880 section.nwc-reveal:first-of-type .nwc-eyebrow,
.page-id-1573 section.nwc-reveal:first-of-type .nwc-eyebrow,
.page-id-557 section.nwc-reveal:first-of-type .nwc-eyebrow,
.page-id-1858 section.nwc-reveal:first-of-type .nwc-eyebrow {
	color: var(--nwc-gold-deep) !important;
}

/*
 * La rangée "Service communautaire" (2e article de la liste "Notre vision et
 * nos valeurs") inversait l'ordre du DOM (description puis titre, titre
 * aligné à droite) par rapport aux deux autres rangées — un zigzag qui ne
 * sert aucune lecture, juste une incohérence de grille. On réaligne les 3
 * rangées sur le même repère : titre à gauche, description à droite.
 *
 * Pourquoi !important ici (vérifié [CHEF-ARCHITECTURE] le 9/10/2026, post
 * 880 post_content) : ce bloc particulier a ses propres styles INLINE posés
 * dans le contenu WordPress (pas une classe) — `flex-wrap:wrap-reverse` et
 * `padding-inline-start:var(--nwc-space-6)` sur l'article, `text-align:right`
 * sur le h3 — qui gagnent toujours sur une règle externe, quelle que soit sa
 * spécificité, sauf !important. Les 2 autres rangées voisines n'ont pas ces
 * styles inline (confirmé par lecture du post_content), donc rien d'autre
 * n'est affecté par ce sélecteur ciblé au 2e article.
 */
.page-id-880 section.nwc-reveal:nth-of-type(3) article.nwc-reveal:nth-child(2) {
	flex-wrap: wrap !important;
	padding-inline-start: 0 !important;
}

.page-id-880 section.nwc-reveal:nth-of-type(3) article.nwc-reveal:nth-child(2) p {
	order: 2 !important;
	text-align: right !important;
}

.page-id-880 section.nwc-reveal:nth-of-type(3) article.nwc-reveal:nth-child(2) h3 {
	order: 1 !important;
	text-align: left !important;
}