/* =============================================================================
 * Terms & Conditions — per-template styles
 *
 * Loads after global.css (priority 20).
 * Prefix: .ba-terms-*
 * ========================================================================== */

/* ---------------------------------------------------------------------------
 * 1. HERO — title section
 * autoTag rule 1: [class*="hero__text"] → stagger children
 *   eyebrow  → fade-up   (nth-child 1, delay 0ms)
 *   h1       → blur-up   (nth-child 2, delay 110ms — isTitleNode: H1)
 *   sub      → fade-up   (nth-child 3, delay 220ms)
 * ------------------------------------------------------------------------- */

.ba-terms-hero__text {
	max-width: 680px;
}

.ba-terms-hero__title {
	font-family: var(--ba-font-heading);
	font-weight: 400;
	font-size: var(--ba-fs-h1);
	line-height: var(--ba-lh-heading);
	color: var(--ba-text-primary);
	margin: var(--ba-space-eyebrow) 0 0;
}

.ba-terms-hero__sub {
	font-family: var(--ba-font-body);
	font-weight: 400;
	font-size: var(--ba-fs-body);
	line-height: var(--ba-lh-body);
	color: var(--ba-text-muted);
	margin: 14px 0 0;
}

/* ---------------------------------------------------------------------------
 * 2. CONTENT BODY
 * ------------------------------------------------------------------------- */

.ba-terms-body {
	max-width: 760px;
	font-family: var(--ba-font-body);
	font-weight: 400;
	font-size: var(--ba-fs-body);
	line-height: var(--ba-lh-body);
	color: var(--ba-text-muted);
}

.ba-terms-body p {
	margin: 14px 0 0;
}
.ba-terms-body > p:first-child,
.ba-terms-body > .wp-block-paragraph:first-child {
	margin-top: 0;
}

/* Section headings */
.ba-terms-body h2,
.ba-terms-body .wp-block-heading[data-level="2"],
.ba-terms-body h2.wp-block-heading {
	font-family: var(--ba-font-body);
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	color: var(--ba-text-primary);
	margin: var(--ba-space-9) 0 0;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(216, 203, 190, 0.55);
	scroll-margin-top: 100px;
}
.ba-terms-body h2:first-child,
.ba-terms-body h2.wp-block-heading:first-child {
	margin-top: 0;
}

/* Sub-headings (cancellation scenarios, membership cancellation) */
.ba-terms-body h3,
.ba-terms-body h3.wp-block-heading {
	font-family: var(--ba-font-body);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.4;
	color: var(--ba-text-primary);
	margin: var(--ba-gap-xl) 0 0;
}

/* Lists */
.ba-terms-body ul,
.ba-terms-body .wp-block-list {
	list-style: none;
	padding: 0;
	margin: 12px 0 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.ba-terms-body ul li,
.ba-terms-body .wp-block-list li {
	position: relative;
	padding-left: 16px;
}
.ba-terms-body ul li::before,
.ba-terms-body .wp-block-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #A38974;
}

/* Separator */
.ba-terms-body hr,
.ba-terms-body .wp-block-separator {
	border: none;
	border-top: 1px solid rgba(216, 203, 190, 0.6);
	margin: var(--ba-space-9) 0;
}

/* Closing bold statement */
.ba-terms-body p:last-child {
	background: rgba(237, 225, 213, 0.38);
	border-radius: var(--ba-radius-card-sm);
	padding: 20px 24px;
	margin-top: var(--ba-gap-xl);
	color: var(--ba-text-primary);
}

/* ---------------------------------------------------------------------------
 * Responsive
 * ------------------------------------------------------------------------- */

@media (max-width: 720px) {
	.ba-terms-hero__title { font-size: var(--ba-fs-h1-sm); }
	.ba-terms-body h2 { font-size: 18px; }
}