/*
 * Unified gated-content interstitial.
 *
 * Loaded on full-page renders (Decision::PromptLogin / PromptMembership)
 * and inline shortcode/filter replacements. All values come from tokens.css.
 */

.isjac-access-interstitial {
	display: flex;
	justify-content: center;
	padding: var(--isjac-space-8) var(--isjac-space-4);
	background-color: var(--isjac-surface-page);
	font-family: var(--isjac-font-family);
	color: var(--isjac-text-primary);
}

.isjac-access-interstitial__card {
	width: 100%;
	max-width: var(--isjac-content-max-width);
	padding: var(--isjac-space-6);
	background-color: var(--isjac-surface-card);
	border: 1px solid var(--isjac-border-default);
	border-radius: var(--isjac-radius-lg);
	box-shadow: var(--isjac-shadow-card);
}

.isjac-access-interstitial__heading {
	margin: 0 0 var(--isjac-space-3) 0;
	font-size: var(--isjac-font-size-xl);
	font-weight: var(--isjac-font-weight-bold);
	line-height: var(--isjac-line-height-tight);
}

.isjac-access-interstitial__body {
	margin: 0 0 var(--isjac-space-5) 0;
	font-size: var(--isjac-font-size-lg);
	line-height: var(--isjac-line-height-base);
	color: var(--isjac-text-muted);
}

.isjac-access-interstitial__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--isjac-space-3);
}

.isjac-access-interstitial__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--isjac-button-min-height);
	padding: var(--isjac-space-2) var(--isjac-space-5);
	border-radius: var(--isjac-radius-md);
	font-weight: var(--isjac-font-weight-medium);
	text-decoration: none;
	transition: background-color 120ms ease, color 120ms ease;
}

.isjac-access-interstitial__button--primary {
	background-color: var(--isjac-button-primary-bg);
	color: var(--isjac-button-primary-text);
	border: 1px solid var(--isjac-button-primary-bg);
}

.isjac-access-interstitial__button--primary:hover,
.isjac-access-interstitial__button--primary:focus {
	background-color: var(--isjac-button-primary-hover);
	border-color: var(--isjac-button-primary-hover);
	color: var(--isjac-button-primary-text);
}

.isjac-access-interstitial__button--secondary {
	background-color: transparent;
	color: var(--isjac-text-primary);
	border: 1px solid var(--isjac-border-default);
}

.isjac-access-interstitial__button--secondary:hover,
.isjac-access-interstitial__button--secondary:focus {
	background-color: var(--isjac-color-brand-wash);
}