/* ============================================================
   Manish SEO — skin for legacy (Tailwind) page sections.
   Aligns older section markup with the new design system.
   ============================================================ */
.ms .font-heading{font-family:var(--head)!important;letter-spacing:-.02em}
.ms-legacy{background:var(--bg)}
.ms-legacy .lg-sec{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}
.ms-legacy .lg-sec .max-w-7xl{max-width:var(--wrap)!important;padding-left:clamp(18px,4vw,32px)!important;padding-right:clamp(18px,4vw,32px)!important}

/* headings */
.ms-legacy .lg-sec h2{font-family:var(--head)!important;font-weight:800!important;font-size:clamp(1.9rem,3.4vw,2.75rem)!important;line-height:1.15!important;letter-spacing:-.02em}
.ms-legacy .lg-sec h3{font-family:var(--head)!important;letter-spacing:-.015em;line-height:1.25}
.ms-legacy .lg-sec h3.text-2xl,.ms-legacy .lg-sec h3.text-3xl{font-size:1.25rem!important}
.ms-legacy .lg-sec h3.text-xl{font-size:1.15rem!important}
.ms-legacy .lg-sec h4{font-family:var(--head)!important;letter-spacing:-.01em}
.ms-legacy .lg-sec :is(h3,h4):is(.text-accent,.text-secondary,.text-primary):not(:is(.bg-primary,.bg-secondary,.bg-foreground,[class*="bg-primary/"],[class*="bg-secondary/"]) *){color:var(--fg)!important}
.ms-legacy .lg-sec p{line-height:1.65}

/* cards */
.ms-legacy .lg-sec :is(.bg-card,.bg-background):is(.rounded-xl,.rounded-2xl,.rounded-lg):is(.border,.shadow-sm,.shadow-md){border-radius:var(--r-lg)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;transition:border-color .2s,box-shadow .2s,transform .2s}
.ms-legacy .lg-sec a:is(.bg-card,.bg-background):hover,.ms-legacy .lg-sec :is(.bg-card,.bg-background).group:hover{border-color:var(--accent)!important;box-shadow:var(--shadow-md)!important}
.ms-legacy .lg-sec [class*="hover:border-t-"]:hover{border-top-width:1px!important}
.ms-legacy .lg-sec .bg-primary:is(.rounded-xl,.rounded-2xl){border-radius:var(--r-lg)!important}

/* icon tiles */
.ms-legacy .lg-sec :is(.w-12.h-12,.w-14.h-14,.w-10.h-10):is(.rounded-lg,.rounded-xl,.rounded-md):not(:is(.bg-primary,.bg-secondary) *){border-radius:12px!important}

/* buttons inside legacy sections */
.ms-legacy .lg-sec a.rounded-md:is(.bg-primary,.bg-secondary,.bg-accent),.ms-legacy .lg-sec button.rounded-md:is(.bg-primary,.bg-secondary,.bg-accent){border-radius:var(--r-sm)!important;font-family:var(--body)}

/* chips & badges */
.ms-legacy .lg-sec span.rounded-full:is(.bg-muted,.bg-accent\/10,.bg-secondary\/10){font-weight:600}

/* FAQ (details/summary) */
.ms-legacy .lg-sec details{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important;box-shadow:none!important;transition:border-color .2s}
.ms-legacy .lg-sec details[open]{border-color:var(--accent)!important;box-shadow:var(--shadow-sm)!important}
.ms-legacy .lg-sec details summary{font-family:var(--head)!important;font-weight:700!important;font-size:1.02rem!important;color:var(--fg)!important}
.ms-legacy .lg-sec details summary::-webkit-details-marker{display:none}

/* section backgrounds: map legacy washes to the new palette */
.ms-legacy .lg-sec.bg-muted{background:var(--muted)!important}
.ms-legacy .lg-sec.bg-card{background:var(--card)!important}
.ms-legacy .lg-sec.bg-background{background:var(--bg)!important}
.ms-legacy .lg-sec.bg-primary{background:var(--primary)!important}
.ms-legacy .lg-sec.border-b{border-bottom-color:var(--border)!important}

/* legacy forms (custom fields kept) */
.legacy-form{background:var(--card);color:var(--fg);border-radius:var(--r-lg);padding:clamp(22px,3.5vw,34px)!important;box-shadow:0 40px 80px -40px rgba(0,0,0,.6);border:0}
.legacy-form label{color:var(--fg)!important;font-weight:600!important;font-size:.88rem!important}
.legacy-form :is(input,select,textarea){border-radius:var(--r-sm)!important;border:1.5px solid var(--border)!important;background:var(--bg)!important;color:var(--fg)!important;font-family:var(--body)}
.legacy-form :is(input,select,textarea):focus{border-color:var(--accent)!important;outline:none}
.legacy-form button[type="submit"]{background:var(--primary)!important;color:#fff!important;border-radius:var(--r-sm)!important;font-family:var(--body)}
.legacy-form button[type="submit"]:hover{background:var(--secondary)!important}

/* old floating WhatsApp button & mobile panel never shown */
#mobile-nav-panel{display:none!important}
.ms-legacy .acc{border-radius:var(--r-md)!important;transition:border-color .2s}
.ms-legacy .acc:has(> button[aria-expanded="true"]){border-color:var(--accent)!important}
.ms-legacy .acc > button{font-family:var(--head)!important;font-size:1.02rem!important;color:var(--fg)!important}
.ms-legacy .acc > button svg{transition:transform .2s}
.ms-legacy .acc > button[aria-expanded="true"] svg{transform:rotate(180deg)}
.ms-legacy .lg-sec h2 + :is(p,div){margin-top:16px}
.ms-legacy .lg-sec p + p{margin-top:12px}
/* legal pages: calmer document headings */
.ms-legacy section[id]:not([class]) h2{font-family:var(--head)!important;font-size:clamp(1.3rem,2vw,1.6rem)!important;font-weight:800!important;letter-spacing:-.015em;line-height:1.25!important}
.ms-legacy section[id]:not([class]) + section[id]:not([class]){margin-top:8px}