/**
 * OverlandEurope Archive v1.0.4
 * Page-level presentation only. Magazine Shelf remains independent.
 */

.oe-archive-complete {
	--oe-archive-bg: var(--oe-colour-background, #faf5ea);
	--oe-archive-text: var(--oe-colour-text, #111111);
	--oe-archive-secondary: var(--oe-colour-text-secondary, #666666);
	--oe-archive-border: var(--oe-colour-border, #d9d6cf);
	--oe-archive-navy: var(--oe-colour-navy, #000080);
	--oe-archive-heading: var(--oe-font-heading, "Playfair Display", Georgia, serif);
	--oe-archive-body: var(--oe-font-body, "Inter", Arial, sans-serif);
	width: 100%;
	color: var(--oe-archive-text);
	font-family: var(--oe-archive-body);
}

.oe-archive-complete__intro {
	max-width: 1000px;
	margin: 0 auto;
	padding: 46px 24px 24px;
	text-align: center;
}

.oe-archive-complete__title {
	margin: 0;
	font-family: var(--oe-archive-heading);
	font-size: clamp(2.25rem, 4vw, 2.75rem);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.015em;
	color: var(--oe-archive-text);
}

.oe-archive-complete__standfirst {
	max-width: 760px;
	margin: 10px auto 0;
	font-size: 16px;
	line-height: 1.65;
	color: var(--oe-archive-secondary);
}

.oe-archive-complete__shelf {
	margin: 0;
	padding: 0;
}

.oe-archive-complete__notice {
	max-width: 1000px;
	margin: 0 auto;
	padding: 36px 24px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--oe-archive-secondary);
}

.oe-archive-complete__membership {
	max-width: 1000px;
	margin: 46px auto 0;
	padding: 0 24px 72px;
}

.oe-archive-complete__membership-inner {
	border-top: 1px solid var(--oe-archive-border);
	padding-top: 34px;
}

.oe-archive-complete__membership-title {
	margin: 0;
	font-family: var(--oe-archive-heading);
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2;
	color: var(--oe-archive-text);
}

.oe-archive-complete__membership-copy {
	max-width: 700px;
	margin: 12px 0 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--oe-archive-text);
}

.oe-archive-complete__actions {
	display: flex;
	align-items: center;
	gap: 22px;
	margin-top: 22px;
}

.oe-archive-complete__membership-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 22px;
	border: 1px solid var(--oe-archive-navy);
	border-radius: 0;
	background: var(--oe-archive-navy);
	color: #ffffff !important;
	font-family: var(--oe-archive-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-decoration: none !important;
	text-transform: uppercase;
}

.oe-archive-complete__membership-button:hover,
.oe-archive-complete__membership-button:focus-visible {
	background: transparent;
	color: var(--oe-archive-navy) !important;
}

.oe-archive-complete__login-line {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--oe-archive-secondary);
}

.oe-archive-complete__login-link {
	margin-left: 4px;
	color: var(--oe-archive-navy) !important;
	font-weight: 600;
	text-decoration: none !important;
}

.oe-archive-complete__login-link:hover,
.oe-archive-complete__login-link:focus-visible {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

@media (max-width: 767px) {
	/* Recover mobile viewport height consumed by the theme's page-top spacing. */
	.oe-archive-complete {
		margin-top: -72px;
	}

	.oe-archive-complete__intro {
		padding: 24px 24px 18px;
	}

	.oe-archive-complete__title {
		font-size: clamp(2.15rem, 10vw, 2.6rem);
		line-height: 1.08;
	}

	.oe-archive-complete__standfirst {
		margin-top: 10px;
		font-size: 16px;
		line-height: 1.6;
	}

	.oe-archive-complete__membership {
		margin-top: 36px;
		padding: 0 24px 54px;
	}

	.oe-archive-complete__membership-inner {
		padding-top: 28px;
	}

	.oe-archive-complete__membership-title {
		font-size: 26px;
	}

	.oe-archive-complete__actions {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
		margin-top: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	.oe-archive-complete__intro {
		padding-top: 44px;
	}

	.oe-archive-complete__membership {
		padding-left: 32px;
		padding-right: 32px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oe-archive-complete *,
	.oe-archive-complete *::before,
	.oe-archive-complete *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}