/**
 * Legal pages — Terms & Conditions / Privacy Policy
 * Typography & colors aligned with Elementor kit + spa/service pages (Brandon Grotesque).
 */

.diva-legal-page {
	--diva-legal-font: "Hvdtrial Brandon Grotesque Lt", var(--e-global-typography-text-font-family, sans-serif);
	--diva-legal-primary: var(--e-global-color-primary, #074240);
	--diva-legal-green: var(--e-global-color-5e4ed16, #84bd00);
	--diva-legal-text: var(--e-global-color-text, #434a4a);
	--diva-legal-text-mid: #5a5040;
	--diva-legal-muted: #7a7060;
	--diva-legal-bg: var(--e-global-color-background, #f8f3ed);
	--diva-legal-surface: #f0ebe0;
	--diva-legal-border: rgba(7, 66, 64, 0.12);
	--diva-legal-gold: #c8a97e;
}

.diva-legal-page .cmsmasters-main__outer {
	background-color: var(--diva-legal-bg);
}

.diva-legal-page .cmsmasters-main__inner {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}

.diva-legal-page .cmsmasters-content {
	padding-top: 32px;
}

.diva-legal {
	padding: 40px 24px 88px;
	color: var(--diva-legal-text);
	font-size: 18px;
	line-height: 1.75;
	font-family: var(--diva-legal-font);
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.diva-legal__header {
	margin-bottom: 48px;
	padding-bottom: 28px;
	border-bottom: 1px solid var(--diva-legal-border);
	text-align: center;
}

.diva-legal__kicker {
	margin: 0 0 12px;
	font-family: var(--diva-legal-font);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--diva-legal-gold);
}

.diva-legal-page .diva-legal__title,
.diva-legal-page .diva-legal h1.diva-legal__title {
	font-family: var(--diva-legal-font) !important;
	font-size: clamp(2rem, 4.5vw, 2.75rem) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.04em !important;
	word-spacing: normal !important;
	text-transform: uppercase !important;
	color: var(--diva-legal-green) !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	max-width: 100%;
}

.diva-legal__title--privacy {
	font-size: clamp(1.75rem, 3.8vw, 2.35rem) !important;
	line-height: 1.25 !important;
	max-width: 22ch;
	margin-left: auto !important;
	margin-right: auto !important;
	text-transform: none !important;
	letter-spacing: 0.02em !important;
	color: var(--diva-legal-primary) !important;
}

.diva-legal__meta {
	margin: 0;
	font-family: var(--diva-legal-font);
	font-size: 15px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: 0.02em !important;
	color: var(--diva-legal-text-mid);
}

.diva-legal__toc {
	margin-bottom: 40px;
	padding: 22px 28px;
	background: var(--diva-legal-surface);
	border: 1px solid rgba(200, 169, 126, 0.35);
	border-radius: 12px;
}

.diva-legal__toc ul {
	margin: 0;
	padding-left: 1.25rem;
	list-style: disc;
}

.diva-legal__toc li {
	margin: 8px 0;
	color: var(--diva-legal-primary);
	font-family: var(--diva-legal-font);
	font-size: 16px;
	line-height: 1.55;
	font-weight: 400;
	letter-spacing: 0 !important;
}

.diva-legal__section {
	margin-bottom: 40px;
	padding-top: 8px;
}

.diva-legal-page .diva-legal__heading,
.diva-legal-page .diva-legal h2.diva-legal__heading {
	font-family: var(--diva-legal-font) !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.06em !important;
	word-spacing: normal !important;
	text-transform: uppercase !important;
	color: var(--diva-legal-primary) !important;
	margin: 0 0 18px !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid var(--diva-legal-border);
	max-width: 100%;
}

.diva-legal__section p {
	margin: 0 0 16px;
	font-family: var(--diva-legal-font);
	font-weight: 400;
	color: var(--diva-legal-text);
	letter-spacing: 0 !important;
}

.diva-legal__section ul {
	margin: 0 0 16px;
	padding-left: 1.35rem;
}

.diva-legal__section li {
	margin: 10px 0;
	font-family: var(--diva-legal-font);
	color: var(--diva-legal-text);
	letter-spacing: 0 !important;
	line-height: 1.7;
}

.diva-legal a {
	color: var(--diva-legal-primary);
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.2s ease;
}

.diva-legal a:hover {
	color: var(--diva-legal-green);
}

.diva-legal__section strong {
	font-weight: 600;
	color: var(--diva-legal-primary);
}

@media (max-width: 767px) {
	.diva-legal {
		padding: 28px 16px 64px;
		font-size: 16px;
	}

	.diva-legal__header {
		margin-bottom: 36px;
		text-align: left;
	}

	.diva-legal__title--privacy {
		max-width: none;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.diva-legal-page .diva-legal__heading,
	.diva-legal-page .diva-legal h2.diva-legal__heading {
		font-size: 18px !important;
		line-height: 1.4 !important;
	}
}