/* ============================================================
   PREMIUM TOPIC STYLING
   Applied to all sg_topic pages via body.mmc-premium-topic
   GtP chakra topics also get .mmc-gtp-topic + .mmc-chakra-N
   ============================================================ */

/* === Editorial container ===
   .focus-content keeps its native (full-column) width so the hero
   image / header band span the column. Only the body card and
   chakra hero are constrained for comfortable reading width. */

body.mmc-premium-topic .focus-content__body {
    background: linear-gradient(180deg, #fefcf7 0%, #faf6ec 100%);
    border-radius: 8px;
    padding: 3.5rem 2.75rem;
    box-shadow: 0 1px 3px rgba(13, 58, 44, 0.04), inset 0 0 60px rgba(200, 165, 92, 0.025);
    border: 1px solid rgba(200, 165, 92, 0.18);
    margin: 2rem auto 3rem;
    max-width: 880px;
}

/* Chakra hero centred and matched to body width */
body.mmc-gtp-topic .mmc-chakra-hero {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
}

@media (max-width: 640px) {
    body.mmc-premium-topic .focus-content__body {
        padding: 2rem 1.25rem;
    }
}

/* === Chakra hero band (GtP only) === */
body.mmc-gtp-topic .mmc-chakra-hero {
    text-align: center;
    margin: 0 auto 2rem;
    padding: 0 0 2rem;
    max-width: 720px;
    border-bottom: 1px solid rgba(200, 165, 92, 0.18);
}
body.mmc-gtp-topic .mmc-chakra-hero__eyebrow {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 0.875rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c8a55c;
    margin-bottom: 1rem;
    font-weight: 600;
}
body.mmc-gtp-topic .mmc-chakra-hero__symbol {
    width: 56px;
    height: 56px;
    margin: 0 auto 1rem;
    color: var(--chakra-color, #c8a55c);
}
body.mmc-gtp-topic .mmc-chakra-hero__symbol svg {
    width: 100%;
    height: 100%;
}
body.mmc-gtp-topic .mmc-chakra-hero__subtitle {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.5rem;
    font-style: italic;
    color: #0d3a2c;
    letter-spacing: 0.05em;
}

/* Per-chakra colour theming */
body.mmc-chakra-1 { --chakra-color: #c44536; }  /* Root - red */
body.mmc-chakra-2 { --chakra-color: #d77a1f; }  /* Sacral - orange */
body.mmc-chakra-3 { --chakra-color: #d4af37; }  /* Solar Plexus - yellow */
body.mmc-chakra-4 { --chakra-color: #4a7c4f; }  /* Heart - green */
body.mmc-chakra-5 { --chakra-color: #4a7c8e; }  /* Throat - blue */
body.mmc-chakra-6 { --chakra-color: #5d4d8a; }  /* Third Eye - indigo */
body.mmc-chakra-7 { --chakra-color: #8b6f9e; }  /* Crown - violet */

/* === Numbered section headings (1./2./3.) === */
body.mmc-premium-topic .focus-content .entry-content h2.mmc-numbered {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding-top: 0;
    margin-top: 2.5rem;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #0d3a2c;
    line-height: 1.2;
}
body.mmc-premium-topic .focus-content .entry-content h2.mmc-numbered::before {
    display: none;  /* hide the auto gold pill */
}
body.mmc-premium-topic .focus-content .entry-content h2.mmc-numbered .mmc-h2-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid #c8a55c;
    color: #c8a55c;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
    background: rgba(200, 165, 92, 0.04);
}

/* === Ornamental divider (replaces wp-block-separator) === */
body.mmc-premium-topic .focus-content .entry-content .mmc-ornament {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 3rem auto;
    max-width: 280px;
    border: none;
    height: auto;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-ornament::before,
body.mmc-premium-topic .focus-content .entry-content .mmc-ornament::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, #c8a55c, transparent);
}
body.mmc-premium-topic .focus-content .entry-content .mmc-ornament__diamond {
    width: 8px;
    height: 8px;
    background: #c8a55c;
    transform: rotate(45deg);
    flex-shrink: 0;
}

/* Fallback for any wp-block-separator that escapes the PHP transformer */
body.mmc-premium-topic .focus-content .entry-content hr.wp-block-separator {
    border: none;
    background: none;
    text-align: center;
    margin: 3rem auto;
    max-width: 280px;
    height: auto;
    overflow: visible;
}
body.mmc-premium-topic .focus-content .entry-content hr.wp-block-separator::after {
    content: '◆';
    color: #c8a55c;
    font-size: 0.85rem;
    letter-spacing: 0;
    display: inline-block;
}

/* === Signature line === */
body.mmc-premium-topic .focus-content .entry-content .mmc-signature {
    text-align: right;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 1.4rem;
    color: #c8a55c;
    margin-top: 3rem;
    padding-top: 1.5rem;
    position: relative;
    line-height: 1.4;
    letter-spacing: 0.02em;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-signature::before {
    content: '';
    display: block;
    width: 30%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 165, 92, 0.5));
    position: absolute;
    top: 0;
    right: 0;
}

/* === Let's begin === */
body.mmc-premium-topic .focus-content .entry-content .mmc-lets-begin {
    text-align: center;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    font-size: 1.35rem;
    color: #0d3a2c;
    margin: 2.5rem 0 1.5rem;
    letter-spacing: 0.04em;
    opacity: 0.85;
}

/* === Premium download buttons === */
body.mmc-premium-topic .focus-content .entry-content .mmc-download-group {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0 1rem;
    flex-wrap: wrap;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1.5rem;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.25s ease;
    line-height: 1;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn--gold {
    background: linear-gradient(135deg, #d4af37 0%, #c8a55c 100%);
    color: #0d3a2c !important;
    border: 1px solid #c8a55c;
    box-shadow: 0 2px 6px rgba(200, 165, 92, 0.25);
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn--gold:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(200, 165, 92, 0.4);
    background: linear-gradient(135deg, #d4af37 0%, #b8954a 100%);
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn--outline {
    background: transparent;
    color: #0d3a2c !important;
    border: 1px solid #0d3a2c;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn--outline:hover {
    background: #0d3a2c;
    color: #fefcf7 !important;
}
body.mmc-premium-topic .focus-content .entry-content .mmc-btn svg {
    width: 18px;
    height: 18px;
}

/* === Drop-cap on first body paragraph === */
body.mmc-premium-topic .focus-content .entry-content > p:first-of-type::first-letter,
body.mmc-premium-topic .focus-content .entry-content > h2:first-of-type + p::first-letter,
body.mmc-premium-topic .focus-content .entry-content > div + p:first-of-type::first-letter,
body.mmc-premium-topic .focus-content .entry-content > figure + p:first-of-type::first-letter {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 4.5rem;
    font-weight: 600;
    color: #c8a55c;
    float: left;
    line-height: 0.85;
    margin: 0.25rem 0.625rem 0 0;
    padding: 0;
}

/* === Body paragraph polish === */
body.mmc-premium-topic .focus-content .entry-content p {
    font-size: 1.0625rem;
    line-height: 1.85;
    color: #1a2332;
}

/* === Image centring (override default alignleft) === */
body.mmc-premium-topic .focus-content .entry-content figure,
body.mmc-premium-topic .focus-content .entry-content .wp-block-image {
    margin: 2.5rem auto;
    max-width: 60%;
    text-align: center;
}
@media (max-width: 640px) {
    body.mmc-premium-topic .focus-content .entry-content figure,
    body.mmc-premium-topic .focus-content .entry-content .wp-block-image {
        max-width: 100%;
    }
}
body.mmc-premium-topic .focus-content .entry-content figure img,
body.mmc-premium-topic .focus-content .entry-content .wp-block-image img {
    margin: 0 auto;
    display: block;
}