/**
 * seo-tokens.css — Tokens + typo d'identité RESQ Supply (thème enfant Blocksy).
 * Fournit les variables --resq-* et les polices dont dépend seo-home.css.
 *
 * Direction « éditorial calme » (2026-07-28) : serif à caractère (Fraunces)
 * en titres casse normale + grotesque chaleureuse (Hanken Grotesk) en corps,
 * palette crème chaude, rouge en accent discret. Loin du look « template IA ».
 *
 * NOTE RGPD (avant go-live) : self-héberger Fraunces + Hanken Grotesk (retirer l'@import).
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
	--resq-red: #c02a2a;
	--resq-red-dark: #9c2020;
	--resq-ink: #1c1a17;
	--resq-ink-soft: #2a2723;
	--resq-line: #e7e2d9;
	--resq-mist: #f4f0e9;
	--resq-warm: #f7f3ec;
	--resq-paper: #ffffff;
	--resq-muted: #6f6a62;
	--resq-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--resq-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
}

/* Typo appliquée globalement (Blocksy hérite ensuite via le Customizer si besoin). */
body {
	font-family: var(--resq-body);
}
h1, h2, h3, h4 {
	font-family: var(--resq-display);
}

/* Boutons WooCommerce aux couleurs RESQ (complément au Customizer Blocksy). */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce .widget_price_filter .button {
	font-family: var(--resq-body);
	font-weight: 600;
	background-color: var(--resq-red);
	border-radius: 3px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: var(--resq-red-dark);
}
.woocommerce span.onsale {
	background-color: var(--resq-red);
}

/* ============================================================
 * Accent Blocksy forcé en rouge RESQ (remplace le bleu par défaut,
 * sans passer par le Customizer). Blocksy résout ses couleurs via des
 * variables --theme-palette-color-*.
 * ============================================================ */
body {
	--theme-palette-color-1: #c02a2a;
	--theme-palette-color-2: #9c2020;
	--paletteColor1: #c02a2a;
	--paletteColor2: #9c2020;
}

/* ============================================================
 * Pied de page RESQ custom (le footer Blocksy natif est masqué).
 * IMPORTANT : cibler UNIQUEMENT l'élément footer réel de Blocksy
 * (#footer.ct-footer). NE PAS utiliser [data-footer] : Blocksy pose cet
 * attribut sur un conteneur enveloppant toute la page → display:none
 * masquerait la page entière (écran blanc).
 * ============================================================ */
footer#footer.ct-footer,
footer.ct-footer {
	display: none !important;
}

.resq-footer {
	background: #211d18;
	color: #b7b0a5;
	font-family: var(--resq-body);
	border-top: 3px solid var(--resq-red);
}
.resq-footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 56px 24px 40px;
	display: grid;
	grid-template-columns: 1.7fr 1fr 1fr 1.2fr;
	gap: 42px;
}
.resq-footer-logo {
	display: block;
	font-family: var(--resq-display);
	font-weight: 600;
	font-size: 24px;
	letter-spacing: -.005em;
	color: #fff;
}
.resq-footer-tag {
	display: block;
	font-family: var(--resq-display);
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 10.5px;
	font-weight: 600;
	color: var(--resq-red);
	margin-top: 6px;
}
.resq-footer-desc {
	font-size: 13.5px;
	line-height: 1.6;
	color: #9aa1ab;
	margin: 16px 0 18px;
	max-width: 340px;
}
.resq-footer-title,
.resq-footer h2,
.resq-footer h3,
.resq-footer h4,
.resq-footer .resq-legal-footer-menu__title,
.resq-footer .resq-newsletter-footer__title {
	font-family: var(--resq-display);
	letter-spacing: -.005em;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 16px;
}
.resq-footer-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.resq-footer-list li { margin-bottom: 9px; }
.resq-footer a,
.resq-footer .resq-legal-footer-menu a {
	color: #c3c8d0;
	text-decoration: none;
	font-size: 14px;
	transition: color .15s ease;
}
.resq-footer a:hover,
.resq-footer .resq-legal-footer-menu a:hover { color: var(--resq-red); }
.resq-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	max-width: 1200px;
	margin: 0 auto;
	padding: 18px 24px;
	display: flex;
	justify-content: space-between;
	gap: 16px;
	font-size: 12.5px;
	color: #7f868f;
}

/* Newsletter (rendu plugin) restylée sombre dans le footer */
.resq-footer .resq-newsletter-footer h2,
.resq-footer .resq-newsletter-footer__title {
	font-family: var(--resq-display);
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 12px;
}
.resq-footer .resq-newsletter-footer__input {
	width: 100%;
	max-width: 340px;
	padding: 11px 12px;
	border: 1px solid rgba(255, 255, 255, .16);
	background: #191c21;
	color: #fff;
	border-radius: 2px;
}
.resq-footer .resq-newsletter-footer__submit {
	margin-top: 8px;
	padding: 11px 20px;
	background: var(--resq-red);
	color: #fff;
	border: 0;
	border-radius: 3px;
	font-family: var(--resq-body);
	font-weight: 600;
	cursor: pointer;
}
.resq-footer .resq-newsletter-footer__submit:hover { background: var(--resq-red-dark); }
.resq-footer .resq-newsletter-footer__consent {
	font-size: 11.5px;
	color: #7f868f;
	margin-top: 8px;
	max-width: 340px;
}
.resq-footer .resq-legal-footer-menu__list,
.resq-footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.resq-footer .resq-legal-footer-menu__item { margin-bottom: 9px; }

@media (max-width: 900px) {
	.resq-footer-inner { grid-template-columns: 1fr 1fr; gap: 30px; }
	.resq-footer-bottom { flex-direction: column; }
}
@media (max-width: 520px) {
	.resq-footer-inner { grid-template-columns: 1fr; }
}

/* ============================================================
 * En-tête Blocksy — accord éditorial (logo serif, nav casse normale).
 * ============================================================ */
.ct-site-title,
.ct-site-title a,
.site-title,
.site-title a {
	font-family: var(--resq-display) !important;
	font-weight: 600;
	letter-spacing: -.01em;
}
.header-menu a,
.ct-header-menu a,
[data-id="menu"] a {
	font-family: var(--resq-body);
	font-weight: 500;
}