/*
 * Pages secondaires — mise à niveau direction artistique (mission nuit du 9/10/2026,
 * CHEF-PAGES-SECONDAIRES). Objectif : ramener Confession de foi, Nous contacter et
 * Mentions légales au même niveau liquid glass que l'accueil/Actualité/Vidéos déjà
 * validés, en RÉUTILISANT les composants déjà posés cette nuit (jamais un nouveau
 * système). Chargé globalement (comme premiere-visite.css), toutes les règles sont
 * scopées par body class page-id-* pour n'affecter que ces pages précises.
 */

/* ===================================================================
 * 1. Confession de foi (page 1573) — liste plate à bordure du haut
 * remplacée par les mêmes cartes en verre dépoli que la section
 * "Confession de foi" de l'accueil (.nwc-faith-card, home-story.css),
 * dupliquées ici car home-story.css ne charge que sur is_front_page().
 * ------------------------------------------------------------------- */
.page-id-1573 .nwc-faith-list--full {
	list-style: none !important;
	margin: var(--nwc-space-7) 0 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	gap: var(--nwc-space-4);
}

.page-id-1573 .nwc-faith-card--full {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var(--nwc-space-6);
	padding: var(--nwc-space-6) var(--nwc-space-7) !important;
	border: 1px solid oklch(23% 0.05 265 / 0.08);
	border-radius: var(--nwc-radius-lg);
	background: oklch(99% 0.004 90 / 0.65);
	backdrop-filter: blur(14px) saturate(140%);
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	box-shadow: var(--nwc-shadow-md);
	transition: transform var(--nwc-duration-base) var(--nwc-ease),
		box-shadow var(--nwc-duration-base) var(--nwc-ease);
}

/* Léger décalage alterné (même geste que la version courte de l'accueil),
   généralisé sur un cycle de 3 pour 9 cartes plutôt que seulement 2/3. */
.page-id-1573 .nwc-faith-card--full:nth-child(3n+2) {
	margin-inline-start: var(--nwc-space-6);
}

.page-id-1573 .nwc-faith-card--full:nth-child(3n) {
	margin-inline-start: var(--nwc-space-4);
}

@media (hover: hover) {
	.page-id-1573 .nwc-faith-card--full:hover {
		transform: translateY(-3px);
		box-shadow: var(--nwc-shadow-lg);
	}
}

.page-id-1573 .nwc-faith-card--full__num {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: linear-gradient(155deg, var(--nwc-gold) 0%, var(--nwc-gold-deep) 100%);
	color: var(--nwc-ink);
	font-family: var(--nwc-font-mono);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.page-id-1573 .nwc-faith-card--full__text h2 {
	font-family: var(--nwc-font-accent);
	font-weight: 400;
	font-size: var(--nwc-text-h3);
	margin: 0 0 var(--nwc-space-2);
	color: var(--nwc-ink);
}

.page-id-1573 .nwc-faith-card--full__text p {
	margin: 0;
	max-width: 64ch;
	color: var(--nwc-ink-soft);
	line-height: var(--nwc-leading-body);
}

/* Fond de section : même texture respirante que .nwc-home-confession, pour ne
   pas retomber sur un simple fond uni après le hero sombre. */
.page-id-1573 .entry-content {
	position: relative;
	isolation: isolate;
}

.page-id-1573 .entry-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(42% 50% at 92% 0%, oklch(74% 0.135 75 / 0.12), transparent 70%),
		radial-gradient(38% 45% at 4% 60%, oklch(42% 0.15 27 / 0.06), transparent 72%);
}

@media (max-width: 36rem) {
	.page-id-1573 .nwc-faith-card--full:nth-child(3n+2),
	.page-id-1573 .nwc-faith-card--full:nth-child(3n) {
		margin-inline-start: 0;
	}

	.page-id-1573 .nwc-faith-card--full {
		flex-direction: column;
		gap: var(--nwc-space-3);
		padding: var(--nwc-space-5) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-id-1573 .nwc-faith-card--full:hover {
		transform: none;
	}
}

/* ===================================================================
 * 2. Nous contacter (page 557) — la carte "Écrivez-nous" était un bloc
 * plat (fond paper, bordure mist unie) à côté d'un bloc "Où nous trouver"
 * sans traitement : on applique le même verre dépoli que les cartes
 * .nwc-event-card/.nwc-faith-card (cohérence), + lueur de fond douce dans
 * la zone claire pour casser l'aplat crème uni.
 * ------------------------------------------------------------------- */
.page-id-557 .entry-content {
	position: relative;
	isolation: isolate;
}

.page-id-557 .entry-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(38% 55% at 96% 10%, oklch(74% 0.135 75 / 0.12), transparent 70%),
		radial-gradient(34% 45% at 0% 90%, oklch(42% 0.15 27 / 0.06), transparent 72%);
}

.page-id-557 .entry-content form,
.page-id-557 .entry-content .wp-block-kadence-column:has(form) {
	background: oklch(99% 0.004 90 / 0.7) !important;
	backdrop-filter: blur(16px) saturate(150%);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	border-radius: var(--nwc-radius-lg) !important;
	box-shadow: var(--nwc-shadow-md);
	transition: box-shadow var(--nwc-duration-base) var(--nwc-ease);
}

/* ===================================================================
 * 3. Mentions légales (page 1858) — liste de sections à trait vertical
 * nu : on pose chaque bloc sur une légère carte verre pour sortir de
 * l'aplat, sans alourdir une page volontairement sobre (texte juridique).
 * ------------------------------------------------------------------- */
.page-id-1858 .entry-content {
	position: relative;
	isolation: isolate;
}

.page-id-1858 .entry-content::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(45% 40% at 94% 0%, oklch(74% 0.135 75 / 0.08), transparent 70%);
}

/* ===================================================================
 * 4. Location de salle (page 1879, nwc_eevn_rentals ou équivalent) —
 * page bâtie avec les blocs Kadence natifs d'avant refonte (cartes
 * icône+titre+texte identiques, pas de dégradé, bandeau photo plat).
 * Signalé par CHEF-FIDÉLITÉ comme en dessous du niveau des pages de
 * référence. Reskin CSS ciblé sur les classes générées par Kadence
 * (stables car issues d'un uniqueID de bloc, jamais retouchées côté
 * contenu/structure) : jamais une réécriture du balisage, seulement
 * la robe liquid glass déjà posée ailleurs cette nuit.
 * ------------------------------------------------------------------- */

/* 4a. Bandeau photo d'en-tête : remplace l'aplat clair/plat par un
   dégradé encre en haut+bas (lisibilité du titre blanc garantie même
   sur une zone claire de la photo), même geste que les autres heros. */
.page-id-1879 .kadence-column1879_c6f9d8-62 {
	position: relative;
	isolation: isolate;
}

.page-id-1879 .kadence-column1879_c6f9d8-62::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(180deg,
		oklch(23% 0.05 265 / 0.78) 0%,
		oklch(23% 0.05 265 / 0.3) 42%,
		oklch(23% 0.05 265 / 0.82) 100%);
}

.page-id-1879 .kadence-column1879_c6f9d8-62 .kb-row-layout-wrap,
.page-id-1879 .kadence-column1879_c6f9d8-62 h2 {
	position: relative;
	z-index: 1;
}

.page-id-1879 .kt-adv-heading1879_90b815-b9 {
	font-family: var(--nwc-font-display) !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
}

@media (max-width: 36rem) {
	.page-id-1879 .kadence-column1879_c6f9d8-62 {
		min-height: 14rem;
	}
}

/* 4b. Rangée "Emplacement pratique / Espace spacieux / Facilité de
   stationnement" : 3 cartes plates identiques → cartes verre dépoli
   avec médaillon d'icône doré (même langage que .nwc-faith-card /
   .nwc-ministry-card), légèrement remontées sur la photo pour créer
   de la profondeur plutôt qu'un simple bandeau sous l'image. */
.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe {
	position: relative;
	z-index: 2;
	margin-top: calc(var(--nwc-space-7) * -1) !important;
}

.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe .kt-row-column-wrap {
	gap: var(--nwc-space-5) !important;
}

.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe .wp-block-kadence-column {
	background: oklch(99% 0.004 90 / 0.88) !important;
	backdrop-filter: blur(16px) saturate(150%);
	-webkit-backdrop-filter: blur(16px) saturate(150%);
	border: 1px solid oklch(23% 0.05 265 / 0.08);
	border-radius: var(--nwc-radius-lg) !important;
	box-shadow: var(--nwc-shadow-lg);
	transition: transform var(--nwc-duration-base) var(--nwc-ease),
		box-shadow var(--nwc-duration-base) var(--nwc-ease);
}

@media (hover: hover) {
	.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe .wp-block-kadence-column:hover {
		transform: translateY(-4px);
		box-shadow: var(--nwc-shadow-lg), 0 0 0 1px oklch(74% 0.135 75 / 0.25);
	}
}

.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe svg {
	color: var(--nwc-gold-deep) !important;
}

.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe .kt-svg-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: linear-gradient(155deg, oklch(74% 0.135 75 / 0.18) 0%, oklch(58% 0.14 68 / 0.18) 100%);
}

@media (max-width: 36rem) {
	.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe {
		margin-top: var(--nwc-space-4) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-id-1879 .kb-row-layout-id1879_b2b4c1-fe .wp-block-kadence-column:hover {
		transform: none;
	}
}

/* 4c. Accordion FAQ : lignes plates génériques (bordures grises par
   défaut Kadence) → typographie et couleurs du système de jetons,
   pas de nouveau composant inventé, juste les bonnes variables. */
.page-id-1879 .wp-block-kadence-accordion {
	max-width: 54rem;
	margin-inline: auto;
}

.page-id-1879 .wp-block-kadence-accordion .kt-blocks-accordion-header {
	font-family: var(--nwc-font-body) !important;
	color: var(--nwc-ink) !important;
	border-color: oklch(23% 0.05 265 / 0.14) !important;
	transition: color var(--nwc-duration-fast) var(--nwc-ease);
}

.page-id-1879 .wp-block-kadence-accordion .kt-blocks-accordion-header:hover {
	color: var(--nwc-gold-deep) !important;
}

.page-id-1879 .wp-block-kadence-accordion .kt-accordion-panel-inner {
	color: var(--nwc-ink-soft) !important;
	line-height: var(--nwc-leading-body);
}

/* 4d. Écarts relevés par CHEF-DESIGN (rendu réel comparé aux références) :
   carte Google Maps sans habillage, vidéo avec contrôles natifs du
   navigateur au lieu du composant vignette+play du site, intro en texte
   brut sans structure eyebrow+carte. Les 3 corrigés ici, jamais de
   conflit avec un autre chef (seul propriétaire CSS de cette page). */

/* Intro ("Bienvenue à notre espace...") : eyebrow + carte verre dépoli
   centrée, au lieu d'une ligne de texte flottant seule sur fond uni. */
.page-id-1879 .nwc-loc-intro {
	max-width: 46rem;
	margin: 0 auto;
	padding: var(--nwc-space-6) var(--nwc-space-7);
	text-align: center;
	background: oklch(99% 0.004 90 / 0.7);
	backdrop-filter: blur(14px) saturate(140%);
	-webkit-backdrop-filter: blur(14px) saturate(140%);
	border: 1px solid oklch(23% 0.05 265 / 0.08);
	border-radius: var(--nwc-radius-lg);
	box-shadow: var(--nwc-shadow-md);
}

.page-id-1879 .nwc-loc-intro .nwc-eyebrow {
	color: var(--nwc-gold-deep);
	justify-content: center;
	display: flex;
}

.page-id-1879 .nwc-loc-intro__text {
	margin: 0 !important;
	font-family: var(--nwc-font-body);
	color: var(--nwc-ink-soft);
	line-height: var(--nwc-leading-body);
}

@media (max-width: 36rem) {
	.page-id-1879 .nwc-loc-intro {
		padding: var(--nwc-space-5);
	}
}

/* Vignette vidéo : même grammaire que .wg-play-icon/.wg-facade-btn du
   composant watchgrid (bouton rond translucide, triangle en bordure,
   survol doré) — jamais les contrôles natifs du navigateur avant lecture. */
.page-id-1879 .nwc-video-facade {
	/* Débordement horizontal trouvé en audit mobile [CHEF-MOBILE] 9/10/2026
	   (390 ET 768px) : ce bloc vidéo porte la classe WordPress "alignfull".
	   Le cœur de WordPress lui donne `width:100vw` pour qu'il déborde du
	   conteneur de contenu, pendant que le thème Kadence remet `margin-left:0`
	   (son propre `.alignfull{margin-left:0}`, même spécificité, chargé après)
	   SANS le `margin-left:calc(50% - 50vw)` qui va normalement avec le
	   100vw pour le recentrer — résultat : la figure garde la largeur du
	   viewport entier (100vw) mais démarre à la position normale du flux
	   (le padding du conteneur), donc déborde de ce même padding à droite
	   (24px mesurés à 390px, 56px à 768px). Corrigé ici en ignorant 100vw :
	   cette vidéo n'est de toute façon jamais censée déborder du conteneur
	   (bordures arrondies + ombre, pas un vrai plein-bord), donc 100% de son
	   propre conteneur est la bonne valeur, pas 100vw. */
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	position: relative;
	overflow: hidden;
	border-radius: var(--nwc-radius-lg);
	box-shadow: var(--nwc-shadow-lg);
	margin: 0;
	cursor: pointer;
}

.page-id-1879 .nwc-video-facade video {
	display: block;
	width: 100%;
	height: auto;
}

.page-id-1879 .nwc-video-facade::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, oklch(23% 0.05 265 / 0.25) 0%, transparent 30%, oklch(23% 0.05 265 / 0.15) 100%);
	opacity: 1;
	transition: opacity var(--nwc-duration-base) var(--nwc-ease);
}

.page-id-1879 .nwc-video-facade.is-playing::before {
	opacity: 0;
}

.page-id-1879 .nwc-video-play {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
}

.page-id-1879 .nwc-video-play__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: oklch(100% 0 0 / 0.14);
	border: 1px solid oklch(100% 0 0 / 0.45);
	backdrop-filter: blur(14px) saturate(160%);
	-webkit-backdrop-filter: blur(14px) saturate(160%);
	transition: background var(--nwc-duration-fast) var(--nwc-ease),
		border-color var(--nwc-duration-fast) var(--nwc-ease),
		transform var(--nwc-duration-fast) var(--nwc-ease);
}

.page-id-1879 .nwc-video-play__icon::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin-left: 6px;
	border-style: solid;
	border-width: 13px 0 13px 21px;
	border-color: transparent transparent transparent oklch(100% 0 0 / 0.95);
}

.page-id-1879 .nwc-video-play:hover .nwc-video-play__icon,
.page-id-1879 .nwc-video-play:focus-visible .nwc-video-play__icon {
	background: oklch(74% 0.135 75 / 0.32);
	border-color: oklch(74% 0.135 75 / 0.65);
	transform: scale(1.06);
}

.page-id-1879 .nwc-video-facade.is-playing .nwc-video-play {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.page-id-1879 .nwc-video-play:hover .nwc-video-play__icon {
		transform: none;
	}
}

/* Carte Google Maps : coins arrondis + ombre, cohérent avec les autres
   cartes de la page (sans cette règle, l'iframe Google s'affiche en
   rectangle brut aux angles vifs). */
.page-id-1879 .wp-block-kadence-googlemaps {
	border-radius: var(--nwc-radius-lg);
	overflow: hidden;
	box-shadow: var(--nwc-shadow-md);
	border: 1px solid oklch(23% 0.05 265 / 0.08);
}

/* Signalé par CHEF-QUALITE : la rangée qui porte la carte est en
   `align:full` avec un padding horizontal de 0 (choix du bloc Kadence
   d'origine, pensé pour un vrai plein-bord) — les coins arrondis/l'ombre
   ci-dessus étaient donc posés mais invisibles, la carte touchant les 2
   bords de l'écran à 1440 ET 390px. Ajout d'une marge horizontale sur la
   colonne qui contient le bloc carte, même largeur/marge que les autres
   cartes de la page (`.nwc-container`, base.css) plutôt qu'un plein-bord. */
.page-id-1879 .kadence-column1879_c4a493-20 {
	max-width: var(--nwc-content-width);
	margin-inline: auto !important;
	padding-inline: var(--nwc-space-5) !important;
}

@media (min-width: 48rem) {
	.page-id-1879 .kadence-column1879_c4a493-20 {
		padding-inline: var(--nwc-space-7) !important;
	}
}