/*
Theme Name:   Club d'Affaires de Claye
Theme URI:    https://www.caclaye.fr
Description:  Thème enfant de Divi pour le Club d'Affaires de Claye (CAC). Porte la
              typographie de la charte 2025 (Sansation) et ses couleurs de référence —
              voir docs/CHARTE-GRAPHIQUE.md.
Author:       ETHERNITY
Template:     Divi
Version:      0.3.1
Text Domain:  caclaye
*/

/* =========================================================================
   CHARTE 2025 — couleurs relevées dans le logo vectoriel (LOGO CAC - 2025.svg).

   Ces variables servent au CSS propre au thème et à l'extension (annuaire…).
   Les couleurs que le club manipule dans l'éditeur vivent dans les RÉGLAGES
   de Divi (couleurs globales), posées par script : une couleur écrite ici
   gagnerait contre tout réglage fait dans l'administration, puisque cette
   feuille se charge après celle de Divi. Leçon tirée d'escalgrimpe.com.
   ========================================================================= */

:root {
	--cac-bleu-fonce: #255788;   /* « CAC », « Club d'Affaires de Claye », boucles */
	--cac-bleu-canard: #0080a6;  /* boucle basse, points */
	--cac-vert: #24b68f;         /* boucle haute */
	/* Dérivées pour la lisibilité (direction C) — voir docs/CHARTE-GRAPHIQUE.md */
	--cac-bleu-canard-texte: #00708f; /* canard assombri : texte sur blanc >= 4,5:1 */
	--cac-encre: #0f2a45;             /* titres, texte posé sur le vert */
	--cac-gris-texte: #44586c;
	--cac-police: "Sansation", "Segoe UI", Arial, sans-serif;
}

/* =========================================================================
   SANSATION — Bernd Montag, SIL Open Font License 1.1 (« Sansation » est un
   nom réservé : une version modifiée devrait être renommée).
   ========================================================================= */

@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-Light.ttf") format("truetype");
	font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-LightItalic.ttf") format("truetype");
	font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-Regular.ttf") format("truetype");
	font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-Italic.ttf") format("truetype");
	font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-Bold.ttf") format("truetype");
	font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
	font-family: "Sansation";
	src: url("fonts/Sansation-BoldItalic.ttf") format("truetype");
	font-weight: 700; font-style: italic; font-display: swap;
}

/* =========================================================================
   COMPOSITIONS DE L'ACCUEIL (direction C) — mobile d'abord.
   HTML simple posé dans des modules Texte de Divi par
   scripts/pages/construire-accueil.php : le club en modifie le texte, ces
   règles n'en portent que la mise en forme.
   ========================================================================= */

/* Bandeau de chiffres : trois colonnes dès le téléphone. */
.cac-chiffres {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	text-align: center;
}

.cac-chiffres strong {
	display: block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.cac-chiffres span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.3;
	color: #ffffff;
}

/* Points numérotés « 01, 02, 03 ». */
.cac-points,
.et_pb_text .cac-points {
	counter-reset: cac-point;
	list-style: none !important; /* Divi numérote les <ol> des modules Texte */
	margin: 20px 0 0;
	padding: 0 !important; /* Divi indente les listes des modules Texte */
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cac-points li {
	list-style: none !important;
	counter-increment: cac-point;
	position: relative;
	padding-left: 44px;
	color: var(--cac-gris-texte);
}

.cac-points li::before {
	content: counter(cac-point, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--cac-bleu-canard-texte);
}

.cac-points strong {
	display: block;
	font-size: 18px;
	color: var(--cac-encre);
}

/* Infos pratiques : libellés en petites capitales, valeurs en gras. */
.cac-infos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 16px 0 0;
}

.cac-infos dt {
	font-size: 12px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9fb7cf;
}

.cac-infos dd {
	margin: 2px 0 0;
	font-weight: 700;
	color: #ffffff;
}


@media (min-width: 768px) {
	.cac-chiffres strong {
		font-size: 44px;
	}

	.cac-chiffres span {
		font-size: 15px;
	}

	.cac-points li {
		padding-left: 56px;
	}

	.cac-points li::before {
		font-size: 30px;
	}

	.cac-points strong {
		font-size: 20px;
	}

	.cac-infos {
		grid-template-columns: 1fr;
	}
}