/*
Theme Name: Petit Écran
Template: actu-commun
Description: Habillage de petitecran.fr (maquette validée le 28/10/2026) : violet nuit et corail, Unbounded et DM Sans.
Version: 0.1.0
Text Domain: petitecran
*/

:root {
	--encre: #1B1033;
	--accent: #FF4F7B;
	--doux: #F6F4F9;
	--doux-ligne: #E4DFEC;
	--ligne: #E6E2EC;
	--ligne-forte: #D9D3E3;
	--gris: #5E5670;
	--texte: #241A3A;
	--chapo: #3A3150;
	--survol: #5B2BD6;
	--pastille-fond: #F2EFF6;
	--police-titre: 'Unbounded', system-ui, sans-serif;
	--police-ui: 'DM Sans', system-ui, sans-serif;
	--police-lecture: 'DM Sans', system-ui, sans-serif;
	--titre-graisse: 700;
	--titre-echelle: 0.87;
	--titre-interligne: 1.12;
	--titre-espacement: -0.02em;
	--image-vide: #DCD6E8;
	--rayon-carte: 16px;
	--bandeau-texte: #1B1033;
}

.logo__nom { font-size: 18px; letter-spacing: 0; }
@media (min-width: 768px) { .logo__nom { font-size: 21px; } }
.pastilles-sous .pastille { background: transparent; border: 1px solid var(--ligne-forte); }
.pastilles-sous .pastille.est-active { border-color: var(--encre); }
.carte--liste .carte__titre, .carte--colonne .carte__titre { font-family: var(--police-ui); }
.article__texte h2 { font-size: 19px; line-height: 1.3; }
@media (min-width: 768px) { .article__texte h2 { font-size: 24px; line-height: 1.25; } }
.titre-section, .titre-encart { letter-spacing: -0.01em; }

/* « L'essentiel » : titre sur pastille corail */
.article__texte .essentiel > h2:first-child { background: var(--accent); padding: 3px 8px; border-radius: 6px; align-self: flex-start; }

/* Ce soir à la télé */
.ce-soir { background: #1B1033; color: #FFFFFF; border-radius: 22px; padding: 18px 16px; }
.ce-soir__tete { display: flex; align-items: baseline; gap: 6px 16px; flex-wrap: wrap; margin-bottom: 14px; }
.ce-soir__tete h2 { margin: 0; font-size: 18px; letter-spacing: -0.01em; font-weight: 700; }
.ce-soir__date { font-size: 14px; color: #C9C2DA; }
.ce-soir__liste { gap: 10px; margin-right: -16px; padding-right: 16px; padding-bottom: 4px; }
.ce-soir__carte { flex: 0 0 160px; background: #2C1F4A; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 6px; white-space: normal; }
.ce-soir__haut { display: flex; justify-content: space-between; gap: 8px; font-weight: 700; font-size: 14px; }
.ce-soir__heure { font-variant-numeric: tabular-nums; color: #FFC2D2; }
.ce-soir__titre { font-size: 15px; font-weight: 700; line-height: 1.3; }
.ce-soir__genre { font-size: 13px; color: #C9C2DA; }
@media (min-width: 768px) {
	.ce-soir { padding: 28px; }
	.ce-soir__tete { margin-bottom: 20px; }
	.ce-soir__tete h2 { font-size: 26px; }
	.ce-soir__liste { gap: 12px; margin-right: 0; padding-right: 0; }
	.ce-soir__carte { flex: 0 0 200px; border-radius: 14px; padding: 16px; gap: 8px; }
	.ce-soir__haut { font-size: 15px; }
	.ce-soir__titre { font-size: 17px; }
}