/**
 * Contexte de surface claire « feuille » — .artefact-sheet
 *
 * Rôle : CONTEXTE VISUEL CLAIR uniquement (surface, couleurs, typographie,
 * lisibilité). La MISE EN PAGE — largeur, marges, padding, centrage,
 * positionnement — est pilotée dans Elementor : la classe n'impose donc ni
 * max-width, ni margin, ni padding.
 *
 * Dès qu'un conteneur porte .artefact-sheet, son contenu éditorial (texte,
 * titres, liens, listes, citations, légendes, labels, champs) adopte les
 * couleurs de surface claire et la hiérarchie typographique du Design System.
 *
 * Spécificité (cf. post-6.css) : le Theme Style cible « .elementor-kit-N el »
 * = (0,1,1). Les règles ci-dessous égalent cette spécificité et cette feuille
 * est chargée APRÈS le CSS du kit (kit idx 16, child theme idx 29) : elle
 * l'emporte sur le DÉFAUT global, mais reste sous tout réglage par widget
 * (>= 0,2,0) et sous l'inline. Zéro !important. Les titres bruts (Post Content)
 * reçoivent ainsi la même hiérarchie que les widgets Elementor, sans toucher à
 * ces derniers.
 *
 * Couleurs et police = jetons --artefact-site-* (édités depuis Elementor via
 * l'adaptateur). Chargée sur le front (donc dans l'aperçu Elementor).
 */

.artefact-sheet {
	background-color: var(--artefact-site-bg, #fff);
	/* Base héritée : gagne par proximité d'héritage sur le texte courant, les
	   listes, les widgets Texte, etc. — sans conflit de spécificité. */
	color: var(--artefact-site-text, #1f2328);
	border-radius: 16px;
	box-shadow: 0 4px 40px rgba(0, 0, 0, 0.28);
}

/* --------------------------------------------------------------------------
 * Titres — hiérarchie du Design System
 *
 * Les Global Fonts d'Elementor ne s'appliquent qu'aux widgets ; le contenu
 * brut (Post Content, blocs) retombe sinon sur la base du thème (police
 * système, graisse 500). On réplique donc ici les presets du kit pour que les
 * titres bruts aient la même hiérarchie visuelle que les widgets. Family =
 * jeton DS (Manrope). Ces règles ne touchent pas les widgets Elementor, dont
 * la typo est portée par des sélecteurs plus spécifiques (>= 0,2,0).
 * ----------------------------------------------------------------------- */

.artefact-sheet h1,
.artefact-sheet h2,
.artefact-sheet h3,
.artefact-sheet h4,
.artefact-sheet h5,
.artefact-sheet h6 {
	font-family: var(--artefact-site-font, inherit);
	color: var(--artefact-site-text, #1f2328);
}

.artefact-sheet h1 {
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.artefact-sheet h2 {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.015em;
}

.artefact-sheet h3 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.artefact-sheet h4 {
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.35;
}

.artefact-sheet h5 {
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
}

/* H6 : style « eyebrow » du Design System. */
.artefact-sheet h6 {
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--artefact-site-muted, #50575e);
}

/* --------------------------------------------------------------------------
 * Liens, listes, citations, légendes, champs
 * ----------------------------------------------------------------------- */

/* Liens : bleu fort sur clair (contraste 5.7:1), survol bleu + soulignement. */
.artefact-sheet a {
	color: var(--artefact-site-blue-strong, #0b6ba6);
}

.artefact-sheet a:hover {
	color: var(--artefact-site-blue, #0f84cc);
	text-decoration: underline;
}

/* Puces de liste en accent. */
.artefact-sheet li::marker {
	color: var(--artefact-site-blue, #0f84cc);
}

/* Citations : filet gauche accent + retrait, texte atténué. */
.artefact-sheet blockquote {
	color: var(--artefact-site-muted, #50575e);
	border-inline-start: 3px solid var(--artefact-site-blue, #0f84cc);
	padding-inline-start: 1.25rem;
}

/* Légendes et labels atténués. */
.artefact-sheet figcaption,
.artefact-sheet label {
	color: var(--artefact-site-muted, #50575e);
}

/* Champs : le kit les met déjà en fond blanc ; on aligne bordure/rayon et on
   ajoute le halo de focus (non défini par le kit). Même spécificité que la
   règle champs du kit → départage par l'ordre de chargement (feuille après). */
.artefact-sheet input:not([type="button"]):not([type="submit"]),
.artefact-sheet textarea,
.artefact-sheet .elementor-field-textual {
	border: 1px solid #d0d5dd;
	border-radius: var(--artefact-site-radius, 8px);
}

.artefact-sheet input:not([type="button"]):not([type="submit"]):focus,
.artefact-sheet textarea:focus,
.artefact-sheet .elementor-field-textual:focus {
	border-color: var(--artefact-site-blue, #0f84cc);
	box-shadow: 0 0 0 3px rgba(15, 132, 204, 0.15);
	outline: none;
}