/**
 * ItsMyIdeas.com — Dark Mode Component Overrides
 *
 * Same design system, alternate semantic tokens (see tokens.css).
 * These rules cover components that used hard-coded colors or the
 * static navy scale for text, plus Kadence chrome (header/footer).
 *
 * @package kadence-child
 * @version 1.0.0
 */

/* ─── Body & core Kadence chrome ─── */

html[data-theme="dark"] body {
    background-color: #0f172a;
    color: #e2e8f0;
}

html[data-theme="dark"] #main-header,
html[data-theme="dark"] #mobile-header,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-header-wrap,
html[data-theme="dark"] .site-header-row-container-inner,
html[data-theme="dark"] .site-main-header-wrap .site-header-row-container-inner,
html[data-theme="dark"] .site-mobile-header-wrap .site-header-row-container-inner {
    background: #0f172a;
}

html[data-theme="dark"] .header-search-form {
    background: #1e293b;
    border-color: #334155;
}

html[data-theme="dark"] .header-search-input {
    color: #e2e8f0;
}

html[data-theme="dark"] .header-search-input::placeholder {
    color: #94a3b8;
}

html[data-theme="dark"] .header-search-submit {
    color: #94a3b8;
}

html[data-theme="dark"] .mobile-search-toggle {
    color: #cbd5e1;
}

html[data-theme="dark"] .mobile-search-toggle:hover {
    background: #1e293b;
}

html[data-theme="dark"] .drawer-inner,
html[data-theme="dark"] .popup-drawer .drawer-inner {
    background: #0f172a;
}

html[data-theme="dark"] .mobile-navigation ul li > a,
html[data-theme="dark"] .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
    color: #e2e8f0;
}

/* ─── Neutralize hard-coded white backgrounds (search-discovery.css etc.) ─── */

html[data-theme="dark"] .site-content,
html[data-theme="dark"] .content-area,
html[data-theme="dark"] .content-container,
html[data-theme="dark"] .content-bg,
html[data-theme="dark"] .entry-content-wrap,
html[data-theme="dark"] .loop-entry .content-bg,
html[data-theme="dark"] .entry.content-bg,
html[data-theme="dark"] #main,
html[data-theme="dark"] #primary {
    background: #0f172a !important;
}

html[data-theme="dark"] .search-header {
    background: #16213a;
    border-bottom-color: #334155;
}

html[data-theme="dark"] .search-header h1,
html[data-theme="dark"] .search-empty h2,
html[data-theme="dark"] .browse-hero h1,
html[data-theme="dark"] .category-header h1,
html[data-theme="dark"] .sidebar-widget h3,
html[data-theme="dark"] .idea-card-title,
html[data-theme="dark"] .no-results-help h3,
html[data-theme="dark"] .related-ideas-section h2 {
    color: #f1f5f9;
}

html[data-theme="dark"] .search-form-enhanced .search-field,
html[data-theme="dark"] .browse-search-box input {
    background: #16213a;
    border-color: #334155;
    color: #e2e8f0;
}

html[data-theme="dark"] .idea-card {
    background: #16213a;
    border-color: #334155;
}

html[data-theme="dark"] .idea-card-excerpt,
html[data-theme="dark"] .search-count,
html[data-theme="dark"] .search-header .search-count,
html[data-theme="dark"] .browse-results-count,
html[data-theme="dark"] .category-header .category-desc {
    color: #94a3b8;
}

html[data-theme="dark"] .idea-card-footer {
    border-top-color: #273449;
}

html[data-theme="dark"] .idea-card-cat {
    background: #1e293b;
    color: #cbd5e1;
}

html[data-theme="dark"] .idea-card-cat:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-theme="dark"] .filter-btn,
html[data-theme="dark"] .search-suggestions a,
html[data-theme="dark"] .tag-cloud-widget a,
html[data-theme="dark"] .topic-chip {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

html[data-theme="dark"] .filter-btn:hover,
html[data-theme="dark"] .search-suggestions a:hover,
html[data-theme="dark"] .tag-cloud-widget a:hover,
html[data-theme="dark"] .topic-chip:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-theme="dark"] .sidebar-widget {
    background: #16213a;
    border-color: #334155;
}

html[data-theme="dark"] .popular-list a {
    color: #cbd5e1;
}

html[data-theme="dark"] .popular-list li {
    border-bottom-color: #273449;
}

html[data-theme="dark"] .no-results-help {
    background: #1e293b;
    border-color: #334155;
}

html[data-theme="dark"] .no-results-help li {
    color: #cbd5e1;
}

/* ─── Text that used the static navy scale ─── */

html[data-theme="dark"] .idea-section-content,
html[data-theme="dark"] .idea-list li,
html[data-theme="dark"] .idea-kv-value {
    color: #e2e8f0;
}

html[data-theme="dark"] .idea-toc-list a,
html[data-theme="dark"] .idea-explore-link,
html[data-theme="dark"] .idea-tag,
html[data-theme="dark"] .imi-discovery-block__link,
html[data-theme="dark"] .imi-taxonomy-nav__term {
    color: #cbd5e1;
}

html[data-theme="dark"] .idea-tag:hover,
html[data-theme="dark"] .idea-explore-link:hover,
html[data-theme="dark"] .imi-discovery-block__link:hover,
html[data-theme="dark"] .imi-taxonomy-nav__term:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-theme="dark"] .idea-tag-tech,
html[data-theme="dark"] .imi-discovery-chip--stack {
    background: #172554;
    color: #93c5fd;
}

html[data-theme="dark"] .idea-tag-tech:hover {
    background: #1e3a8a;
}

html[data-theme="dark"] .idea-toc {
    background: #16213a;
    border-color: #334155;
}

html[data-theme="dark"] .idea-toc-list a::before {
    background: #475569;
}

html[data-theme="dark"] .idea-toc-list a:hover {
    color: #60a5fa;
}

html[data-theme="dark"] .author-card,
html[data-theme="dark"] .editorial-footer-card,
html[data-theme="dark"] .idea-explore {
    background: #1e293b;
    border-color: #334155;
}

html[data-theme="dark"] .author-bio,
html[data-theme="dark"] .article-dates,
html[data-theme="dark"] .editorial-contact,
html[data-theme="dark"] .idea-share-label {
    color: #94a3b8;
}

html[data-theme="dark"] .editorial-ownership {
    background: #172554;
    border-color: #1e3a8a;
    color: #bfdbfe;
}

html[data-theme="dark"] .idea-share a {
    background: #1e293b;
    color: #cbd5e1;
}

html[data-theme="dark"] .idea-share a:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-theme="dark"] .idea-user-stories li,
html[data-theme="dark"] .idea-timeline__phase,
html[data-theme="dark"] .idea-kv-item {
    background: #1e293b;
}

html[data-theme="dark"] .idea-timeline::before {
    background: #334155;
}

/* ─── Hero & sections ─── */

html[data-theme="dark"] .imi-hero {
    background: linear-gradient(135deg, #172554 0%, #052e16 50%, #16213a 100%);
    border-bottom-color: #334155;
}

html[data-theme="dark"] .browse-hero {
    background: linear-gradient(135deg, #172554 0%, #052e16 100%);
    border-bottom-color: #334155;
}

/* ─── Forms (submit-an-idea) ─── */

html[data-theme="dark"] #idea-submission-form,
html[data-theme="dark"] .form-privacy-notice {
    background: #16213a;
    border-color: #334155;
}

html[data-theme="dark"] .form-section {
    border-bottom-color: #273449;
}

html[data-theme="dark"] .form-section h3,
html[data-theme="dark"] .form-group label {
    color: #f1f5f9;
}

html[data-theme="dark"] .form-group input[type="text"],
html[data-theme="dark"] .form-group input[type="email"],
html[data-theme="dark"] .form-group select,
html[data-theme="dark"] .form-group textarea {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

html[data-theme="dark"] .form-group small,
html[data-theme="dark"] .form-privacy-notice p {
    color: #94a3b8;
}

html[data-theme="dark"] #submission-success {
    background: #052e16;
    border-color: #14532d;
}

html[data-theme="dark"] #submission-success h3 {
    color: #4ade80;
}

html[data-theme="dark"] #submission-success p,
html[data-theme="dark"] #submission-success ol {
    color: #cbd5e1;
}

/* ─── Theme toggle button ─── */

html[data-theme="dark"] .imi-theme-toggle {
    color: #fbbf24;
}

html[data-theme="dark"] .imi-theme-toggle:hover {
    background: #1e293b;
}

/* ─── Footer ─── */

html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .site-bottom-footer-wrap .site-footer-row-container-inner {
    background: #0b1220;
}

/* ─── Misc ─── */

html[data-theme="dark"] .imi-pagination a,
html[data-theme="dark"] .imi-pagination span {
    background: #16213a;
    border-color: #334155;
    color: #cbd5e1;
}

html[data-theme="dark"] .imi-filter-btn {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}

html[data-theme="dark"] .imi-filter-btn:hover {
    background: #334155;
    color: #f1f5f9;
}

html[data-theme="dark"] .imi-discovery-chip,
html[data-theme="dark"] .imi-discovery-bar__link {
    background: #16213a;
    border-color: #334155;
    color: #cbd5e1;
}

html[data-theme="dark"] .imi-discovery-chip:hover,
html[data-theme="dark"] .imi-discovery-bar__link:hover {
    background: #172554;
    border-color: #1e3a8a;
    color: #93c5fd;
}

html[data-theme="dark"] .imi-discovery-chip--domain {
    background: #1e293b;
    border-color: #334155;
}

html[data-theme="dark"] .imi-discovery-chip--domain:hover {
    background: #273449;
    border-color: #475569;
    color: #f1f5f9;
}

html[data-theme="dark"] .imi-discovery-block {
    background: #16213a;
    border-color: #334155;
}

html[data-theme="dark"] .imi-idea-card__tag {
    background: #1e293b;
    color: #cbd5e1;
}

html[data-theme="dark"] .imi-idea-card__tag--tech {
    background: #172554;
    color: #93c5fd;
}

html[data-theme="dark"] .imi-badge-type {
    background: #172554;
    color: #93c5fd;
}

html[data-theme="dark"] .imi-badge-domain {
    background: #1e293b;
    color: #cbd5e1;
}

html[data-theme="dark"] .imi-badge-tech {
    background: #1e293b;
    color: #cbd5e1;
}

/* The CTA section is intentionally dark in both themes; keep it. */