/* ==========================================================================
   Socle minimal du gabarit Service v2 sur le site actuel (thème gcrh-h5).
   Extrait de gcrh-h5-enfant/assets/global.css et responsive.css : seulement
   ce dont service.css a besoin, limité à .gcrh4 pour ne pas toucher au reste
   de la page (en-tête et pied de page du site actuel).
   ========================================================================== */

:root {
	--g3-violet: #6746f2;
	--g-nuit: #221937;
	--g-violet: #6746f2;
	--g-bleu: #4f86d0;
	--g-vert: #3fbf95;
	--g-vert-vif: #5ced7b;
	--g-degrade: linear-gradient(115deg, var(--g-nuit) 0%, #3d2a8c 24%, var(--g-violet) 48%, var(--g-bleu) 74%, var(--g-vert) 100%);
	--g-degrade-voile: linear-gradient(100deg, rgba(34, 25, 55, 0.96) 0%, rgba(61, 42, 140, 0.9) 26%, rgba(103, 70, 242, 0.62) 52%, rgba(79, 134, 208, 0.34) 76%, rgba(63, 191, 149, 0.2) 100%);
	--g-degrade-filet: linear-gradient(90deg, var(--g-vert-vif) 0%, var(--g-violet) 55%, var(--g-nuit) 100%);
}

.gcrh4 .gcrh3-conteneur { max-width: 1180px; margin-inline: auto; padding-inline: 24px; box-sizing: border-box; }
.gcrh4 *, .gcrh4 *::before, .gcrh4 *::after { box-sizing: border-box; }
@media (max-width: 360px) {
	.gcrh4 .gcrh3-conteneur { padding-inline: 16px; }
}

/* Mots longs et enfants de grille : pas de débordement horizontal. */
.gcrh4 p, .gcrh4 li, .gcrh4 h1, .gcrh4 h2, .gcrh4 h3 { overflow-wrap: break-word; }
.gcrh4-hero__grille > *, .gcrh4-corps > *, .gcrh4-volets__grille > *,
.gcrh4-pourquoi__grille > *, .gcrh4-situations li { min-width: 0; }
.gcrh4 img, .gcrh4 svg { max-width: 100%; }

/* Bloc de conversion final et filet sous les sous-titres. */
.gcrh4-cta {
	background: var(--g-degrade);
	color: #fff;
}
.gcrh4-cta h2 { color: #fff; }
.gcrh4-section-sous::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin: 14px auto 0;
	border-radius: 2px;
	background: var(--g-degrade-filet);
}
.gcrh4 .gcrh2-btn--plein:hover { background: var(--g-degrade); background-size: 180% 100%; }

@media (pointer: coarse) {
	.gcrh4 .gcrh2-btn { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Le thème actuel retire la marge des paragraphes : on la rétablit dans l'intro. */
.gcrh4-intro p + p { margin-top: 14px; }