/*
 * Miss Amrita — Final Polish Layer
 * Consolidated visual overrides for the final theme package.
 */
.ma-explore-pro{padding:82px 0 88px;background:linear-gradient(180deg,#fff9fb 0%,#fff 52%,#fff7fa 100%);position:relative;z-index:4}
.ma-explore-heading{text-align:center;max-width:860px;margin:0 auto 34px}
.ma-explore-kicker{display:inline-flex;align-items:center;gap:10px;color:#c92f68;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.ma-explore-kicker span{font-size:18px;letter-spacing:0;color:#d72e70}
.ma-explore-heading h2{margin:10px 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,54px);line-height:1.05;font-weight:600;color:#1e1a22}
.ma-explore-heading h2 em{font-style:normal;color:#d82e70}
.ma-explore-heading p{margin:0 auto;color:#756a72;font-size:16px;line-height:1.7;max-width:700px}
.ma-topic-grid-four{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.ma-topic-pro-premium{min-height:430px!important;padding:0 24px 28px!important;border:1px solid #f1d3de!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#fff7fa 100%)!important;box-shadow:0 16px 40px rgba(80,28,49,.08)!important;overflow:hidden;display:flex!important;align-items:center;justify-content:flex-end;position:relative;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease!important;color:#241f27!important}
.ma-topic-pro-premium:hover{transform:translateY(-9px)!important;box-shadow:0 26px 55px rgba(80,28,49,.15)!important;border-color:#eaa4bb!important}
.ma-topic-pro-image{position:absolute;inset:0 0 auto;height:185px;background-size:cover;background-position:center;opacity:.92}
.ma-topic-pro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,247,250,.98))}
.ma-topic-pro-icon{position:relative!important;z-index:2;width:82px!important;height:82px!important;margin:0 auto 15px!important;border:3px solid #fff!important;border-radius:50%!important;background:linear-gradient(145deg,#fff,#fff0f5)!important;color:#df2f72!important;box-shadow:0 10px 28px rgba(211,43,105,.18),0 0 0 1px #e6b2c3!important;font-size:30px!important;display:grid!important;place-items:center!important}
.ma-topic-pro-rule{position:relative;z-index:2;width:46px;height:1px;background:#c99a57;margin:0 auto 14px;opacity:.8}
.ma-topic-pro-premium b{position:relative;z-index:2;display:block!important;font-family:Georgia,'Times New Roman',serif!important;font-size:23px!important;line-height:1.2!important;color:#cf2d6c!important;text-align:center!important}
.ma-topic-pro-premium small{position:relative;z-index:2;display:block!important;max-width:245px!important;margin:10px auto 0!important;color:#5e565c!important;font-size:13px!important;line-height:1.65!important;text-align:center!important}
.ma-topic-pro-arrow{position:relative;z-index:2;width:38px;height:38px;margin:18px auto 0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#dd2f70;border:1px solid #f0b5c8;box-shadow:0 7px 18px rgba(211,43,105,.12);transition:.25s}
.ma-topic-pro-premium:hover .ma-topic-pro-arrow{background:#dd2f70;color:#fff;transform:translateX(3px)}
.ma-topic-pro-premium[href*="shop"] .ma-topic-pro-icon{color:#c92565}
@media(max-width:1000px){.ma-topic-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ma-topic-pro-premium{min-height:390px!important}}
@media(max-width:600px){.ma-explore-pro{padding:58px 0 64px}.ma-explore-heading h2{font-size:34px}.ma-explore-heading p{font-size:14px}.ma-topic-grid-four{grid-template-columns:1fr!important;gap:16px!important}.ma-topic-pro-premium{min-height:360px!important}.ma-topic-pro-image{height:165px}.ma-topic-pro-icon{width:74px!important;height:74px!important;font-size:27px!important}}
/* Header: keep navigation controls visually consistent. */
.ma-ref-nav{gap:var(--ma-nav-gap,12px)!important}
/* Never allow the page to create a horizontal scrollbar from theme chrome. */
html,body{max-width:100%;overflow-x:hidden}


/* =========================================================
   MISS AMRITA 10.2 — FINAL VISUAL QA PATCH
   ========================================================= */
/* The Pro Max single post owns its title area. Keep generic sub-header hidden
   even if an older cached stylesheet tries to display it. */
body.single-post .ma-sub-header{display:none!important}

/* Dark mode must never leave the homepage hero text as faint outlines. */
body.dark-mode .ma-hero-pro-copy h1,
body.dark-mode .ma-hero-pro-copy h1 span{color:#fff4f8!important;-webkit-text-fill-color:#fff4f8!important;text-shadow:0 2px 0 rgba(0,0,0,.35)!important}
body.dark-mode .ma-hero-pro-copy h1 em{color:#ff70aa!important;-webkit-text-fill-color:#ff70aa!important}
body.dark-mode .ma-hero-pro-copy .ma-pro-kicker{color:#ffb0c9!important;-webkit-text-fill-color:#ffb0c9!important}
body.dark-mode .ma-hero-pro-copy>p:not(.ma-pro-kicker){color:#ead9e1!important;-webkit-text-fill-color:#ead9e1!important}

/* The four premium Explore cards should remain readable in both themes. */
body.dark-mode .ma-explore-pro{background:linear-gradient(180deg,#171017 0%,#20151d 52%,#171017 100%)!important;color:#fff5f8!important}
body.dark-mode .ma-explore-heading h2{color:#fff5f8!important}
body.dark-mode .ma-explore-heading h2 em{color:#ff6fa8!important}
body.dark-mode .ma-explore-heading p{color:#d9c9d1!important}
body.dark-mode .ma-explore-kicker{color:#ff9cbe!important}
body.dark-mode .ma-topic-pro-premium{background:linear-gradient(180deg,#2b2027 0%,#211820 100%)!important;border-color:#4a3540!important;color:#fff5f8!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
body.dark-mode .ma-topic-pro-premium small{color:#d9c9d1!important}
body.dark-mode .ma-topic-pro-premium b{color:#ff78ad!important}
body.dark-mode .ma-topic-pro-icon{background:linear-gradient(145deg,#35242d,#251a21)!important;color:#ff83b1!important;border-color:#fff!important}
body.dark-mode .ma-topic-pro-rule{background:#d7aa69!important}

/* Single-post dark mode: cards, TOC, metadata and article text must stay legible. */
body.dark-mode.single-post{background:#171316!important;color:#f8edf2!important}
body.dark-mode .ma-pro-post-head h1{color:#fff5f8!important}
body.dark-mode .ma-pro-excerpt{color:#dccbd3!important}
body.dark-mode .ma-pro-meta{color:#e8dce1!important}
body.dark-mode .ma-pro-meta .ma-pro-updated{color:#bcaab3!important}
body.dark-mode .ma-pro-breadcrumb{color:#bcaab3!important}
body.dark-mode .ma-pro-breadcrumb a{color:#f0dce4!important}
body.dark-mode .ma-pro-toc,
body.dark-mode .ma-pro-side-card,
body.dark-mode .ma-pro-mid-share,
body.dark-mode .ma-pro-helpful,
body.dark-mode .ma-pro-author-bottom{background:linear-gradient(145deg,#241a20,#21171d)!important;border-color:#4b3741!important;color:#f8edf2!important}
body.dark-mode .ma-pro-toc-head h2,
body.dark-mode .ma-pro-content h2,
body.dark-mode .ma-pro-content h3,
body.dark-mode .ma-pro-side-card h2{color:#fff5f8!important}
body.dark-mode .ma-pro-toc-grid a,
body.dark-mode .ma-pro-content,
body.dark-mode .ma-pro-content p,
body.dark-mode .ma-pro-author-bottom p,
body.dark-mode .ma-pro-planner p,
body.dark-mode .ma-pro-affiliate p{color:#dccbd3!important}
body.dark-mode .ma-pro-content blockquote{background:#2d1b25!important;color:#ffe6ef!important}
body.dark-mode .ma-pro-tags a{background:#2a2026!important;border-color:#4a3740!important;color:#e9dce2!important}
body.dark-mode .ma-pro-related{background:#171316!important;border-color:#44343c!important}
body.dark-mode .ma-related-grid article{background:#241a20!important;border-color:#4b3741!important}
body.dark-mode .ma-related-grid h3 a{color:#fff5f8!important}

/* Better footer hierarchy: larger readable columns without changing its premium dark identity. */
.ma-footer-pro-grid{gap:34px!important}
.ma-footer-pro-grid>div{min-width:0}
.ma-footer-pro-grid h3{font-size:14px!important;letter-spacing:.02em}
.ma-footer-pro-grid li,.ma-footer-pro-grid a,.ma-footer-pro-grid p{font-size:12px!important;line-height:1.65!important}
@media(max-width:700px){.ma-footer-pro-grid{grid-template-columns:1fr!important;gap:24px!important}.ma-footer-pro-grid>div{grid-column:auto!important}}
