/* 18+ age verification — Smoke Corp design tokens */

.sc-age-gate {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--sc-space-4, 1rem);
}

.sc-age-gate.is-hidden {
	display: none;
}

.sc-age-gate__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(12, 25, 41, 0.72);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.sc-age-gate__panel {
	position: relative;
	width: min(100%, 420px);
	padding: var(--sc-space-8, 2rem) var(--sc-space-6, 1.5rem);
	text-align: center;
	background: var(--sc-surface-card, #fff);
	border: 1px solid var(--sc-border-medium, rgba(56, 189, 248, 0.28));
	border-radius: var(--sc-radius-xl, 16px);
	box-shadow:
		0 24px 48px rgba(91, 33, 182, 0.18),
		0 0 0 1px var(--sc-border-subtle, rgba(139, 92, 246, 0.14));
}

.sc-age-gate__panel::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: var(--sc-radius-xl, 16px) var(--sc-radius-xl, 16px) 0 0;
	background: var(--sc-gradient-chameleon-bar, linear-gradient(90deg, #6d28d9, #38bdf8, #7c3aed));
}

.sc-age-gate__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto var(--sc-space-3, 0.75rem);
	color: var(--sc-brand-secondary, #8b5cf6);
	background: var(--sc-brand-primary-light, rgba(139, 92, 246, 0.14));
	border-radius: 50%;
}

.sc-age-gate__icon svg {
	width: 28px;
	height: 28px;
}

.sc-age-gate__badge {
	display: inline-block;
	margin: 0 0 var(--sc-space-2, 0.5rem);
	padding: 0.2em 0.65em;
	font-size: var(--sc-font-size-xs, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--sc-text-inverse, #fff);
	background: var(--sc-gradient-primary, linear-gradient(135deg, #38bdf8, #8b5cf6));
	border-radius: var(--sc-radius-full, 999px);
}

.sc-age-gate__title {
	margin: 0 0 var(--sc-space-2, 0.5rem);
	font-family: var(--sc-font-family, Montserrat, sans-serif);
	font-size: var(--sc-font-size-h3, 1.25rem);
	font-weight: 700;
	color: var(--sc-text-primary, #0c1929);
}

.sc-age-gate__question {
	margin: 0 0 var(--sc-space-3, 0.75rem);
	font-size: var(--sc-font-size-lg, 1.125rem);
	font-weight: 600;
	color: var(--sc-text-accent, #7c3aed);
	line-height: 1.4;
}

.sc-age-gate__desc {
	margin: 0 0 var(--sc-space-6, 1.5rem);
	font-size: var(--sc-font-size-sm, 0.875rem);
	line-height: 1.55;
	color: var(--sc-text-secondary, #334155);
}

.sc-age-gate__actions {
	display: flex;
	flex-direction: column;
	gap: var(--sc-space-3, 0.75rem);
}

.sc-age-gate__btn {
	width: 100%;
	min-height: 48px;
}

.sc-age-gate__declined-text {
	margin: var(--sc-space-4, 1rem) 0 0;
	padding: var(--sc-space-4, 1rem);
	font-size: var(--sc-font-size-sm, 0.875rem);
	line-height: 1.55;
	color: var(--sc-text-secondary, #334155);
	background: var(--sc-surface-muted, #f5f3ff);
	border-left: 3px solid var(--sc-color-error, #ef4444);
	border-radius: var(--sc-radius-md, 8px);
	text-align: left;
}

@media (min-width: 480px) {
	.sc-age-gate__actions {
		flex-direction: row;
	}

	.sc-age-gate__btn {
		flex: 1;
	}
}