/*
 * eHealify Editorial Theme
 * Warm beauty-editorial palette for a USA-focused Ayurveda publication.
 * Loaded last so it can replace older forest-heavy component styling safely.
 */

:root {
    --c-bg:          #FBF7F0;
    --c-surface:     #FFFDFC;
    --c-text:        #30251F;
    --c-muted:       #76685E;
    --c-border:      #E8DDD0;
    --c-green:       #3B2D27;
    --c-green-mid:   #B8664A;
    --c-green-lt:    #87947A;
    --c-green-light: #87947A;
    --c-green-pale:  #F3ECE3;
    --c-accent:      #B8664A;
    --c-earth:       #914A35;
    --c-rose:        #A65E65;
    --c-moon:        #6D7186;
    --c-saffron:     #C69445;
    --c-espresso:    #30251F;
    --c-clay-pale:   #F6E7DE;
    --c-sage-pale:   #EDF0E8;
    --ch-earth:      #914A35;
    --font-body:     'Manrope', system-ui, sans-serif;
    --fw-body:       500;
    --shadow-sm:     0 8px 24px rgba(89,62,48,0.07);
    --shadow-md:     0 18px 48px rgba(89,62,48,0.12);
}

body {
    background: var(--c-bg);
    color: var(--c-text);
    font-family: var(--font-body);
}

a { color: var(--c-earth); }
a:hover { color: var(--c-accent); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(184,102,74,0.45) !important;
    outline-offset: 4px !important;
}

/* Navigation */
:root {
    --nav-bg:        #FFFDFC;
    --nav-glass:     rgba(255,253,252,0.96);
    --nav-link:      #5E4B42;
    --nav-hover:     #914A35;
    --nav-active:    #B8664A;
    --nav-border:    rgba(112,82,67,0.14);
}

nav.main-navigation,
nav#site-navigation {
    background: rgba(255,253,252,0.97) !important;
    border-bottom: 1px solid var(--nav-border) !important;
    box-shadow: 0 8px 26px rgba(89,62,48,0.07) !important;
}

nav.main-navigation.eh-header-scrolled {
    background: rgba(251,247,240,0.98) !important;
    box-shadow: 0 12px 30px rgba(89,62,48,0.11) !important;
}

.main-navigation .site-title a { color: var(--c-espresso) !important; }
.main-navigation .menu > li > a { color: var(--nav-link) !important; }
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.current-menu-item > a {
    color: var(--nav-hover) !important;
    background: var(--c-clay-pale) !important;
}

/* Homepage shared components */
.ehh-home,
.ehh-paths { background: var(--c-bg); }

.ehh-pill {
    background: var(--c-clay-pale);
    border-color: rgba(184,102,74,0.2);
    color: var(--c-earth);
}

.ehh-section-head h2,
.ehh-auth-info-col h2,
.ehh-post-card__body h3 { color: var(--c-espresso); }

.ehh-btn-primary {
    background: linear-gradient(135deg, #C16F55, #A6533D);
    box-shadow: 0 10px 28px rgba(184,102,74,0.26);
}
.ehh-btn-primary:hover { box-shadow: 0 15px 34px rgba(184,102,74,0.34); }
.ehh-btn-ghost {
    border-color: rgba(145,74,53,0.28);
    color: var(--c-earth);
}
.ehh-btn-ghost:hover {
    background: rgba(184,102,74,0.08);
    color: var(--c-earth);
}

/* Homepage hero: light editorial rather than a dark green wall */
.ehh-hero {
    background:
        radial-gradient(circle at 82% 18%, rgba(198,148,69,0.18), transparent 28%),
        radial-gradient(circle at 8% 85%, rgba(135,148,122,0.17), transparent 24%),
        linear-gradient(145deg, #FFFDFC 0%, #FBF3EB 56%, #F7E8DE 100%);
}

.ehh-hero-orb { opacity: 0.34; }
.ehh-hero-orb--1 {
    background: radial-gradient(circle, rgba(184,102,74,0.3) 0%, transparent 70%);
}
.ehh-hero-orb--2 {
    background: radial-gradient(circle, rgba(198,148,69,0.27) 0%, transparent 70%);
}
.ehh-hero-orb--3 {
    background: radial-gradient(circle, rgba(135,148,122,0.24) 0%, transparent 70%);
}

.ehh-hero .ehh-pill {
    background: rgba(184,102,74,0.09);
    border-color: rgba(184,102,74,0.2);
    color: var(--c-earth);
}

.ehh-hero h1 { color: var(--c-espresso); }
.ehh-hero-accent {
    background: linear-gradient(135deg, #B8664A 0%, #C69445 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.ehh-hero-text { color: var(--c-muted); }

.ehh-hero .ehh-btn-ghost {
    border-color: rgba(145,74,53,0.28);
    color: var(--c-earth);
}
.ehh-hero .ehh-btn-ghost:hover {
    background: rgba(184,102,74,0.08);
    color: var(--c-earth);
}

.ehh-hero-stats {
    background: rgba(255,253,252,0.62);
    border-color: rgba(112,82,67,0.12);
    box-shadow: 0 14px 36px rgba(89,62,48,0.08);
}
.ehh-stat strong { color: var(--c-espresso); }
.ehh-stat span { color: var(--c-muted); }
.ehh-stat-divider { background: rgba(112,82,67,0.16); }

.ehh-hc {
    background: rgba(255,253,252,0.78);
    border-color: rgba(112,82,67,0.14);
    box-shadow: 0 24px 60px rgba(89,62,48,0.16);
}
.ehh-hc-label { color: var(--c-espresso); }
.ehh-hc p { color: var(--c-muted); }
.ehh-hc:hover {
    background: rgba(255,253,252,0.94);
    border-color: rgba(184,102,74,0.42);
}
.ehh-scroll-mouse { border-color: rgba(145,74,53,0.35); }
.ehh-scroll-dot { background: var(--c-accent); }

/* Editorial topic cards keep strong image contrast without dark-green branding */
.ehh-bento-card {
    background: #533B33;
    border-color: rgba(145,74,53,0.2);
    box-shadow: var(--shadow-sm);
}
.ehh-bento-card:hover { box-shadow: 0 22px 58px rgba(89,62,48,0.2); }
.ehh-bento-overlay {
    background: linear-gradient(180deg, rgba(62,42,34,0.05) 0%, rgba(54,34,28,0.88) 100%);
}
.ehh-bento-card p { color: rgba(255,246,238,0.78); }
.ehh-bento-cta { color: #EAC184; }

/* About and guides */
.ehh-authority {
    background: linear-gradient(180deg, #F5E9DF 0%, #FBF7F0 100%);
}
.ehh-auth-img-frame { box-shadow: 0 22px 60px rgba(89,62,48,0.14); }
.ehh-auth-img-badge {
    background: rgba(74,48,39,0.92);
    color: #F5C68C;
}
.ehh-auth-info-col .ehh-pill {
    background: rgba(184,102,74,0.09);
    border-color: rgba(184,102,74,0.2);
    color: var(--c-earth);
}
.ehh-auth-actions .ehh-btn-ghost {
    border-color: rgba(145,74,53,0.28);
    color: var(--c-earth);
}
.ehh-posts { background: var(--c-surface); }
.ehh-post-card { background: var(--c-surface); }
.ehh-post-card:hover {
    border-color: rgba(184,102,74,0.48);
    box-shadow: var(--shadow-md);
}
.ehh-post-card__cat { color: var(--c-earth); }
.ehh-post-card__placeholder {
    background: linear-gradient(135deg, var(--c-clay-pale), var(--c-sage-pale));
}

/* Trust strip */
.ehh-trust-banner {
    background: linear-gradient(180deg, #F4E5DA 0%, #F8EFE8 100%);
    border-block: 1px solid rgba(184,102,74,0.12);
}
.ehh-trust-item strong { color: var(--c-espresso); }
.ehh-trust-item p { color: var(--c-muted); }

/* Footer */
.eh-footer {
    background: #30251F;
    color: #E8D8CB;
    font-family: var(--font-body);
}
.eh-footer__cta,
.eh-footer__grid,
.eh-footer__community { border-color: rgba(255,246,238,0.12); }
.eh-footer__eyebrow,
.eh-footer__col h3 { color: #E7A988; }
.eh-footer__cta h2,
.eh-footer__logo,
.eh-footer__community h2 { color: #FFF7F0; }
.eh-footer__cta p,
.eh-footer__tagline,
.eh-footer__community p { color: #CBB5A7; }
.eh-footer__disclosure,
.eh-footer__bottom p { color: #A98F82; }
.eh-footer__cta-btn {
    background: #B8664A;
    border-color: rgba(255,216,194,0.26);
    color: #FFFDFC;
}
.eh-footer__cta-btn:hover { background: #C67459; }
.eh-footer__logo:hover,
.eh-footer__col a:hover { color: #F3C283; }
.eh-footer__col a { color: #CBB5A7; }
.eh-footer__community-link {
    border-color: rgba(231,169,136,0.36);
    color: #E7A988;
}
.eh-footer__community-link:hover { background: rgba(231,169,136,0.1); }

/* Categories */
.eh-hub-header {
    background: linear-gradient(180deg, #F6E7DE 0%, var(--c-bg) 100%);
}
.eh-hub-card:hover .eh-hub-card__link { border-color: rgba(184,102,74,0.52); }
.eh-hub-card__image { background: var(--c-clay-pale); }
.eh-hub-card:hover .eh-hub-card__cta { color: var(--c-earth); }
.eh-hub-children a {
    background: var(--c-clay-pale);
    border-color: rgba(184,102,74,0.18);
    color: var(--c-earth);
}
.eh-hub-children a:hover,
.eh-hub-pagination a:hover,
.eh-hub-pagination .current {
    background: var(--c-accent);
    border-color: var(--c-accent);
    color: #fff;
}

/* Posts */
.single-post { background: var(--c-bg) !important; }
.single-post .entry-content b,
.single-post .entry-content ol li::marker { color: var(--c-espresso) !important; }
.single-post .entry-content i,
.single-post .post-navigation a { color: var(--c-earth) !important; }
.single-post .entry-content ul li::marker { color: var(--c-accent) !important; }
.single-post .post-navigation a:hover { color: var(--c-accent) !important; }
.single-post .entry-title,
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single-post .comments-title,
.single-post .comment-reply-title { color: var(--c-espresso) !important; }
.single-post .entry-meta a,
.single-post .entry-content a { color: var(--c-earth) !important; }
.single-post .entry-meta a:hover,
.single-post .entry-content a:hover {
    color: var(--c-accent) !important;
    border-color: var(--c-accent) !important;
}
.single-post .entry-content a { border-bottom-color: rgba(184,102,74,0.36) !important; }
.single-post .entry-content h2::after {
    background: linear-gradient(90deg, var(--c-accent), rgba(184,102,74,0.08)) !important;
}
.single-post .entry-content blockquote {
    background: linear-gradient(135deg, rgba(184,102,74,0.09), rgba(198,148,69,0.04)) !important;
    border-left-color: var(--c-accent) !important;
    color: var(--c-espresso) !important;
}
.single-post .entry-content th {
    background: var(--c-clay-pale) !important;
    color: var(--c-espresso) !important;
}
.single-post .entry-content th,
.single-post .entry-content td { border-color: rgba(184,102,74,0.13) !important; }
.single-post .entry-content tr:nth-child(even) td { background: rgba(184,102,74,0.035) !important; }
.single-post .entry-content hr {
    background: linear-gradient(90deg, transparent, rgba(184,102,74,0.3), transparent) !important;
}
.single-post .entry-content .faq,
.single-post .entry-content [class*="faq"],
.single-post .entry-content details {
    background: var(--c-clay-pale) !important;
    border-color: rgba(184,102,74,0.16) !important;
}
.single-post .entry-content details summary { color: var(--c-espresso) !important; }
.single-post .entry-content details summary::before {
    background: rgba(184,102,74,0.13) !important;
    color: var(--c-earth) !important;
}
.single-post .entry-content details[open] summary::before { background: rgba(184,102,74,0.22) !important; }
.single-post .entry-content .button,
.single-post .entry-content .btn,
.single-post .entry-content .wp-block-button__link,
.single-post .comment-form .submit {
    background: linear-gradient(135deg, #C16F55, #A6533D) !important;
    box-shadow: 0 8px 22px rgba(184,102,74,0.24) !important;
    font-family: var(--font-body) !important;
}
.single-post .entry-content .button:hover,
.single-post .entry-content .btn:hover,
.single-post .entry-content .wp-block-button__link:hover,
.single-post .comment-form .submit:hover {
    box-shadow: 0 12px 28px rgba(184,102,74,0.32) !important;
}
.single-post .comments-area {
    border-color: rgba(184,102,74,0.13) !important;
    box-shadow: var(--shadow-sm) !important;
}
.single-post .comment-list li.comment {
    background: #FCF4ED !important;
    border-color: rgba(184,102,74,0.12) !important;
}
.single-post .comment-form input[type="text"],
.single-post .comment-form input[type="email"],
.single-post .comment-form textarea {
    border-color: rgba(184,102,74,0.24) !important;
    font-family: var(--font-body) !important;
}
.single-post .comment-form input:focus,
.single-post .comment-form textarea:focus {
    border-color: var(--c-accent) !important;
    box-shadow: 0 0 0 3px rgba(184,102,74,0.14) !important;
}

.eh-category-pill {
    background: var(--c-clay-pale);
    border-color: rgba(184,102,74,0.22);
    color: var(--c-earth);
}
.eh-category-pill:hover {
    background: var(--c-accent);
    border-color: var(--c-accent);
}
.eh-breadcrumb a { color: var(--c-earth); }
.eh-post-meta strong,
.eh-editor-note strong,
.eh-author-box h2,
.eh-related__body h3,
.eh-article-body h2,
.eh-article-body h3,
.eh-article-body strong,
.eh-article-body b { color: var(--c-espresso); }
.eh-editor-note {
    background: var(--c-surface);
    border-color: rgba(184,102,74,0.44);
    box-shadow: var(--shadow-sm);
}
.eh-badge--verified {
    background: var(--c-sage-pale);
    border-color: rgba(135,148,122,0.34);
    color: var(--c-espresso);
}
.eh-toc {
    background: var(--c-clay-pale);
    border-color: rgba(184,102,74,0.2);
    border-left-color: var(--c-accent);
}
.eh-toc-inner h2,
.eh-toc a { color: var(--c-earth); }
.eh-article-body h2::after {
    background: linear-gradient(90deg, var(--c-accent), transparent);
}
.eh-author-avatar-img { border-color: var(--c-clay-pale); }
.eh-author-scope {
    margin-top: 12px !important;
    font-size: 0.82rem !important;
    color: var(--c-earth) !important;
}
.eh-author-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}
.eh-author-links a,
.eh-aff-block__disclosure {
    color: var(--c-earth);
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.eh-editor-note a { color: var(--c-earth); font-weight: 700; }
.eh-related { border-top-color: var(--c-clay-pale); }
.eh-related__card:hover { border-color: rgba(184,102,74,0.48); }
.eh-related__cat,
.eh-related__cta { color: var(--c-earth); }

.eh-aff-bar__inner,
.eh-aff-mini { background: rgba(58,42,35,0.97); }
.eh-aff-bar__eyebrow,
.eh-aff-mini { color: #F3C283 !important; }
.eh-aff-mini { border-color: rgba(231,169,136,0.32); }
.eh-aff-mini:hover { background: #30251F; }

/* Community */
:root {
    --ehc-cream:       #FBF7F0;
    --ehc-cream-2:     #FFFDFC;
    --ehc-sage:        #87947A;
    --ehc-sage-soft:   #EDF0E8;
    --ehc-mint:        #EEF2EA;
    --ehc-rose:        #F6E7DE;
    --ehc-orange:      #C16F55;
    --ehc-orange-dark: #A6533D;
    --ehc-ink:         #30251F;
    --ehc-text:        #68574E;
    --ehc-muted:       #8B796F;
    --ehc-border:      #E8DDD0;
    --ehc-card:        #FFFDFC;
    --ehc-shadow:      0 20px 55px rgba(89,62,48,0.1);
    --ehc-serif:       'Cormorant Garamond', Georgia, serif;
    --ehc-sans:        'Manrope', system-ui, sans-serif;
}
.ehc-kicker { color: var(--c-earth); }
.ehc-hero {
    background:
        radial-gradient(circle at 20% 5%, rgba(184,102,74,0.13), transparent 32%),
        radial-gradient(circle at 90% 22%, rgba(198,148,69,0.15), transparent 28%),
        linear-gradient(180deg, #FFFDFC 0%, #FBF7F0 100%);
}
.ehc-hero:before { border-color: rgba(184,102,74,0.18); }
.ehc-marquee,
.ehc-filter.is-active,
.ehc-pagination .current {
    background: #6D4437;
    border-color: #6D4437;
}
.ehc-btn-soft,
.ehc-filter,
.ehc-pagination a,
.ehc-pagination span { color: var(--c-earth); }
.ehc-btn-soft:hover,
.ehc-filter:hover { color: var(--c-earth); }
.ehc-trust-row span { color: #725A4E; }
.ehc-topic-icon { color: var(--c-earth); }
.ehc-story-badge,
.ehc-single-badge { color: var(--c-earth); }
.ehc-story-card h3 a:hover,
.ehc-back-link,
.ehc-back-link:hover { color: var(--c-earth); }
.ehc-story-link { color: var(--c-accent); }
.ehc-story-link:hover { color: var(--c-earth); }
.ehc-story-content,
.ehc-editor-note p,
.ehc-sidebar-card ul { color: #68574E; }

/* Mobile drawer overrides the inline legacy styling */
#eh-mob-btn {
    background: #FFFDFC !important;
    border-color: rgba(112,82,67,0.16) !important;
    color: var(--c-espresso) !important;
    box-shadow: 0 10px 26px rgba(89,62,48,0.16) !important;
}
.eh-ham span { background: var(--c-accent) !important; }
#eh-mob-btn[aria-expanded="true"] {
    background: var(--c-espresso) !important;
    color: #FFFDFC !important;
}
#eh-mob-backdrop { background: rgba(48,37,31,0.58) !important; }
#eh-mob-drawer {
    background: linear-gradient(180deg, #3A2A23 0%, #30251F 100%) !important;
    border-left-color: rgba(255,246,238,0.08) !important;
    box-shadow: -20px 0 60px rgba(48,37,31,0.32) !important;
}
.eh-drawer-brand svg { fill: #E7A988 !important; }
#eh-mob-close { color: #E7A988 !important; }
#eh-mob-menu li a { color: #E8D8CB !important; }
#eh-mob-menu li a:active,
#eh-mob-menu li.current-menu-item > a {
    color: #F3C283 !important;
    background: rgba(255,246,238,0.06) !important;
}
.eh-drawer-tagline { color: rgba(231,169,136,0.7) !important; }

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    [data-animate] {
        opacity: 1 !important;
        transform: none !important;
    }
}