/**
 * TEMA ESCURO — BASE GLOBAL
 * Arquivo: astra-child/assets/css/global/dark-mode-global.css
 * @version 1.0.0
 *
 * Cobre elementos genéricos do Astra/WordPress que ainda não têm
 * tratamento de dark mode específico. Usa as variáveis --dm-* já
 * definidas em style.css (ativadas via [data-theme="dark"]).
 *
 * Deve carregar ANTES de astra-child-theme (style.css) para que os
 * componentes específicos (individual.css, dashboard.css, etc.) possam
 * sobrescrever esta base quando necessário.
 */

html[data-theme="dark"] body {
    background-color: var(--dm-bg-root) !important;
    color: var(--dm-txt-main) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--dm-txt-main) !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] span:not([class*="icon"]) {
    color: var(--dm-txt-muted);
}

html[data-theme="dark"] a:not(.bc-sidebar-item):not(.bc-theme-switch) {
    color: var(--dm-blue);
}

html[data-theme="dark"] a:not(.bc-sidebar-item):not(.bc-theme-switch):hover {
    color: var(--dm-blue-dark);
}

/* Cards/caixas genéricas */
html[data-theme="dark"] .entry-content,
html[data-theme="dark"] .site-content,
html[data-theme="dark"] main {
    background-color: var(--dm-bg-root);
    color: var(--dm-txt-main);
}

/* Formulários genéricos */
html[data-theme="dark"] input:not([type="submit"]):not([type="button"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: var(--dm-bg-input) !important;
    color: var(--dm-txt-main) !important;
    border-color: var(--dm-border) !important;
}

/* Rodapé */
html[data-theme="dark"] footer,
html[data-theme="dark"] .site-footer {
    background-color: var(--dm-bg-card) !important;
    color: var(--dm-txt-muted) !important;
    border-color: var(--dm-border) !important;
}