/* ============================================================
   LA BOUSSOLE — SHARED INTERIOR PAGES (PAGES · P1 / P2)
   templates/page-a-propos.php + templates/page-programme.php.
   Chargé uniquement sur les deux gabarits (enqueue conditionnel).
   Réutilise le système homepage (statistiques, grilles, hero CTA),
   home-premium.css et color-pass.css ; ici uniquement : héros de page,
   grille stats 5 colonnes et variante FACONNER (fond blanc).
   ============================================================ */

/* ------------------------------------------------------------
   1 · HERO DE PAGE — « bannière » navy → royal (même traitement
   que .lbs-sponsors-hero) : flex centré, h1 display Playfair,
   eyebrow bleu, sous-titre + date/lieu blancs atténués.
   ------------------------------------------------------------ */
.lbs-pages-hero {
	min-height: 60vh;
	display: flex; align-items: center;
	background: linear-gradient(135deg, var(--lbs-primary) 0%, var(--lbs-primary-royal) 100%);
	color: var(--lbs-white);
	padding: var(--lbs-space-4xl) 0;
}
.lbs-pages-hero .lbs-eyebrow {
	display: inline-block; font-size: var(--lbs-fs-caption);
	font-weight: var(--lbs-fw-semibold); text-transform: uppercase;
	letter-spacing: var(--lbs-ls-wider);
	color: var(--lbs-blue-accent); margin-bottom: var(--lbs-space-md);
}
.lbs-pages-hero h1 {
	font-family: var(--lbs-font-heading); font-size: var(--lbs-fs-display);
	font-weight: var(--lbs-fw-bold); color: var(--lbs-white);
	line-height: var(--lbs-lh-tight); margin-bottom: var(--lbs-space-lg);
}
.lbs-pages-hero-subtitle {
	font-size: var(--lbs-fs-body-lg); color: rgba(255,255,255,0.7);
	max-width: 640px; line-height: var(--lbs-lh-relaxed);
}
.lbs-pages-hero-location {
	margin-top: var(--lbs-space-lg);
	font-size: 0.8125rem; font-weight: var(--lbs-fw-semibold);
	color: rgba(255,255,255,0.66); letter-spacing: 0.18em; text-transform: uppercase;
}

/* ------------------------------------------------------------
   2 · STATS — variante 5 colonnes (page À propos, chiffres STATIQUES,
    pas de compteur) ; affichage 5 / 3 / 2 selon les breakpoints.
   ------------------------------------------------------------ */
.lbs-stats-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.lbs-stats-grid--5 .lbs-stat-card { min-width: 0; }
.lbs-section-dark .lbs-stats-grid--5 .lbs-stat-number {
	font-size: clamp(2rem, 3.2vw, 3.5rem);
	white-space: nowrap;
}
.lbs-stats-grid--5 .lbs-stat-label {
	display: -webkit-box;
	width: 100%;
	max-width: none;
	min-height: 2.8em;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: clamp(0.5625rem, 1.25vw, 0.75rem);
	letter-spacing: 0.1em;
	line-height: 1.4;
}

@media (max-width: 1199px) {
	.lbs-stats-grid--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.lbs-stats-grid--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 1rem;
		row-gap: 1.5rem;
	}
	.lbs-stats-grid--5 .lbs-stat-card:last-child {
		grid-column: 1 / -1;
		width: calc((100% - 1rem) / 2);
		justify-self: center;
	}
}

.lbs-stat-number,
.lbs-panel-number {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

/* ------------------------------------------------------------
   3 · VARIANTE « FAÇONNER » — la section about de la page À propos
   reste dans le rythme navy → tint → BLANC → navy → blanc → navy :
   le modificateur force un fond blanc (léger relief via le shadow
   du cadre image conservé), sans toucher au système global.
   ------------------------------------------------------------ */
.lbs-section-gray.lbs-pages-about { background: var(--lbs-white); }

/* ------------------------------------------------------------
   4 · RESPONSIVE — hero compact en mobile
   ------------------------------------------------------------ */
@media (max-width: 768px) {
	.lbs-pages-hero { min-height: auto; padding: var(--lbs-space-2xl) 0; }
}

@media (max-width: 480px) {
	.lbs-founder-grid,
	.lbs-about-grid,
	.lbs-panels-grid,
	.lbs-intervenants-grid,
	.lbs-partner-wall {
		grid-template-columns: minmax(0, 1fr);
	}

	.lbs-founder-grid > *,
	.lbs-about-grid > *,
	.lbs-panels-grid > *,
	.lbs-intervenants-grid > *,
	.lbs-stats-grid--5 > *,
	.lbs-partner-wall > *,
	.lbs-panel-card,
	.lbs-intervenant-card,
	.lbs-partner-tile,
	.lbs-stat-card {
		min-width: 0;
		max-width: 100%;
	}

	.lbs-founder-grid > *,
	.lbs-about-grid > *,
	.lbs-panels-grid > *,
	.lbs-intervenants-grid > *,
	.lbs-stats-grid--5 > *,
	.lbs-partner-wall > * {
		width: 100%;
	}
}