/* =============================================================
 * Skin Decorem — surcharge le défaut Novagence pour decorem-etiquetage.fr.
 * Chargé après build/app.css. CSS brut, pas de build.
 * Sélection : define('NVG_BLOCKS_SKIN','decorem') dans le thème du site.
 *
 * Valeurs extraites du CSS réel du site (thème Decorem, style.css) :
 *   - #e40f10  rouge de marque (boutons CTA, accents, blockquote, liens)
 *   - #000000  noir = survol des boutons remplis + style lien souligné par défaut
 *   - #303030  gris foncé = couleur secondaire (survol CTA header)
 *   - #f5f5f5  gris très clair (fonds menu, cartes produits)
 *   - boutons contenu : soulignés, uppercase, letter-spacing 0.1em, sans fond
 *   - boutons CTA : radius 0, padding 12px 25px, uppercase, letter-spacing 0.2em
 *   - typo : Lato (boutons / titres), Poppins (formulaires) — pas de token font dans le DS
 * ============================================================= */
:root {
	/* Couleurs de marque */
	--nvg-color-primary: #e40f10; /* rouge Decorem */
	--nvg-color-on-primary: #ffffff;
	--nvg-color-primary-hover: #000000; /* noir — survol RÉEL des boutons remplis (.button:hover) */

	--nvg-color-secondary: #303030; /* gris foncé Decorem */
	--nvg-color-on-secondary: #ffffff;
	--nvg-color-secondary-hover: #303030;

	/* Boutons remplis (cf. .woocommerce .button, .button-vers-contact) */
	--nvg-btn-radius: 0;
	--nvg-btn-padding-y: 12px;
	--nvg-btn-padding-x: 25px;
	--nvg-btn-font-size: 0.9em;
	--nvg-btn-font-weight: 300;

	/* Surfaces, texte & bordures (sémantiques) */
	--nvg-color-surface: #ffffff;
	--nvg-color-text: #000000;
	--nvg-color-on-surface: #000000;
	--nvg-color-border: #e9e9e9;
	--nvg-bg-light: #f5f5f5;
	--nvg-color-on-bg-light: #000000;
	--nvg-bg-dark: #000000;
	--nvg-color-on-bg-dark: #ffffff;

	/* Container (cf. .wrap_content / .wrap_small_content) */
	--nvg-container-max: 1800px;
	--nvg-container-narrow: 1500px;

	/* Focus — fond gris clair + badge rouge (via primary) */
	--nvg-focus-bg: #f5f5f5;
	--nvg-focus-radius: 0;

	/* Paliers d'espacement */
	--nvg-space-small: 10px;
	--nvg-space-medium: 20px;
	--nvg-space-large: 40px;

	/* Paliers d'arrondi (site quasi entièrement carré) */
	--nvg-radius-small: 0;
	--nvg-radius-medium: 0;
	--nvg-radius-large: 0;

	/* Ombres (menu sticky, cartes media-text) */
	--nvg-shadow-small: 0 4px 12px rgba(0, 0, 0, 0.08);
	--nvg-shadow-medium: 0 0 40px rgba(0, 0, 0, 0.1);
	--nvg-shadow-large: 0 0 40px rgba(0, 0, 0, 0.1);

	/* Liste — flèches / puces rouges de marque */
	--nvg-list-accent-color: #e40f10;
	--nvg-list-gap-medium: 10px;

	/* Accordéon */
	--nvg-accordion-accent: #e40f10;
	--nvg-accordion-text: #000000;
	--nvg-accordion-border-color: #e9e9e9;

	/* Contenu + */
	--nvg-contenu-plus-accent: #e40f10;
}

/* Le site écrit ses boutons de contenu en MAJUSCULES soulignés
 * (cf. a.button-base, .wp-block-button a du thème) — pas de fond rempli. */
.btn,
.wp-block-button .wp-block-button__link.wp-element-button {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	font-weight: 400;
	color: #000000;
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
	line-height: 1.3;
}

.btn:hover,
.btn:focus,
.wp-block-button .wp-block-button__link.wp-element-button:hover,
.wp-block-button .wp-block-button__link.wp-element-button:focus {
	color: var(--nvg-color-primary);
	background: none;
	border-bottom-color: var(--nvg-color-primary);
}

/* Variante contour → CTA rempli rouge (cf. .woocommerce .button, .bandeau_full a) */
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button {
	padding: var(--nvg-btn-padding-y) var(--nvg-btn-padding-x);
	background: var(--nvg-color-primary);
	color: var(--nvg-color-on-primary);
	border: 0;
	border-bottom: 0;
	box-shadow: none;
	letter-spacing: 0.2em;
	font-size: 1.1em;
	font-weight: 300;
}

.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover,
.wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:focus {
	background: var(--nvg-color-primary-hover);
	color: var(--nvg-color-on-primary);
}

/* Secondaire : fond noir (cf. .button-vers-blog) */
.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button {
	background: #000000;
	color: #ffffff;
	border-bottom: 0;
	padding: var(--nvg-btn-padding-y) var(--nvg-btn-padding-x);
	letter-spacing: 0.2em;
}

.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button:hover,
.wp-block-button.is-style-secondary .wp-block-button__link.wp-element-button:focus {
	background: var(--nvg-color-secondary);
	color: #ffffff;
}