/* =====================================================================
   Yasara — LEGAL / policy pages (disclaimer, privacy, refund, shipping, terms).
   ===================================================================== */
/* ============================================================
   LEGAL / POLICY PAGES (Privacy Policy, etc.)
   Apply via Page Attributes → Template → "Privacy Policy — Yasara"
   ============================================================ */
.legal-page { color: var(--color-text); background: var(--color-bg); }
.legal-page .eyebrow { color: var(--color-brand-dark); margin-bottom: 20px; } /* LEGAL → title */

/* HERO ---------------------------------------------------- */
.legal-hero {
	position: relative;
	background: linear-gradient(180deg, var(--color-cream) 0%, var(--color-bg) 100%);
	overflow: hidden; text-align: center;
	/* 20px above LEGAL (header → eyebrow) and 20px below the pill (pill → box). */
	padding: 20px 0;
}
.legal-orbs { display: none; }
.legal-hero-inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.legal-h1 {
	font-family: var(--font-display); font-weight: 400;
	font-size: clamp(1.9rem, 4vw, 3rem);
	line-height: 1.1; letter-spacing: -.02em;
	color: var(--color-ink); margin: 0 0 20px; /* title → effective-date pill */
}
.legal-effective {
	display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem;
	font-size: .82rem; letter-spacing: .14em; text-transform: uppercase;
	color: var(--color-muted); background: var(--color-surface);
	border: 1px solid var(--color-line); border-radius: 999px;
	padding: .5rem 1rem; margin: 0;
}
.legal-effective strong { color: var(--color-brand-dark); font-weight: 600; }
.legal-effective span { color: var(--color-ink); font-weight: 600; }

/* BODY ---------------------------------------------------- */
.legal-body {
	/* No top padding (pill → box gap is the hero's 20px bottom padding).
	   20px below the content box → footer. */
	padding: 0 0 20px;
}
.legal-content {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	background: var(--color-surface);
	border: 1px solid var(--color-line);
	border-radius: var(--radius-xl);
	padding: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 5vw, 3.5rem);
	box-shadow: var(--shadow-sm);
}

.legal-intro {
	font-family: var(--font-display); font-weight: 400; font-style: italic;
	font-size: clamp(1.15rem, 1.8vw, 1.4rem); line-height: 1.55;
	color: var(--color-ink); margin: 0 0 2.5rem; padding-bottom: 2rem;
	border-bottom: 1px solid var(--color-line);
}

.legal-section { margin: 0 0 2.5rem; }
.legal-section:last-child { margin-bottom: 0; }
.legal-section > header { display: flex; align-items: baseline; gap: .85rem; margin-bottom: 1rem; }
.legal-section h2 {
	font-family: var(--font-display); font-weight: 500;
	font-size: clamp(1.35rem, 2.6vw, 1.85rem);
	line-height: 1.2; letter-spacing: -.01em;
	color: var(--color-ink); margin: 0;
}
.legal-num {
	font-family: var(--font-display); font-weight: 400; font-style: italic;
	font-size: clamp(1.4rem, 2.4vw, 1.8rem);
	color: var(--color-brand-dark); line-height: 1;
	flex-shrink: 0; min-width: 2.2ch;
}

.legal-section p {
	font-size: 1.02rem; line-height: 1.8;
	color: var(--color-text); margin: 0 0 1rem;
}
.legal-section p:last-child { margin-bottom: 0; }

/* Definitions (Personal / Non-Personal) ------------------ */
.legal-defs { margin: 0; }
.legal-defs dt {
	font-weight: 600; color: var(--color-brand-dark);
	font-size: .95rem; letter-spacing: .01em;
	margin-bottom: .35rem;
}
.legal-defs dd {
	margin: 0 0 1rem; padding: 0;
	font-size: 1.02rem; line-height: 1.75; color: var(--color-text);
}
.legal-defs dd:last-child { margin-bottom: 0; }

/* Bulleted list ------------------------------------------ */
.legal-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .85rem; }
.legal-list li {
	position: relative; padding-left: 1.75rem;
	font-size: 1.02rem; line-height: 1.7; color: var(--color-text);
}
.legal-list li::before {
	content: ""; position: absolute; left: 0; top: .65em;
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--color-brand);
}

/* Email link -------------------------------------------- */
.legal-mail {
	color: var(--color-brand-dark); font-weight: 600;
	border-bottom: 1px solid var(--color-brand-dark);
	padding-bottom: 1px; transition: color .25s var(--ease), border-color .25s var(--ease);
}
.legal-mail:hover { color: var(--color-ink); border-bottom-color: var(--color-ink); }

/* Responsive --------------------------------------------- */
@media (max-width: 640px) {
	.legal-content { padding: 1.75rem 1.25rem; border-radius: var(--radius-lg); }
	.legal-section > header { gap: .6rem; }
}


@media (max-width: 600px) {
	.legal-page { padding-left: 20px; padding-right: 20px; }
	.legal-page .container { padding-left: 0; padding-right: 0; }
	.legal-content { padding: 16px; }
}