/* ==========================================================================
   Hakan Interiors – legal pages (Terms of Use, Privacy Policy)
   Content is wrapped in .hakan-legal; loaded only on those pages (functions.php).
   ========================================================================== */

/* ---- Title bar: brand dark instead of TheGem's default ---- */
#page-title {
	background-color: #361F1C;
	padding-top: 64px;
	padding-bottom: 56px;
}

#page-title h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	letter-spacing: 0.04em;
	color: #F2EFEB !important;
}

/* Breadcrumbs on the dark bar: taupe trail, light current page */
#page-title {
	--thegem-to-breadcrumbs-color: #B2A591;
	--thegem-to-breadcrumbs-color-hover: #F2EFEB;
	--thegem-to-breadcrumbs-color-active: #F2EFEB;
}

#page-title .breadcrumbs,
#page-title .breadcrumbs a,
#page-title .breadcrumbs .divider {
	color: #B2A591;
}

#page-title .breadcrumbs a:hover,
#page-title .breadcrumbs .current {
	color: #F2EFEB;
}

/* TheGem underlines the current item in lime (#e7ff89) */
#page-title .breadcrumbs .current {
	border-bottom-color: #B2A591;
}

/* ---- Spacing: replace TheGem's 135px / 110px block padding; .hakan-legal sets its own ---- */
body .block-content,
body .block-content:last-of-type {
	padding-top: 48px;
	padding-bottom: 80px;
}

body .block-content:has(.hakan-legal),
body .block-content:last-of-type:has(.hakan-legal) {
	padding-top: 0;
	padding-bottom: 0;
}

/* ---- Body copy ---- */
.hakan-legal {
	max-width: 760px;
	margin: 0 auto;
	padding: 48px 24px 80px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #361F1C;
}

.hakan-legal__updated {
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #605331;
	margin-bottom: 32px;
}

.hakan-legal h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #361F1C;
	margin: 48px 0 12px;
	padding-top: 24px;
	border-top: 1px solid rgba(178, 165, 145, 0.45);
}

.hakan-legal p,
.hakan-legal ul {
	margin: 0 0 16px;
}

.hakan-legal ul {
	padding-left: 20px;
}

.hakan-legal li {
	margin-bottom: 6px;
}

.hakan-legal a {
	color: #60211A;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hakan-legal a:hover {
	color: #361F1C;
}

@media (max-width: 767px) {
	#page-title {
		padding-top: 44px;
		padding-bottom: 40px;
	}

	.hakan-legal {
		padding: 32px 16px 56px;
		font-size: 15px;
	}

	.hakan-legal h2 {
		font-size: 18px;
		margin-top: 36px;
	}
}