/* ==========================================================================
   Shivay Anantam — Legal pages (Privacy Policy, Terms & Conditions)
   ========================================================================== */

.sa-legal .sa-phero { padding-bottom: clamp(50px, 7vw, 90px); }
.sa-legal__body { padding-top: clamp(40px, 6vw, 70px); }
.sa-legal__inner { display: grid; grid-template-columns: 300px 1fr; gap: clamp(30px, 5vw, 70px); align-items: start; }

/* ---------- Sidebar ---------- */
.sa-legal__side { position: sticky; top: calc(var(--sa-adminbar) + 110px); display: grid; gap: 16px; }
.sa-toc { position: relative; padding: 22px 22px 22px 26px; border-radius: 22px; background: #fff; border: 1px solid var(--sa-line); overflow: hidden; }
.sa-toc strong { display: block; margin-bottom: 12px; font: 700 .72rem var(--sa-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--sa-copper); }
.sa-toc ol { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.sa-toc a { display: flex; gap: 10px; padding: 7px 10px; border-radius: 10px; color: var(--sa-muted) !important; font-size: .88rem; font-weight: 500; line-height: 1.4; transition: background-color .25s, color .25s, padding .3s var(--sa-ease); }
.sa-toc a span { flex: none; font-size: .72rem; font-weight: 800; color: rgba(162, 93, 76, .55); padding-top: 2px; }
.sa-toc a:hover { color: var(--sa-ink) !important; background: var(--sa-cream); }
.sa-toc a.is-active { color: var(--sa-ink) !important; background: var(--sa-sand); padding-left: 14px; font-weight: 700; }
.sa-toc a.is-active span { color: var(--sa-copper); }
.sa-toc__progress { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--sa-cream); }
.sa-toc__progress i { display: block; width: 100%; height: 0; background: linear-gradient(180deg, var(--sa-gold), var(--sa-copper), var(--sa-red)); transition: height .2s linear; }

.sa-legal__help { display: grid; gap: 8px; padding: 22px; border-radius: 22px; background: var(--sa-ink); background-image: radial-gradient(circle at 100% 0%, rgba(162, 93, 76, .5), transparent 55%); color: #dcc8bd; }
.sa-legal__help > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgba(212, 168, 106, .16); color: var(--sa-gold); font-size: 1.2rem; }
.sa-legal__help strong { font: 600 1.35rem/1.2 var(--sa-serif); color: #fff; }
.sa-legal__help p { margin: 0 0 4px; font-size: .86rem; }
.sa-legal__help a { display: flex; align-items: center; gap: 8px; color: #fff !important; font-size: .88rem; font-weight: 600; word-break: break-word; transition: color .25s; }
.sa-legal__help a:hover { color: var(--sa-gold) !important; }
.sa-legal__help a .sa-icon { flex: none; color: var(--sa-gold); }

/* ---------- Content ---------- */
.sa-legal__content { padding: clamp(26px, 4vw, 50px); border-radius: 28px; background: #fff; border: 1px solid var(--sa-line); box-shadow: 0 40px 80px -60px rgba(124, 66, 52, .6); font-size: 1rem; line-height: 1.85; color: var(--sa-ink-2); }
.sa-legal__content > p:first-child { margin-top: 0; padding: 20px 22px; border-radius: 18px; background: var(--sa-cream); border-left: 4px solid var(--sa-copper); font-size: 1.04rem; color: var(--sa-ink); }
.sa-legal__content h2 { display: flex; align-items: baseline; gap: 14px; margin: 44px 0 14px; padding-top: 30px; border-top: 1px dashed var(--sa-line); font-size: clamp(1.6rem, 2.6vw, 2rem); font-weight: 600; line-height: 1.2; scroll-margin-top: 130px; }
.sa-legal__content h2:first-of-type { margin-top: 30px; }
.sa-legal__num { flex: none; font: 800 .8rem var(--sa-sans); letter-spacing: .1em; color: var(--sa-copper); padding: 4px 9px; border-radius: 999px; background: var(--sa-sand); transform: translateY(-4px); }
.sa-legal__content p { margin: 0 0 14px; }
.sa-legal__content ul { display: grid; gap: 10px; margin: 0 0 16px; padding: 0; list-style: none; }
.sa-legal__content li { position: relative; padding-left: 30px; }
.sa-legal__content li::before { content: ""; position: absolute; left: 4px; top: .62em; width: 10px; height: 10px; border-radius: 3px; background: linear-gradient(135deg, var(--sa-copper), var(--sa-red)); transform: rotate(45deg); }
.sa-legal__content a { color: var(--sa-copper) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
.sa-legal__content strong { color: var(--sa-ink); }

.sa-legal__next { display: flex; align-items: center; gap: 14px; margin-top: 40px; padding: 20px 24px; border-radius: 20px; background: var(--sa-ink); color: #fff !important; text-decoration: none !important; transition: transform .45s var(--sa-ease), box-shadow .45s; }
.sa-legal__next small { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--sa-gold); }
.sa-legal__next strong { font: 600 1.4rem/1.2 var(--sa-serif); color: #fff; }
.sa-legal__next i { margin-left: auto; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--sa-copper); transition: transform .4s var(--sa-ease); }
.sa-legal__next:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -24px rgba(43, 27, 22, .8); }
.sa-legal__next:hover i { transform: rotate(-45deg); }

@media (max-width: 960px) {
	.sa-legal__inner { grid-template-columns: 1fr; }
	.sa-legal__side { position: static; }
	.sa-legal__help { display: none; }
}