/* ============================================================
   CHARTE GRAPHIQUE — www.parti-reconquete.fr (2026)
   Chargé APRÈS theme.css : tokens, polices, typographie globale.
   ============================================================ */

:root {
	--rq-blue: #2060bc;
	--rq-blue-dark: #17498f;   /* dégradés, hovers */
	--rq-blue-soft: #eaf1fb;   /* fonds de section très clairs */
	--rq-red: #ef3030;
	--rq-red-dark: #cf1f1f;
	--rq-white: #ffffff;
	--rq-ink: #1a1f2e;         /* texte courant sur fond blanc */
}

/* ---------- Polices locales ---------- */

/* Titres : France22 */
@font-face {
	font-family: "France22";
	src: url("/assets-parti/font/France22-Bold.otf") format("opentype");
	font-weight: 400 900;
	font-style: normal;
	font-display: swap;
}

/* Corps & sous-titres : Proxima Nova Condensed */
@font-face {
	font-family: "proxima-condensed";
	src: url("/assets-parti/font/PMC-regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "proxima-condensed";
	src: url("/assets-parti/font/PMC-italic.otf") format("opentype");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "proxima-condensed";
	src: url("/assets-parti/font/PMC-bold.otf") format("opentype");
	font-weight: 600 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "proxima-condensed";
	src: url("/assets-parti/font/PMC-extra.otf") format("opentype");
	font-weight: 800 900;
	font-style: normal;
	font-display: swap;
}

/* ---------- Typographie globale ---------- */

body {
	background: var(--rq-white);
	color: var(--rq-ink);
	font-family: "proxima-condensed", "Arial Narrow", Arial, sans-serif;
}

/* Corps & sous-titres → Proxima Nova Condensed */
p, ul, ol, li, a, span, label, input, select, textarea, button,
.surtitle, .adh-eyebrow, .eyebrow, .btn-z, nav,
.adh-lead, .adh-tier-desc, .initiative-desc, .video-title {
	font-family: "proxima-condensed", "Arial Narrow", Arial, sans-serif;
}

/* Titres → France22 */
h1, h2, h3, h4, h5,
.title, .arrow,
.adh-page h2, .adh-tier-name, .adh-tier-price,
.home-impl-text h2, .initiative-title, .hm-pop .nm, .equipe-popup .dept-name {
	font-family: "France22", "Arial Narrow Bold", Arial, sans-serif;
	letter-spacing: 0.2px;
}

/* ---------- Détails de marque ---------- */
::selection { background: var(--rq-blue); color: #fff; }
::-moz-selection { background: var(--rq-blue); color: #fff; }

a { color: var(--rq-blue); }
a:hover { color: var(--rq-red); }

/* Focus accessible cohérent (formulaires) */
input:focus, select:focus, textarea:focus, .form-control:focus {
	border-color: var(--rq-blue) !important;
	box-shadow: 0 0 0 3px rgba(32, 96, 188, 0.15) !important;
	outline: none;
}

/* Léger lifting du bouton iconique .btn-z (forme conservée) */
.btn-z {
	transition: background .15s ease, color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.btn-z:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(32, 96, 188, 0.18);
}

/* ============================================================
   ABANDON DU BLEU CLAIR (héritage thème NationBuilder)
   theme.css reste le moteur de mise en page ; ces règles
   (chargées après) imposent l'identité « blanc dominant ».
   ============================================================ */

/* Barre d'en-tête : blanche (au lieu du bleu clair hérité) */
header > div:first-of-type {
	background: var(--rq-white) !important;
	border-bottom: 1px solid #eef1f6;
}
/* Menu mobile plein écran : fond blanc */
header #menu_mobile {
	background: var(--rq-white) !important;
}
/* Quand le menu est ouvert : la barre passe en bleu (logo + croix blancs lisibles) */
body.menu_open header > div:first-of-type {
	background: var(--rq-blue) !important;
	border-bottom: none;
}

/* Bouton « bleu » = bleu PLEIN (et non le bleu clair délavé) */
.btn-z.blue {
	background: var(--rq-blue) !important;
	color: #fff !important;
}
.btn-z.blue:not(.menu):after { background: #fff; }
.btn-z.blue:hover {
	background: var(--rq-blue-dark) !important;
	color: #fff !important;
}
.btn-z.blue:hover:after { background: #fff; }

/* Variante « menu » (boutons de la barre) : garder un rendu net */
.btn-z.menu.blue { background: var(--rq-blue) !important; color: #fff !important; }