/* ==========================================================================
   AD FX — styles (typo variable Alaska + calque WebGL)
   Ne modifie aucun fichier Semplice : surcharge uniquement.
   ========================================================================== */

@font-face {
	font-family: "Alaska VAR";
	src: url("fonts/AlaskaVAR-latin.woff2") format("woff2");
	font-weight: 1 950;
	font-stretch: 50% 200%;
	font-style: normal;
	font-display: swap;
}

/* Réglages (modifiés en direct par effects.js / le tuner) */
:root {
	--adfx-title-wght: 300;
	--adfx-title-wdth: 100;
	--adfx-title-cntr: 100;
	--adfx-italic: 12;
	--adfx-eb-wght: 500;
	--adfx-eb-wdth: 115;
	--adfx-eb-cntr: 1;
}

/* --- Titres : Alaska Light Contrast ------------------------------------- */
/* :where() = spécificité nulle, pour que la règle italique puisse surcharger */
html.adfx-type :where(
	#content-holder h1, #content-holder h2, #content-holder h3, #content-holder h4,
	.apg-post-title .title,
	.font_o46a1709o, .font_4wxkv65t9, .font_1bs636f0i, .font_9i1n1hss7,
	.font_44hrwnsyl, .font_gw7683eby, .custom_9t22d3mah, .custom_xuofl0mgh
) {
	--ax-wght: var(--adfx-title-wght);
	--ax-wdth: var(--adfx-title-wdth);
	--ax-cntr: var(--adfx-title-cntr);
	--ax-ital: 1;
}

/* Styles italiques Argesta -> axe ital d'Alaska */
html.adfx-type :is(.font_4wxkv65t9, .font_9i1n1hss7, .font_gw7683eby, .custom_9t22d3mah, .custom_xuofl0mgh, em, i) {
	--ax-ital: var(--adfx-italic);
}

/* --- Eyebrows / menu : Alaska wdth 115, wght 500, sans contraste ------- */
html.adfx-type :where(
	.smp-navbar a, .smp-menu a,
	#content-holder h5, #content-holder h6,
	.apg-details-link, .custom_fu1ypq3lv
) {
	--ax-wght: var(--adfx-eb-wght);
	--ax-wdth: var(--adfx-eb-wdth);
	--ax-cntr: var(--adfx-eb-cntr);
	--ax-ital: 1;
}

/* Application des axes (le sélecteur ci-dessus pose les variables,
   celui-ci les applique à l'élément et à tous ses descendants) */
html.adfx-type :is(
	#content-holder h1, #content-holder h2, #content-holder h3, #content-holder h4,
	.apg-post-title .title,
	.font_o46a1709o, .font_4wxkv65t9, .font_1bs636f0i, .font_9i1n1hss7,
	.font_44hrwnsyl, .font_gw7683eby, .custom_9t22d3mah, .custom_xuofl0mgh,
	.smp-navbar a, .smp-menu a,
	#content-holder h5, #content-holder h6,
	.apg-details-link, .custom_fu1ypq3lv
),
html.adfx-type :is(
	#content-holder h1, #content-holder h2, #content-holder h3, #content-holder h4,
	.apg-post-title .title,
	.smp-navbar a, .smp-menu a,
	#content-holder h5, #content-holder h6,
	.apg-details-link, .custom_fu1ypq3lv
) * {
	font-family: "Alaska VAR", serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	font-variation-settings:
		"wght" var(--ax-wght, 400),
		"wdth" var(--ax-wdth, 100),
		"CNTR" var(--ax-cntr, 1),
		"ital" var(--ax-ital, 1) !important;
}

/* --- Graisse au curseur : lettres découpées par effects.js ------------- */
.adfx-word { white-space: nowrap; }
.adfx-ch { display: inline; }

/* --- Calque WebGL ------------------------------------------------------- */
#adfx-canvas {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	z-index: 252; /* juste sous la navbar Semplice (253) */
}
img.adfx-gl-hidden { opacity: 0 !important; }

@media (prefers-reduced-motion: reduce) {
	#adfx-canvas { display: none; }
	img.adfx-gl-hidden { opacity: 1 !important; }
}