/* ============================================================
   EDITORIAL / TEXT PAGE — shared template for policy, T&C,
   and other long-form text pages.
   Matches the design language of the single-tour page.
   ============================================================ */

.lt-editorial {
	--lt-primary:      #104146;
	--lt-primary-dark: #0b2e32;
	--lt-gold:         #c8a456;
	--lt-primary-soft: rgba(16, 65, 70, 0.08);
	--lt-text:         #1a1a1a;
	--lt-muted:        #7a7a7a;
	--lt-border:       #ebebeb;
	--lt-bg-soft:      #f7f7f7;
	--lt-container-width: 1300px;
	--lt-container-gutter: max(15px, 2.6vw, calc((100vw - var(--lt-container-width)) / 2));
	--lt-read-width: 760px;

	font-family: "GoogleSansFlex-VariableFont", sans-serif;
	color: var(--lt-text);
	background: #fff;
	width: 100%;
}

/* Shared page column — hero title + body share the same left edge */
.lt-editorial__hero-inner,
.lt-editorial__wrap {
	width: min(var(--lt-container-width), calc(100% - 2 * var(--lt-container-gutter)));
	max-width: var(--lt-container-width);
	margin-inline: auto;
}

/* ── Dark top band (sits under absolute white header) ─────── */
.lt-editorial__hero {
	background:
		radial-gradient(ellipse 70% 80% at 100% 0%, rgba(200, 164, 86, 0.18), transparent 55%),
		linear-gradient(160deg, #0b2e32 0%, #104146 55%, #163f44 100%);
	color: #fff;
	/* Clear absolute header (~172px) + breathing room under nav */
	padding: 15.5rem 0 4.5rem;
}

/* Reading column left-aligned inside the shared page column */
.lt-editorial__hero-inner > * {
	max-width: var(--lt-read-width);
}

/* ── Page wrapper ─────────────────────────────────────────── */
.lt-editorial__wrap {
	padding: 2.5rem 0 5rem;
}

/* ── Breadcrumbs ──────────────────────────────────────────── */
.lt-editorial__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 1.5rem;
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.72);
}

.lt-editorial__breadcrumbs a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
}

.lt-editorial__breadcrumbs a:hover {
	color: #fff;
}

.lt-editorial__breadcrumbs-sep {
	opacity: 0.55;
}

/* ── Layout: narrow reading column ───────────────────────── */
.lt-editorial__inner {
	max-width: var(--lt-read-width);
}

/* ── Page title (beat Elementor kit `.elementor-kit-24 h1`) ── */
.elementor-kit-24 .lt-editorial__hero .lt-editorial__title,
.lt-editorial__hero .lt-editorial__title,
.lt-editorial__title {
	margin: 0 0 0.35rem;
	font-size: clamp(1.75rem, 3.5vw, 2.4rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.5px;
	color: #fff !important;
}

.lt-editorial__title-bar {
	display: block;
	width: 3rem;
	height: 3px;
	margin: 0.85rem 0 0;
	border-radius: 999px;
	background: var(--lt-gold);
}

@media (max-width: 767px) {
	.lt-editorial__hero {
		padding: 11rem 0 3.25rem;
	}
}

/* ── Prose typography ─────────────────────────────────────── */
.lt-editorial__content {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--lt-text);
}

.lt-editorial__content p {
	margin: 0 0 1.15em;
}

.lt-editorial__content h2 {
	margin: 2.25em 0 0.6em;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.3px;
	color: var(--lt-text);
}

.lt-editorial__content h2:first-child {
	margin-top: 0;
}

.lt-editorial__content h3 {
	margin: 1.75em 0 0.5em;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.2px;
	color: var(--lt-text);
}

.lt-editorial__content h3:first-child {
	margin-top: 0;
}

/* ── Lists ─────────────────────────────────────────────────── */
.lt-editorial__content ul,
.lt-editorial__content ol {
	margin: 0 0 1.15em;
	padding: 0;
	list-style: none;
}

.lt-editorial__content ul li,
.lt-editorial__content ol li {
	position: relative;
	padding-left: 1.35em;
	margin-bottom: 0.55em;
	line-height: 1.6;
}

.lt-editorial__content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.6em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--lt-primary);
}

.lt-editorial__content ol {
	counter-reset: lt-ol;
}

.lt-editorial__content ol li {
	counter-increment: lt-ol;
}

.lt-editorial__content ol li::before {
	content: counter(lt-ol) ".";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0.88em;
	font-weight: 600;
	color: var(--lt-primary);
	line-height: 1.7;
}

/* ── Tables ────────────────────────────────────────────────── */
.lt-editorial__content .wp-block-table {
	margin: 0 0 1.75em;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.lt-editorial__content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	line-height: 1.5;
}

.lt-editorial__content .wp-block-table thead tr {
	background: var(--lt-primary);
	color: #fff;
}

.lt-editorial__content .wp-block-table thead th {
	padding: 0.75rem 1rem;
	text-align: left;
	font-weight: 600;
	font-size: 0.88rem;
	letter-spacing: 0.02em;
	border: none;
}

.lt-editorial__content .wp-block-table tbody tr {
	border-bottom: 1px solid var(--lt-border);
}

.lt-editorial__content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: var(--lt-bg-soft);
}

.lt-editorial__content .wp-block-table tbody td {
	padding: 0.75rem 1rem;
	vertical-align: top;
	border: none;
}

/* ── Section divider between h2 groups ───────────────────── */
.lt-editorial__content h2 {
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--lt-border);
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 640px) {
	.lt-editorial__wrap {
		padding-top: 1rem;
		padding-bottom: 3.5rem;
	}

	.lt-editorial__title {
		font-size: 1.65rem;
	}

	.lt-editorial__content h2 {
		font-size: 1.15rem;
	}

	.lt-editorial__content .wp-block-table thead th,
	.lt-editorial__content .wp-block-table tbody td {
		padding: 0.6rem 0.75rem;
		font-size: 0.88rem;
	}
}

/* ── FAQ ──────────────────────────────────────────────────── */
.lt-editorial__content .mf-faq {
	margin: 0 0 1.35rem;
	border-bottom: 1px solid var(--lt-border);
}

.lt-editorial__content .mf-faq h3 {
	margin: 0 0 0.35rem;
	font-size: 1.05rem;
}

/* ── Contact form ─────────────────────────────────────────── */
.mf-form {
	display: grid;
	gap: 0.9rem;
	margin-top: 0.5rem;
}

.mf-form label {
	display: grid;
	gap: 0.35rem;
	font-size: 0.92rem;
	font-weight: 600;
}

.mf-form input,
.mf-form textarea {
	width: 100%;
	padding: 0.75rem 0.85rem;
	border: 1px solid var(--lt-border);
	border-radius: 6px;
	font: inherit;
	font-weight: 400;
	color: var(--lt-text);
	background: #fff;
}

.mf-form textarea {
	min-height: 9rem;
	resize: vertical;
}

.mf-form input:focus,
.mf-form textarea:focus {
	outline: 2px solid var(--lt-primary);
	outline-offset: 1px;
}

.mf-form button {
	justify-self: start;
	margin-top: 0.25rem;
	padding: 0.8rem 1.4rem;
	border: 0;
	border-radius: 999px;
	background: var(--lt-primary);
	color: #fff;
	font: inherit;
	font-weight: 700;
	letter-spacing: 0.02em;
	cursor: pointer;
}

.mf-form button:hover {
	background: var(--lt-primary-dark);
}

.mf-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mf-form__notice {
	margin: 0 0 1.25rem;
	padding: 0.85rem 1rem;
	border-radius: 6px;
}

.mf-form__notice--ok {
	background: #eef6f2;
	color: #0b2e32;
}

.mf-form__notice--err {
	background: #fdf2f2;
	color: #7a1f1f;
}