/*
 * Terms and Privacy pages — shared between page-terms.php and
 * page-privacy.php. Loaded only on those two templates, see
 * functions-enqueue-snippet.php.
 *
 * Both pages are just a heading + a flat list of numbered sections (no
 * cards, no CTAs, no special layout) — sharing one stylesheet under two
 * separate root IDs (#gm-terms / #gm-privacy) avoids duplicating trivial,
 * identical styling twice, same reasoning as why-choose-section.php /
 * locations-section.php being factored out of About Us and Guarantee.
 */

#gm-terms,
#gm-privacy {
	--gm-legal-red: var(--awb-color2, #ed2e38);
	--gm-legal-black: var(--awb-color1, #0a0a0a);
	--gm-legal-gray-md: #595959;
	max-width: 820px;
	margin: 0 auto;
	padding: 48px 24px 64px;
	font-family: var(--awb-body-typography-font-family, inherit);
	color: var(--gm-legal-black);
	box-sizing: border-box;
}

#gm-terms h1,
#gm-privacy h1,
#gm-terms h2,
#gm-privacy h2 {
	font-family: var(--awb-heading-typography-font-family, inherit);
	line-height: 1.2;
	margin: 0 0 12px;
}

.gm-legal__hero h1 {
	font-size: clamp(26px, 5vw, 36px);
}

.gm-legal__intro {
	color: var(--gm-legal-gray-md);
	line-height: 1.6;
	margin: 0 0 40px;
}

.gm-legal__body h2 {
	font-size: 1.15rem;
	color: var(--gm-legal-red);
	margin-top: 32px;
}

.gm-legal__body h2:first-child {
	margin-top: 0;
}

.gm-legal__body p {
	line-height: 1.65;
	color: var(--gm-legal-gray-md);
	margin: 0 0 8px;
}

.gm-legal__body ul {
	margin: 0 0 16px;
	padding-left: 22px;
	color: var(--gm-legal-gray-md);
	line-height: 1.6;
}

@media (max-width: 600px) {
	#gm-terms,
	#gm-privacy {
		padding: 32px 16px 48px;
	}
}