:root,
html.hf-permanent-dark {
    color-scheme: dark;
    background: #080808;
}

html.hf-permanent-dark body {
    background-color: #080808;
    color: #f5f5f5;
}

/* Hermarfit no ofrece una variante clara: el control tampoco debe ocupar espacio. */
.wp-dark-mode-switch,
.wp-dark-mode-floating-switch,
#wp-dark-mode-switch,
#wp-admin-bar-wp-dark-mode,
[data-wp-dark-mode-switch],
[aria-label="Dark Mode Toggle"],
[aria-label="Light Mode Toggle"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Base segura mientras el motor de WP Dark Mode termina de aplicar la paleta. */
html.hf-permanent-dark body,
html.hf-permanent-dark #page,
html.hf-permanent-dark .site,
html.hf-permanent-dark .site-content,
html.hf-permanent-dark .site-header,
html.hf-permanent-dark .site-footer {
    background-color: #080808;
}

html.hf-permanent-dark input,
html.hf-permanent-dark textarea,
html.hf-permanent-dark select {
    color-scheme: dark;
}
body.hf-education-standalone .joinchat,body.hf-course-page .joinchat{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Education ya está diseñada en oscuro. Evita que WP Dark Mode sustituya sus imágenes. */
body.hf-education-standalone .streamHeroImage {
    background-image: var(--cover, url('../education-hero-v2.png')) !important;
}

body.hf-education-standalone .streamPosterArt {
    background-image: linear-gradient(0deg, rgba(2, 2, 3, .96), transparent 68%), linear-gradient(90deg, rgba(0, 0, 0, .42), transparent 68%), var(--cover, radial-gradient(circle at 80% 20%, var(--accent), transparent 32%)) !important;
}