/**
 * Layout V2 overrides — alternate client-facing options.
 * Body classes: .st-lv-2 + .st-lv-ctx-*
 */

/* —— Journal split: image fully flush to the right is now default in inner-heroes.css —— */

/* —— About V2: rail instead of centered brand —— */
body.st-lv-2.st-lv-ctx-about .st-ih--brand {
	min-height: min(56svh, 30rem);
	place-items: end start;
	text-align: left;
}

body.st-lv-2.st-lv-ctx-about .st-ih--brand .st-ih__inner {
	width: var(--st-container);
	padding: calc(var(--st-header-height) + 3rem) 0 2.85rem;
	text-align: left;
}

body.st-lv-2.st-lv-ctx-about .st-ih--brand .st-ih__title {
	font-size: clamp(2.25rem, 5.5vw, 3.5rem);
	max-width: 12ch;
}

body.st-lv-2.st-lv-ctx-about .st-ih--brand .st-ih__lead {
	margin-inline: 0;
}

body.st-lv-2.st-lv-ctx-about .st-ih--brand .st-ih__actions {
	justify-content: flex-start;
}

body.st-lv-2.st-lv-ctx-about .st-ih--brand .st-ih__shade {
	background:
		linear-gradient(105deg, rgb(20 18 16 / 0.8) 0%, rgb(20 18 16 / 0.35) 55%, rgb(20 18 16 / 0.2) 100%),
		linear-gradient(180deg, rgb(20 18 16 / 0.25) 0%, rgb(20 18 16 / 0.55) 100%);
}

/* —— Tours archive V2: centered cinematic, filtered list only (not /destination-list/) —— */
body.st-lv-2.st-lv-ctx-tours.post-type-archive-tour .st-exp-regions {
	display: none;
}


body.st-lv-2.st-lv-ctx-tours .st-ih--rail {
	min-height: min(62svh, 34rem);
	place-items: center;
	text-align: center;
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__content {
	max-width: 36rem;
	margin-inline: auto;
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__title {
	max-width: none;
	font-size: clamp(2.5rem, 6vw, 3.85rem);
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__lead {
	margin-inline: auto;
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__actions {
	justify-content: center;
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__shade {
	background:
		radial-gradient(ellipse 60% 50% at 50% 45%, rgb(20 18 16 / 0.15), transparent 65%),
		linear-gradient(180deg, rgb(20 18 16 / 0.4) 0%, rgb(20 18 16 / 0.72) 100%);
}

body.st-lv-2.st-lv-ctx-tours .st-ih--rail .st-ih__inner {
	padding: calc(var(--st-header-height) + 3.25rem) 0 3.25rem;
}

/* —— FAQs V2: tall centered —— */
body.st-lv-2.st-lv-ctx-faqs .st-ih--compact {
	min-height: min(58svh, 30rem);
	place-items: center;
	text-align: center;
}

body.st-lv-2.st-lv-ctx-faqs .st-ih--compact .st-ih__content {
	max-width: 34rem;
	margin-inline: auto;
	background: transparent;
	border: none;
	backdrop-filter: none;
	padding: 0;
}

body.st-lv-2.st-lv-ctx-faqs .st-ih--compact .st-ih__title {
	font-size: clamp(2.25rem, 5.5vw, 3.35rem);
}

body.st-lv-2.st-lv-ctx-faqs .st-ih--compact .st-ih__inner {
	padding: calc(var(--st-header-height) + 3rem) 0 3rem;
	text-align: center;
}

body.st-lv-2.st-lv-ctx-faqs .st-ih--compact .st-ih__shade {
	background:
		radial-gradient(ellipse 55% 45% at 50% 40%, rgb(20 18 16 / 0.2), transparent 70%),
		linear-gradient(180deg, rgb(20 18 16 / 0.35) 0%, rgb(20 18 16 / 0.75) 100%);
}

/* —— Contact V2: left-aligned rail (see contact.css for channel + form alignment) —— */
body.st-lv-2.st-lv-ctx-contact .st-ih--rail {
	min-height: min(52svh, 28rem);
}

body.st-lv-2.st-lv-ctx-contact .st-ih--rail .st-ih__shade {
	background:
		linear-gradient(105deg, rgb(20 18 16 / 0.78) 0%, rgb(20 18 16 / 0.35) 48%, rgb(20 18 16 / 0.2) 100%),
		linear-gradient(180deg, rgb(20 18 16 / 0.25) 0%, rgb(20 18 16 / 0.55) 100%);
}

body.st-lv-2.st-lv-ctx-contact .st-contact-main__grid {
	grid-template-columns: 1fr;
}

body.st-lv-2.st-lv-ctx-contact .st-contact-side {
	order: -1;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 799px) {
	body.st-lv-2.st-lv-ctx-contact .st-contact-side {
		grid-template-columns: 1fr;
	}
}

/* —— Blog index V2: full-bleed photo rail —— */
body.st-lv-2.st-lv-ctx-blog .st-ih--rail {
	min-height: min(58svh, 32rem);
	place-items: end start;
	text-align: left;
}

body.st-lv-2.st-lv-ctx-blog .st-ih--rail .st-ih__inner {
	padding-bottom: clamp(2.75rem, 6vw, 4rem);
}

body.st-lv-2.st-lv-ctx-blog .st-ih--rail .st-ih__content {
	max-width: 38rem;
	margin-inline: 0;
}

body.st-lv-2.st-lv-ctx-blog .st-ih--rail .st-ih__title {
	max-width: 18ch;
	font-size: clamp(2.35rem, 5.5vw, 3.35rem);
}

body.st-lv-2.st-lv-ctx-blog .st-ih--rail .st-ih__lead {
	margin-inline: 0;
	max-width: 34rem;
}

body.st-lv-2.st-lv-ctx-blog .st-ih--rail .st-ih__shade {
	background:
		linear-gradient(105deg, rgb(20 18 16 / 0.78) 0%, rgb(20 18 16 / 0.35) 48%, rgb(20 18 16 / 0.2) 100%),
		linear-gradient(180deg, rgb(20 18 16 / 0.25) 0%, rgb(20 18 16 / 0.55) 100%);
}

/* —— Blog single V2: plain editorial hero —— */
body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) {
	min-height: auto;
	place-items: center;
	background: #f3ece3;
	color: var(--st-ink);
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__media {
	position: relative;
	inset: auto;
	width: min(56rem, calc(100% - 2.5rem));
	margin: calc(var(--st-header-height) + 1.5rem) auto 0;
	aspect-ratio: 16 / 9;
	border-radius: var(--st-radius-lg, 24px);
	overflow: hidden;
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__shade {
	display: none;
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__content {
	padding-top: 1.75rem;
	padding-bottom: 2.25rem;
	text-align: center;
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__title,
body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__cat,
body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__eyebrow {
	color: var(--st-ink);
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__cat {
	color: var(--st-accent);
}

body.st-lv-2.st-lv-ctx-blog-single .st-article-hero:not(.st-article-hero--plain) .st-article-hero__meta {
	justify-content: center;
	color: var(--st-muted);
}

/* —— Tour single V2: alternate package —— */
body.st-lv-2.st-lv-ctx-tour-single .st-tour-hero {
	min-height: min(72svh, 40rem);
	place-items: center;
	text-align: center;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-hero__content {
	width: min(40rem, calc(100% - 2.5rem));
	margin-inline: auto;
	text-align: center;
	padding-bottom: 3.5rem;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-hero__title {
	font-size: clamp(2.35rem, 6vw, 3.75rem);
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-hero__cta {
	margin-inline: auto;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-hero__shade {
	background:
		radial-gradient(ellipse 55% 45% at 50% 42%, rgb(20 18 16 / 0.15), transparent 70%),
		linear-gradient(180deg, rgb(20 18 16 / 0.35) 0%, rgb(20 18 16 / 0.78) 100%);
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-rail {
	background: #f7f2ea;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-day {
	grid-template-columns: 1fr;
	gap: 1.25rem;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-day__rail {
	display: none;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-days::before {
	display: none;
}

body.st-lv-2.st-lv-ctx-tour-single .st-tour-day__media {
	order: -1;
}

@media (min-width: 960px) {
	body.st-lv-2.st-lv-ctx-tour-single .st-tour-day {
		grid-template-columns: 1.05fr 0.95fr;
		align-items: center;
	}

	body.st-lv-2.st-lv-ctx-tour-single .st-tour-day:nth-child(even) .st-tour-day__copy {
		order: 2;
	}

	body.st-lv-2.st-lv-ctx-tour-single .st-tour-day:nth-child(even) .st-tour-day__media {
		order: 1;
	}
}
