/* ============================================================
   MSI – LFI : personnalisation charte graphique La France insoumise
   Couleurs 2027 (web) : violet #7b13d6, rouge #f91616,
   bleu #3885f4, rose #ed5fb1, jaune #f9c900, vert #2e9959,
   crème #FFFCF4, charbon #212320
   Polices : Public Sans (titres), Gowun Batang (corps)
   ============================================================ */

/* --- Polices de la charte (auto-hébergées) --- */
@font-face {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/PublicSans-Variable.woff2') format('woff2-variations');
}

@font-face {
	font-family: 'Gowun Batang';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/GowunBatang-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Gowun Batang';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/GowunBatang-700.woff2') format('woff2');
}

/* --- Palette sur les variables du thème parent --- */
body {
	--wp--preset--color--lfi-violet: #7b13d6;
	--wp--preset--color--lfi-rouge: #f91616;
	--wp--preset--color--lfi-bleu: #3885f4;
	--wp--preset--color--lfi-rose: #ed5fb1;
	--wp--preset--color--lfi-jaune: #f9c900;
	--wp--preset--color--lfi-vert: #2e9959;
	--wp--preset--color--lfi-creme: #fffcf4;
	--wp--preset--color--lfi-charbon: #212320;
}

/* Fond crème + charbon pour le texte (thème par défaut de TTF : fond clair) */
body {
	background-color: var(--wp--preset--color--lfi-creme, #fffcf4);
	color: var(--wp--preset--color--lfi-charbon, #212320);
}

/* --- Titres : Public Sans Black --- */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title,
.wp-block-heading,
.wp-block-navigation a {
	font-family: 'Public Sans', sans-serif;
	font-weight: 800;
	letter-spacing: -0.01em;
}

/* --- Corps de texte : Gowun Batang --- */
body,
p,
.wp-block-post-content,
.wp-block-post-excerpt,
.wp-block-quote p,
.widget-area {
	font-family: 'Gowun Batang', serif;
}

/* Titres sur fond violet : texte crème */
h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title a {
	color: var(--wp--preset--color--lfi-violet, #7b13d6);
}

/* --- Boutons : violet, arrondi nul, hover rouge --- */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"] {
	background-color: var(--wp--preset--color--lfi-violet, #7b13d6) !important;
	color: #ffffff !important;
	border-radius: 2px;
	font-family: 'Public Sans', sans-serif;
	font-weight: 700;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover {
	background-color: var(--wp--preset--color--lfi-rouge, #f91616) !important;
	color: #ffffff !important;
}

/* --- Liens : violet, soulignés au survol --- */
a {
	color: var(--wp--preset--color--lfi-violet, #7b13d6);
	text-decoration-color: rgba(123, 19, 214, 0.4);
	text-underline-offset: 2px;
}

a:hover,
a:focus {
	color: var(--wp--preset--color--lfi-rouge, #f91616);
	text-decoration-color: currentColor;
}

/* --- Navigation : Public Sans, séparateurs --- */
.wp-block-navigation {
	font-family: 'Public Sans', sans-serif;
	font-weight: 600;
}

.wp-block-navigation a:hover {
	color: var(--wp--preset--color--lfi-rouge, #f91616);
}

/* --- Citations : liseré jaune LFI --- */
.wp-block-quote {
	border-left: 4px solid var(--wp--preset--color--lfi-jaune, #f9c900);
	background-color: rgba(249, 201, 0, 0.08);
	font-style: normal;
}

.wp-block-quote cite {
	font-family: 'Public Sans', sans-serif;
	font-weight: 600;
	color: var(--wp--preset--color--lfi-charbon, #212320);
}

/* --- Images & légendes --- */
.wp-block-image figcaption {
	font-family: 'Public Sans', sans-serif;
	font-size: 0.85em;
	color: var(--wp--preset--color--lfi-charbon, #212320);
}

/* --- Formulaires (commentaires, recherche, inscription) --- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea {
	border: 2px solid var(--wp--preset--color--lfi-charbon, #212320);
	border-radius: 2px;
	background-color: #ffffff;
	font-family: 'Gowun Batang', serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: var(--wp--preset--color--lfi-violet, #7b13d6);
	outline: 2px solid rgba(123, 19, 214, 0.3);
}

/* --- Pied de page : bandeau violet --- */
footer.wp-block-template-part,
.site-footer {
	border-top: 6px solid var(--wp--preset--color--lfi-violet, #7b13d6);
}

/* --- Séparation d'articles : filet crème sur charbon --- */
.wp-block-post-title a:hover {
	color: var(--wp--preset--color--lfi-rouge, #f91616);
}

/* --- Bandeau d'en-tête : filet dégradé LFI (violet -> rouge) --- */
header.wp-block-template-part {
	border-top: 6px solid var(--wp--preset--color--lfi-violet, #7b13d6);
	border-image: linear-gradient(90deg, #7b13d6, #f91616, #3885f4, #ed5fb1, #f9c900, #2e9959) 1;
}

/* --- Focus visible accessible --- */
a:focus-visible,
button:focus-visible,
.wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--lfi-bleu, #3885f4);
	outline-offset: 2px;
}

/* --- Impression sobre --- */
@media print {
	body {
		background: #fff;
		color: #000;
	}
}