/* ============================================================
   AGE GATE — habillage du plugin age-gate à la DA Positive.
   ============================================================
   Le plugin (v3.7.x) se style via des custom properties --ag-*.
   On les redéfinit sur .age-gate__wrapper (plus spécifique que le
   :root inline du plugin, donc prioritaire quel que soit l'ordre
   de chargement), plus quelques règles ciblées pour la typo et
   les deux boutons (Oui rose / Non blanc). */

.age-gate__wrapper {
	/* Fond plein écran : violet clair opaque */
	--ag-background-color: #F1E6FF;
	--ag-background-opacity: 1;
	--ag-blur: 0px;

	/* Carte centrale : bordure épaisse + ombre dure, radius 0 */
	--ag-form-background: #ffffff;
	--ag-form-border: 3px solid #141414;
	--ag-form-border-width: 3px;
	--ag-form-radius: 0px;
	--ag-form-shadow: 9px 9px 0 #141414;
	--ag-form-padding: 46px 40px;
	--ag-form-max-width: 520px;

	/* Texte */
	--ag-text-color: #141414;
	--ag-text-heading-size: 40px;
	--ag-text-heading-weight: 400;
	--ag-text-heading-margin: 0 0 10px;

	/* Boutons */
	--ag-button-radius: 999px;
	--ag-button-padding: 15px 38px;
	--ag-button-size: 13px;
	--ag-button-weight: 800;
	--ag-button-gap: 16px;

	--ag-remember-size: 13px;
	--ag-text-error-color: #C2158A;
	--ag-text-error-weight: 700;
	--ag-loader-color: #F5479E;
}

/* Le plugin affiche déjà le nom du site : on l'habille en wordmark Shoot Vector
   plutôt que d'en ajouter un second au-dessus. */
.age-gate__wrapper .age-gate__heading-title {
	font-family: 'Shoot Vector', 'Anton', cursive;
	font-weight: 400;
	font-size: 52px;
	line-height: .85;
	letter-spacing: .02em;
	color: #F5479E;
	text-shadow: 4px 4px 0 #141414;
	text-transform: none;
	display: block;
	margin-bottom: 6px;
}

.age-gate__wrapper .age-gate__heading {
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: .01em;
	line-height: 1.02;
}

.age-gate__wrapper,
.age-gate__wrapper p,
.age-gate__wrapper label {
	font-family: 'Work Sans', system-ui, sans-serif;
}

/* Boutons Oui / Non : blocs à ombre dure */
.age-gate__wrapper .age-gate__submit {
	text-transform: uppercase;
	letter-spacing: .12em;
	border: 3px solid #141414;
	box-shadow: 4px 4px 0 #141414;
	min-height: 44px;
	transition: transform .15s, box-shadow .15s, background .15s;
}
.age-gate__wrapper .age-gate__submit:hover {
	transform: translate(-2px, -2px);
	box-shadow: 6px 6px 0 #141414;
}
.age-gate__wrapper .age-gate__submit--yes { background: #F5479E; color: #fff }
.age-gate__wrapper .age-gate__submit--yes:hover { background: #8A24E0; color: #fff }
.age-gate__wrapper .age-gate__submit--no { background: #fff; color: #141414 }
.age-gate__wrapper .age-gate__submit--no:hover { background: #141414; color: #fff }