/**
 * Force Dark Mode - Enhanced CSS Override
 * This file ensures the theme always displays in dark mode
 */

/* Hide theme mode toggle button completely */
.theme-mode-wrapper,
.newsmatic-theme-mode,
.theme-mode,
*[class*="theme-mode"],
.mode_toggle,
.mode_toggle_wrap {
    display: none !important;
    visibility: hidden !important;
}

/* Force dark backgrounds on all major containers */
body,
body.newsmatic_dark_mode,
body.newsmatic_main_body,
.site,
#page,
.site-content,
#primary,
#main,
.content-area,
main,
article,
.entry-content,
.page-content,
.post-content,
.site-header,
.site-footer,
.widget,
.widget-area,
aside,
.sidebar,
.footer-widgets,
.newsmatic-container,
#content,
.wrap,
.container {
    background-color: #000 !important;
    background: #000 !important;
}

/* Force light text color on dark backgrounds */
body,
body *,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
div,
a,
li,
td,
th,
.entry-title,
.entry-title a,
.site-title,
.site-title a,
.widget-title,
.post-title,
.post-title a,
.page-title,
article .post-title,
article .entry-title,
.newsmatic-block-title,
.newsmatic-block-title span {
    color: #fff !important;
}

/* Override any inline white/light backgrounds */
*[style*="background-color: #fff"],
*[style*="background-color: white"],
*[style*="background: #fff"],
*[style*="background: white"],
*[style*="background-color:#fff"],
*[style*="background-color:white"],
*[style*="background-color: #ffffff"],
*[style*="background-color:#ffffff"],
*[style*="background-color: rgb(255, 255, 255)"],
*[style*="background-color:rgb(255,255,255)"] {
    background-color: #000 !important;
    background: #000 !important;
}

/* Ensure input fields are visible */
input,
textarea,
select {
    background-color: #222 !important;
    color: #fff !important;
    border-color: #444 !important;
}

/* Links and titles should be white by default */
a {
    color: #fff !important;
}

a:hover {
    color: #ddd !important;
}

/* --- NEW CUSTOMIZATIONS --- */

/* Category backgrounds to green */
.post-categories li a,
.post-categories li,
.card__content-category a,
.card__content-category,
.category-item a,
.cat-item a,
.newsmatic-category-no-bk .post-categories .cat-item a,
.widget_newsmatic_posts_list_widget .card__content-category a,
.widget_newsmatic_posts_grid_two_column_widget .card__content-category a,
.newsmatic-block-title span {
    background-color: #28a745 !important;
    color: #fff !important;
    padding: 2px 10px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    font-weight: bold !important;
    border: none !important;
}


/* Entire header to dark and bold - following 'dark' request */
#masthead,
.site-header,
.site-header .newsmatic-container,
.main-navigation,
.top-header,
.header-builders-row,
.header-sticky--enabled #masthead,
.header-sticky--enabled .site-header,
.header-transparent #masthead,
.header-transparent .site-header,
.header-transparent .header-builders-row {
    background-color: #000 !important;
    background: #000 !important;
    opacity: 1 !important;
}

/* Header text and links to white and bold */
#masthead p,
#masthead h1,
#masthead h2,
#masthead h3,
#masthead span,
#masthead div,
#masthead a,
.site-title a,
.site-description,
.main-navigation a,
.main-navigation li a,
.top-header a,
.menu_txt,
.header-sticky--enabled #masthead a {
    color: #fff !important;
    font-weight: bold !important;
}


/* Redundant block removed */

/* Navigation Drawer Fix */
/* Ensure triggers are visible and clickable */
.sidebar-toggle-trigger,
.toggle-button-wrapper,
.newsmatic_sidetoggle_menu_burger,
#newsmatic_menu_burger,
.menu-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    cursor: pointer !important;
}

/* Burger menu spans need color to be visible on dark header */
.newsmatic_sidetoggle_menu_burger span,
#newsmatic_menu_burger span,
.toggle-button-wrapper span {
    background-color: #fff !important;
}

/* DO NOT force display:block on the drawers themselves, let JS handle it */
/* Instead, ensure that when they are NOT hidden/closed, they have correct styling */
.sidebar-toggle:not(.hide),
.mobile-canvas.open {
    display: block !important;
    background-color: #111 !important;
    z-index: 100000 !important;
}

/* Ensure drawer content is visible (white text on dark drawer) */
.sidebar-toggle *,
.mobile-canvas *,
.sidebar-toggle .widget-title,
.mobile-canvas .main-navigation a {
    color: #fff !important;
}

/* Allow links in header to be black, but links in drawer to be white */
.sidebar-toggle a,
.mobile-canvas a {
    color: #fff !important;
    font-weight: normal !important;
}