/* ==========================================================================
   KingdomWord Dark Theme
   Matching Design Deck Prototype (.specs/redesign/kingdomword-redesign-presentation.html)
   ========================================================================== */

:root[data-theme="dark"] {
    /* Semantic Text Tokens (Dark Mode Overrides) */
    --text-heading: #F5F7FA;        /* Primary heading / high-emphasis text */
    --text-body: #C9D2DC;           /* Body text / medium-emphasis text */
    --text-muted: #94A3B8;          /* Secondary / muted text */
    --text-link: #5B8AC5;           /* Action / link text */
    --border-l: var(--border-d);

    /* Bootstrap 5.x variable overrides */
    --bs-body-bg: #172B3E;
    --bs-body-color: #F5F7FA;
    --bs-card-bg: #22405E;
    --bs-border-color: #2B3546;
    --bs-link-color: #5B8AC5;
    --bs-link-hover-color: #E89512;
}

/* ==========================================================================
   Dark Theme Component Rules
   ========================================================================== */

/* Bootstrap Utility Overrides */
[data-theme="dark"] .bg-light {
    background-color: var(--slate) !important;
}

[data-theme="dark"] .bg-white {
    background-color: var(--slate-elev) !important;
}

[data-theme="dark"] .text-dark {
    color: var(--linen) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-muted, #94A3B8) !important;
}

[data-theme="dark"] body {
    background-color: var(--slate);
    color: var(--linen);
}

[data-theme="dark"] h1:not(.devotion-title),
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .section__header h2 {
    color: #ffffff !important;
}

[data-theme="dark"] a {
    color: var(--action-blue, #0B73D9);
}

[data-theme="dark"] a:hover {
    color: var(--gold);
}

/* Header & Navigation */
[data-theme="dark"] .header,
[data-theme="dark"] .header__top,
[data-theme="dark"] .header__bottom,
[data-theme="dark"] .header__mainmenu {
    background-color: var(--slate) !important;
    border-color: var(--border-d) !important;
}

[data-theme="dark"] .header__menu ul li a {
    color: var(--linen) !important;
}

[data-theme="dark"] .header__menu ul li a:hover,
[data-theme="dark"] .header__menu ul li.active a {
    color: var(--gold) !important;
}

[data-theme="dark"] .header__menu ul.dropdown {
    background-color: var(--slate-elev) !important;
    border: 1px solid var(--border-d) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] .header__menu ul.dropdown li a {
    color: var(--linen) !important;
    border-bottom: 1px solid var(--border-d) !important;
}

[data-theme="dark"] .header__menu ul.dropdown li a:hover {
    background-color: var(--slate) !important;
    color: var(--gold) !important;
}

/* Cards & Elevated Containers */
[data-theme="dark"] .card,
[data-theme="dark"] .daily-digest-archive-panel,
[data-theme="dark"] .filter-section,
[data-theme="dark"] .devo-card-web,
[data-theme="dark"] .contact__item,
[data-theme="dark"] .help-card,
[data-theme="dark"] .faq-card,
[data-theme="dark"] .about-item,
[data-theme="dark"] .history-item,
[data-theme="dark"] .getapp-card {
    background-color: var(--slate-elev) !important;
    border-color: var(--border-d) !important;
    color: var(--linen) !important;
}

/* Archive Devotion Cards */
[data-theme="dark"] .digest-card,
[data-theme="dark"] .devo-card-web,
[data-theme="dark"] .daily-digest-card {
    background-color: var(--slate-elev) !important;
    border-color: var(--border-d) !important;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .digest-card:hover,
[data-theme="dark"] .devo-card-web:hover,
[data-theme="dark"] .daily-digest-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    border-color: var(--gold) !important;
}

[data-theme="dark"] .digest-card__title,
[data-theme="dark"] .digest-card-title,
[data-theme="dark"] .devo-card-web .devo-card-title,
[data-theme="dark"] .daily-digest-card h3 a,
[data-theme="dark"] .daily-digest-card h4 a {
    color: #ffffff !important;
}

[data-theme="dark"] .digest-card__date,
[data-theme="dark"] .digest-card-meta,
[data-theme="dark"] .digest-card-meta span,
[data-theme="dark"] .digest-card-author,
[data-theme="dark"] .devo-card-web .devo-ref,
[data-theme="dark"] .daily-digest-card .date,
[data-theme="dark"] .daily-digest-card .author {
    color: var(--text-muted, #94A3B8) !important;
}

[data-theme="dark"] .digest-card-excerpt {
    color: var(--linen) !important;
}

[data-theme="dark"] .digest-card__image,
[data-theme="dark"] .digest-card-image {
    background-color: var(--slate) !important;
}

[data-theme="dark"] .digest-card-content,
[data-theme="dark"] .digest-card__content {
    background-color: var(--slate-elev) !important;
}

[data-theme="dark"] .digest-card__button,
[data-theme="dark"] .digest-card-btn {
    background-color: var(--action-blue, #0B73D9) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .digest-card__button:hover,
[data-theme="dark"] .digest-card-btn:hover {
    background-color: var(--gold) !important;
    color: #ffffff !important;
}

/* Sidebar & Detail Page Elements */
[data-theme="dark"] .sidebar,
[data-theme="dark"] .sidebar__search,
[data-theme="dark"] .sidebar__tab,
[data-theme="dark"] .sidebar .section__header h2,
[data-theme="dark"] .sidebar h2 {
    color: #ffffff !important;
}

[data-theme="dark"] .sidebar .search-help-text small {
    color: var(--text-muted, #94A3B8) !important;
}

[data-theme="dark"] .sidebar .search-suggestions {
    background-color: var(--slate-elev) !important;
    border: 1px solid var(--border-d) !important;
}

[data-theme="dark"] .footer__post-item,
[data-theme="dark"] .footer__post-content h6 a {
    color: var(--linen) !important;
}

[data-theme="dark"] .footer__post-content h6 a:hover {
    color: var(--gold) !important;
}

[data-theme="dark"] .footer__post-content p {
    color: var(--text-muted, #94A3B8) !important;
}

/* Inputs & Form Controls */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .search-form input {
    background-color: var(--slate) !important;
    border: 1px solid var(--border-d) !important;
    color: #ffffff !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #64748B !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(232, 149, 18, 0.25) !important;
}

/* Filter bar & Toolbar */
[data-theme="dark"] .archive-filter-bar,
[data-theme="dark"] .grapesjs-controls,
[data-theme="dark"] .pdf-toolbar {
    background-color: var(--slate-elev) !important;
    border-color: var(--border-d) !important;
    color: var(--linen) !important;
}

[data-theme="dark"] .pdf-btn {
    background-color: var(--slate) !important;
    border-color: var(--border-d) !important;
    color: var(--linen) !important;
}

[data-theme="dark"] .pdf-btn:hover {
    background-color: var(--gold) !important;
    color: #ffffff !important;
}

/* Accordion (FAQ & Help) */
[data-theme="dark"] .accordion-item {
    background-color: var(--slate-elev) !important;
    border-color: var(--border-d) !important;
}

[data-theme="dark"] .accordion-button {
    background-color: var(--slate-elev) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: #1B334B !important;
    color: var(--gold) !important;
    box-shadow: inset 0 -1px 0 var(--border-d) !important;
}

[data-theme="dark"] .accordion-button::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme="dark"] .accordion-body {
    background-color: var(--slate-elev) !important;
    color: var(--linen) !important;
}

/* Pagination */
[data-theme="dark"] .pagination li a,
[data-theme="dark"] .pagination li span,
[data-theme="dark"] .page-link {
    background: transparent !important;
    border: none !important;
    color: var(--text-muted, #94A3B8) !important;
}

[data-theme="dark"] .page-link:hover {
    background: var(--slate-elev, #22405E) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .pagination li.active a,
[data-theme="dark"] .pagination li.active span,
[data-theme="dark"] .page-item.active .page-link {
    background: transparent !important;
    border: none !important;
    color: var(--gold, #E89512) !important;
    font-weight: 700 !important;
}

/* Breadcrumbs */
[data-theme="dark"] .breadcrumb {
    color: var(--text-muted, #94A3B8) !important;
}

[data-theme="dark"] .breadcrumb a {
    color: var(--action-blue, #0B73D9) !important;
}

[data-theme="dark"] .breadcrumb a:hover {
    color: var(--gold) !important;
}

/* Footer */
[data-theme="dark"] .footer {
    background-color: #0F1C28 !important;
    border-top: 1px solid var(--border-d) !important;
}

/* Theme Switcher Toggle Button */
.theme-switch-item {
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
}

.theme-toggle-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    line-height: 1;
}

.theme-toggle-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-toggle-icon {
    font-size: 16px;
    display: inline-block;
}

/* System Preference Support */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --text-heading: #F5F7FA;
        --text-body: #C9D2DC;
        --text-muted: #94A3B8;
        --text-link: #5B8AC5;
        --border-l: var(--border-d);

        --bs-body-bg: #172B3E;
        --bs-body-color: #F5F7FA;
        --bs-card-bg: #22405E;
        --bs-border-color: #2B3546;
        --bs-link-color: #5B8AC5;
        --bs-link-hover-color: #E89512;
    }
}

/* CMS & Rich Text Content Scoping */
.cms-content-surface {
    position: relative;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
    padding: 24px;
}

:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) {
    background-color: #ffffff !important;
    color: #252525 !important;
}

:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h1,
:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h2,
:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h3,
:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h4,
:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h5,
:root:not([data-theme="dark"]) .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h6 {
    color: var(--navy, #123B6D) !important;
}

[data-theme="dark"] .cms-content-surface {
    color: #C9D2DC;
}

[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) {
    background-color: #F7F3EA !important;
    color: #252525 !important;
    border-color: #334155;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h1,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h2,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h3,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h4,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h5,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) h6,
[data-theme="dark"] .cms-content-surface:not(.digest-content):not(.digest-content-container):not(.content):not(.about-editorial-container):not(.history-narrative-container):not(.history-editorial-container):not(.policy-card-container):not(.copyright-notice-body):not(.policy-content-body):not(.policy-doc-container):not(.policy-doc-content):not(.contact-editorial-container):not(.faq-editorial-container):not(.help-editorial-container) .section__header h2 {
    color: var(--navy, #123B6D) !important;
}

/* Open Editorial Subpages & Unboxed Sections (Dark Mode Contrast Normalization) */
[data-theme="dark"] .about-editorial-container,
[data-theme="dark"] .history-narrative-container,
[data-theme="dark"] .policy-card-container,
[data-theme="dark"] .policy-content-body,
[data-theme="dark"] .copyright-notice-body,
[data-theme="dark"] .policy-doc-container,
[data-theme="dark"] .policy-doc-content,
[data-theme="dark"] .contact-editorial-container,
[data-theme="dark"] .faq-editorial-container,
[data-theme="dark"] .help-editorial-container {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .about-editorial-container h1,
[data-theme="dark"] .about-editorial-container h2,
[data-theme="dark"] .about-editorial-container h3,
[data-theme="dark"] .about-editorial-container h4,
[data-theme="dark"] .about-editorial-container h5,
[data-theme="dark"] .about-editorial-container h6,
[data-theme="dark"] .history-narrative-container h1,
[data-theme="dark"] .history-narrative-container h2,
[data-theme="dark"] .history-narrative-container h3,
[data-theme="dark"] .history-narrative-container h4,
[data-theme="dark"] .history-narrative-container h5,
[data-theme="dark"] .history-narrative-container h6,
[data-theme="dark"] .history-editorial-container h1,
[data-theme="dark"] .history-editorial-container h2,
[data-theme="dark"] .history-editorial-container h3,
[data-theme="dark"] .history-editorial-container h4,
[data-theme="dark"] .policy-card-container h1,
[data-theme="dark"] .policy-card-container h2,
[data-theme="dark"] .policy-card-container h3,
[data-theme="dark"] .policy-card-container h4,
[data-theme="dark"] .policy-content-body h1,
[data-theme="dark"] .policy-content-body h2,
[data-theme="dark"] .policy-content-body h3,
[data-theme="dark"] .policy-content-body h4,
[data-theme="dark"] .copyright-notice-body h1,
[data-theme="dark"] .copyright-notice-body h2,
[data-theme="dark"] .copyright-notice-body h3,
[data-theme="dark"] .copyright-notice-body h4,
[data-theme="dark"] .policy-doc-container h1,
[data-theme="dark"] .policy-doc-container h2,
[data-theme="dark"] .policy-doc-container h3,
[data-theme="dark"] .policy-doc-container h4,
[data-theme="dark"] .policy-doc-content h1,
[data-theme="dark"] .policy-doc-content h2,
[data-theme="dark"] .policy-doc-content h3,
[data-theme="dark"] .policy-doc-content h4,
[data-theme="dark"] .contact-editorial-container h1,
[data-theme="dark"] .contact-editorial-container h2,
[data-theme="dark"] .contact-editorial-container h3,
[data-theme="dark"] .contact-editorial-container h4,
[data-theme="dark"] .contact-editorial-container .page-heading,
[data-theme="dark"] .faq-editorial-container h1,
[data-theme="dark"] .faq-editorial-container h2,
[data-theme="dark"] .faq-editorial-container h3,
[data-theme="dark"] .faq-editorial-container h4,
[data-theme="dark"] .faq-editorial-container .page-heading,
[data-theme="dark"] .help-editorial-container h1,
[data-theme="dark"] .help-editorial-container h2,
[data-theme="dark"] .help-editorial-container h3,
[data-theme="dark"] .help-editorial-container h4,
[data-theme="dark"] .help-editorial-container .page-heading,
[data-theme="dark"] .about-editorial-container .editorial-lead-title,
[data-theme="dark"] .about-editorial-container .editorial-vm-heading,
[data-theme="dark"] .about-editorial-container .editorial-section-title,
[data-theme="dark"] .history-narrative-container .editorial-lead-title,
[data-theme="dark"] .history-narrative-container .history-section-title,
[data-theme="dark"] .editorial-lead-title,
[data-theme="dark"] .editorial-vm-heading,
[data-theme="dark"] .editorial-section-title,
[data-theme="dark"] .history-section-title,
[data-theme="dark"] .policy-card-title,
[data-theme="dark"] .copyright-info-title,
[data-theme="dark"] .policy-block h2,
[data-theme="dark"] .policy-block h3,
[data-theme="dark"] .policy-block h4 {
    color: #ffffff !important;
}

[data-theme="dark"] .editorial-section-subtitle,
[data-theme="dark"] .history-narrative-container .lead,
[data-theme="dark"] .about-editorial-container .lead,
[data-theme="dark"] .cms-content-surface .lead,
[data-theme="dark"] .cms-content-surface .sub-title {
    color: #94A3B8 !important;
}

[data-theme="dark"] .about-editorial-container p,
[data-theme="dark"] .about-editorial-container li,
[data-theme="dark"] .history-narrative-container p,
[data-theme="dark"] .history-narrative-container li,
[data-theme="dark"] .policy-content-body p,
[data-theme="dark"] .policy-content-body li,
[data-theme="dark"] .copyright-notice-body p,
[data-theme="dark"] .copyright-notice-body li,
[data-theme="dark"] .cms-content-surface p,
[data-theme="dark"] .cms-content-surface li,
[data-theme="dark"] .editorial-lead-text,
[data-theme="dark"] .editorial-vm-text,
[data-theme="dark"] .policy-block p,
[data-theme="dark"] .policy-block li {
    color: #C9D2DC !important;
}

[data-theme="dark"] .cms-content-surface a {
    color: #60A5FA !important;
}
[data-theme="dark"] .cms-content-surface a:hover {
    color: var(--gold, #E89512) !important;
}

/* ==========================================================================
   Editorial Emphasis & Highlights (Dark Mode Contrast Normalization)
   ========================================================================== */
[data-theme="dark"] .editorial-emphasis-blue,
[data-theme="dark"] span[style*="color: #1769AA"],
[data-theme="dark"] span[style*="color:#1769AA"],
[data-theme="dark"] font[color="#1769aa"],
[data-theme="dark"] font[color="#1769AA"] {
    color: #60A5FA !important;
}

[data-theme="dark"] .editorial-emphasis-red,
[data-theme="dark"] span[style*="color: #C43D32"],
[data-theme="dark"] span[style*="color:#C43D32"],
[data-theme="dark"] font[color="#c43d32"],
[data-theme="dark"] font[color="#C43D32"] {
    color: #F87171 !important;
}

/* Scripture reference tags & badges in dark mode */
[data-theme="dark"] .scripture-ref-tag,
[data-theme="dark"] .scripture-badge-ref,
[data-theme="dark"] .scripture-badge,
[data-theme="dark"] .pullquote-citation,
[data-theme="dark"] .scripture-ref-label {
    color: var(--gold, #E89512) !important;
}

/* Pastor sign-off in History */
.history-pastor-name {
    color: var(--navy, #123B6D);
}
[data-theme="dark"] .history-pastor-name {
    color: var(--gold, #E89512) !important;
}

/* Responsive Dark / Light Logo Swap */
.kw-theme-logo-dark {
    display: none !important;
}
.kw-theme-logo-light {
    display: inline-block !important;
}
[data-theme="dark"] .kw-theme-logo-light {
    display: none !important;
}
[data-theme="dark"] .kw-theme-logo-dark {
    display: inline-block !important;
}

/* ==========================================================================
   Digest Content Surface & GrapesJS Devotion Blocks (Dark Mode Support)
   Diverges from general cms-content-surface light-always policy.
   Uses specificity hierarchy without !important to respect author inline styles.
   ========================================================================== */

.digest-content.cms-content-surface,
.digest-content-container.cms-content-surface,
.content.cms-content-surface {
    background-color: #fff;
    color: #252525;
}

[data-theme="dark"] .digest-content.cms-content-surface,
[data-theme="dark"] .digest-content-container.cms-content-surface,
[data-theme="dark"] .content.cms-content-surface {
    background-color: var(--slate-elev, #22405E);
    color: var(--linen, #F5F7FA);
}

/* Devotion template-block theming (specificity 0,2,0 beats embedded 0,1,0) */
[data-theme="dark"] .devotion-container {
    background: var(--slate-elev, #22405E);
    color: var(--linen, #F5F7FA);
}

[data-theme="dark"] .devotion-title,
[data-theme="dark"] .devotion-section-title {
    color: var(--gold, #E89512); /* Kingdom Gold — selective accents only */
}

[data-theme="dark"] .devotion-section-line {
    background: var(--gold, #E89512);
}

[data-theme="dark"] .devotion-banner {
    background: #22405E; /* one step lighter than the container so it stays visually distinct */
    border-left-color: var(--gold, #E89512);
    color: #F5F7FA;
}

.daily-digest-unified-card,
.grapesjs-viewer-container {
    background-color: #fff;
}

[data-theme="dark"] .daily-digest-unified-card,
[data-theme="dark"] .grapesjs-viewer-container {
    background-color: var(--slate-elev, #22405E);
}

/* Fullscreen reader dark-mode overrides (deliberate !important to override base.html chrome) */
[data-theme="dark"] .digest-content-container:fullscreen,
[data-theme="dark"] .grapesjs-viewer-container:fullscreen {
    background-color: var(--slate-elev, #22405E) !important;
}

[data-theme="dark"] .digest-content-container:fullscreen .digest-content,
[data-theme="dark"] .grapesjs-viewer-container:fullscreen .digest-content {
    background-color: var(--slate-elev, #22405E) !important;
}

/* CMS Content Links & Text (Light Mode Defaults) */
.cms-content-surface p,
.cms-content-surface li,
.cms-content-surface span {
    color: inherit;
}

.cms-content-surface a {
    color: var(--action-blue, #0B73D9);
}

.cms-content-surface a:hover {
    color: var(--gold, #E89512);
}

[data-theme="dark"] .cms-content-surface a {
    color: #60A5FA !important;
}

[data-theme="dark"] .cms-content-surface a:hover {
    color: var(--gold, #E89512) !important;
}

/* Eyebrows, labels, and badges across subpages */
.editorial-vm-eyebrow,
[data-theme="dark"] .editorial-vm-eyebrow,
.translation-version-label,
[data-theme="dark"] .translation-version-label {
    color: var(--gold, #E89512) !important;
}

[data-theme="dark"] .scripture-row-card {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .translation-col {
    border-left-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .translation-quote {
    color: #E2E8F0 !important;
}

/* Legacy decorative underline (bottom:-20px gold+gray bars from style.min.css)
   affects CMS-authored headings inside .cms-content-surface site-wide */
.cms-content-surface .section__header h2::after,
.cms-content-surface .section__header h2::before {
    display: none !important;
}

/* Card container surfaces */
[data-theme="dark"] .faq-accordion-box,
[data-theme="dark"] .help-accordion-box,
[data-theme="dark"] .getapp-card-container,
[data-theme="dark"] .policy-card-container {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .faq-section .card-header,
[data-theme="dark"] .faq-section .card-body,
[data-theme="dark"] .help-section .card-header,
[data-theme="dark"] .help-section .card-body {
    border-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .getapp-qr-img {
    background-color: #ffffff !important;
    border-color: var(--border-d, #2B3546) !important;
}

/* ==========================================================================
   Homepage (KWM) & It Is Written (IIW) Dark Theme Normalization
   ========================================================================== */

/* YouTube Media Section & Video Cards */
[data-theme="dark"] .youtube-section {
    background-color: var(--slate, #172B3E) !important;
}

[data-theme="dark"] .youtube-video-card {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .youtube-video-card.active {
    border-color: var(--gold, #E89512) !important;
}

[data-theme="dark"] .youtube-video-title {
    color: #F5F7FA !important;
}

[data-theme="dark"] #featured-video-title {
    color: #ffffff !important;
}

/* KWM Homepage Story Sections & Cards */
[data-theme="dark"] .about-history-card-wrapper,
[data-theme="dark"] #who-we-are-section {
    background-color: transparent !important;
}

[data-theme="dark"] .about-history-card {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .about-history-divider {
    background-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .home-section-image-card,
[data-theme="dark"] .home-section-image-wrapper {
    border-color: var(--border-d, #2B3546) !important;
    background-color: var(--slate, #172B3E) !important;
}

[data-theme="dark"] .story-btn-primary {
    background-color: var(--action-blue, #0B73D9) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .story-btn-primary:hover {
    background-color: var(--gold, #E89512) !important;
    color: #ffffff !important;
}

/* Teaser Card on KWM Homepage */
[data-theme="dark"] .teaser-card-wrapper {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
}

[data-theme="dark"] .teaser-title {
    color: #ffffff !important;
}

[data-theme="dark"] .teaser-btn-primary {
    background-color: var(--action-blue, #0B73D9) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .teaser-btn-primary:hover {
    background-color: var(--gold, #E89512) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .teaser-btn-secondary {
    border-color: var(--border-d, #2B3546) !important;
    color: #CBD5E1 !important;
}

/* Print to PDF / Download buttons on the devotion reading page (daily-digest-single.html) —
   these hardcode background: var(--linen), which is never redefined for dark mode (it's
   meant to stay a light "paper" surface elsewhere), so left alone they render as a stray
   near-white pill sitting on the dark page. */
[data-theme="dark"] .btn-print-action {
    background-color: var(--slate-elev, #22405E) !important;
    border-color: var(--border-d, #2B3546) !important;
    color: var(--text-link, #5B8AC5) !important;
}

[data-theme="dark"] .btn-print-action:hover {
    background-color: var(--slate, #172B3E) !important;
}

[data-theme="dark"] .teaser-btn-secondary:hover {
    border-color: var(--action-blue, #0B73D9) !important;
    color: #ffffff !important;
}

/* Devotion Reader Canvas Surface */
[data-theme="dark"] #pdf-canvas-container {
    background-color: #0E1420 !important;
}