/**
 * Dark Mode Styles for ebizDarkMode Plugin
 * Optimized for WP Astra Theme
 */

/* ============================================
   CSS Variables for Color Schemes
   ============================================ */

:root {
    /* Scheme 2: Dark Gray (Default - Recommended) */
    --ebiz-dm-bg-primary: #1a1a1a;
    --ebiz-dm-bg-secondary: #242424;
    --ebiz-dm-bg-header: #212121;
    --ebiz-dm-accent: #ff5c85;
    --ebiz-dm-accent-hover: #ff7a9f;
    --ebiz-dm-text-primary: #e8e8e8;
    --ebiz-dm-text-secondary: #d8d8d8;
    --ebiz-dm-text-muted: #c8c8c8;
    --ebiz-dm-border: #2a2a2a;
    --ebiz-dm-shadow: rgba(0, 0, 0, 0.3);
}

/* Scheme 1: Deep Black */
body.dark-mode-scheme-1 {
    --ebiz-dm-bg-primary: #000000;
    --ebiz-dm-bg-secondary: #0f0f0f;
    --ebiz-dm-bg-header: #0a0a0a;
    --ebiz-dm-accent: #ff4d7a;
    --ebiz-dm-accent-hover: #ff6b94;
    --ebiz-dm-text-primary: #e0e0e0;
    --ebiz-dm-text-secondary: #d0d0d0;
    --ebiz-dm-text-muted: #c0c0c0;
    --ebiz-dm-border: #1a1a1a;
}

/* Scheme 3: Warm Gray */
body.dark-mode-scheme-3 {
    --ebiz-dm-bg-primary: #1c1c1e;
    --ebiz-dm-bg-secondary: #2c2c2e;
    --ebiz-dm-bg-header: #252527;
    --ebiz-dm-accent: #ff6b8f;
    --ebiz-dm-accent-hover: #ff8aaa;
    --ebiz-dm-text-primary: #ebebeb;
    --ebiz-dm-text-secondary: #dbdbdb;
    --ebiz-dm-text-muted: #cccccc;
    --ebiz-dm-border: #38383a;
}

/* Scheme 4: Navy Black */
body.dark-mode-scheme-4 {
    --ebiz-dm-bg-primary: #0d1117;
    --ebiz-dm-bg-secondary: #161b22;
    --ebiz-dm-bg-header: #161b22;
    --ebiz-dm-accent: #ff7b9d;
    --ebiz-dm-accent-hover: #ff9cb5;
    --ebiz-dm-text-primary: #e6edf3;
    --ebiz-dm-text-secondary: #c9d1d9;
    --ebiz-dm-text-muted: #8b949e;
    --ebiz-dm-border: #21262d;
}

/* ============================================
   Dark Mode Toggle Button
   ============================================ */

.ebiz-dark-mode-toggle {
    position: fixed;
    z-index: 9999;
    background-color: #3a3a3a;
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.ebiz-dark-mode-toggle:hover {
    background-color: #505050;
    transform: scale(1.1);
}

/* Dark mode - pink accent */
body.dark-mode-enabled .ebiz-dark-mode-toggle {
    background-color: var(--ebiz-dm-accent, #ff5c85);
}

body.dark-mode-enabled .ebiz-dark-mode-toggle:hover {
    background-color: var(--ebiz-dm-accent-hover, #ff7a9f);
}

.ebiz-dark-mode-toggle-header {
    top: 20px;
    right: 20px;
}

.ebiz-dark-mode-toggle-footer {
    bottom: 20px;
    right: 20px;
}

.ebiz-dark-mode-toggle i {
    font-size: 20px;
}

/* Icon animation */
body.dark-mode-enabled .ebiz-dark-mode-toggle i.fa-moon {
    display: none;
}

body.dark-mode-enabled .ebiz-dark-mode-toggle::before {
    content: "\f185"; /* fa-sun */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
}

body:not(.dark-mode-enabled) .ebiz-dark-mode-toggle::before {
    display: none;
}

/* ============================================
   Base Dark Mode Styles
   ============================================ */

body.dark-mode-enabled {
    background-color: var(--ebiz-dm-bg-primary) !important;
    color: var(--ebiz-dm-text-primary) !important;
}

/* Override Astra CSS Variables */
body.dark-mode-enabled {
    --ast-global-color-0: var(--ebiz-dm-bg-primary);
    --ast-global-color-1: var(--ebiz-dm-bg-secondary);
    --ast-global-color-2: var(--ebiz-dm-accent);
    --ast-global-color-3: var(--ebiz-dm-text-primary);
    --ast-global-color-4: var(--ebiz-dm-text-secondary);
    --ast-global-color-5: var(--ebiz-dm-bg-header);
    --ast-global-color-6: var(--ebiz-dm-border);
    --ast-global-color-7: var(--ebiz-dm-text-muted);
    --ast-global-color-8: var(--ebiz-dm-accent-hover);
}

/* ============================================
   Typography
   ============================================ */

body.dark-mode-enabled h1,
body.dark-mode-enabled h2,
body.dark-mode-enabled h3,
body.dark-mode-enabled h4,
body.dark-mode-enabled h5,
body.dark-mode-enabled h6 {
    color: var(--ebiz-dm-text-primary) !important;
}

body.dark-mode-enabled p,
body.dark-mode-enabled li,
body.dark-mode-enabled span,
body.dark-mode-enabled div {
    color: var(--ebiz-dm-text-secondary);
}

body.dark-mode-enabled a {
    color: var(--ebiz-dm-accent);
}

body.dark-mode-enabled a:hover {
    color: var(--ebiz-dm-accent-hover);
}

/* ============================================
   Header & Navigation (Astra)
   ============================================ */

body.dark-mode-enabled .site-header,
body.dark-mode-enabled .ast-header-break-point .main-header-bar,
body.dark-mode-enabled .ast-desktop .main-header-bar,
body.dark-mode-enabled .main-header-bar-wrap .main-header-bar,
body.dark-mode-enabled #masthead {
    background-color: var(--ebiz-dm-bg-header) !important;
    border-bottom: none !important;
    border-bottom-width: 0 !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
}

body.dark-mode-enabled .site-branding,
body.dark-mode-enabled .site-title,
body.dark-mode-enabled .site-title a {
    color: #ffffff !important;
}

body.dark-mode-enabled .main-navigation,
body.dark-mode-enabled .ast-builder-menu {
    background-color: var(--ebiz-dm-bg-header);
}

body.dark-mode-enabled .main-navigation a,
body.dark-mode-enabled .ast-builder-menu-1 .menu-item > a {
    color: var(--ebiz-dm-text-primary) !important;
}

body.dark-mode-enabled .main-navigation a:hover,
body.dark-mode-enabled .ast-builder-menu-1 .menu-item > a:hover {
    color: var(--ebiz-dm-accent) !important;
    border-bottom-color: var(--ebiz-dm-accent);
}

/* Submenu */
body.dark-mode-enabled .main-navigation .sub-menu,
body.dark-mode-enabled .ast-builder-menu-1 .sub-menu {
    background-color: transparent !important;
    border-top: 2px solid var(--ebiz-dm-accent);
}

body.dark-mode-enabled .main-navigation .sub-menu a {
    color: var(--ebiz-dm-text-secondary) !important;
    border-bottom: 1px solid var(--ebiz-dm-border);
}

/* Mobile menu */
body.dark-mode-enabled .ast-mobile-menu-buttons,
body.dark-mode-enabled .menu-toggle {
    color: var(--ebiz-dm-text-primary) !important;
}

/* ============================================
   Content Area
   ============================================ */

body.dark-mode-enabled .site-content,
body.dark-mode-enabled .ast-container,
body.dark-mode-enabled .entry-content {
    background-color: var(--ebiz-dm-bg-primary) !important;
    color: var(--ebiz-dm-text-secondary);
}

/* Main content wrapper */
body.dark-mode-enabled #content,
body.dark-mode-enabled .site-main,
body.dark-mode-enabled #primary {
    background-color: var(--ebiz-dm-bg-primary) !important;
}

/* Article/Post containers - flat, no boxes */
body.dark-mode-enabled article,
body.dark-mode-enabled .ast-article-single,
body.dark-mode-enabled .ast-article-post,
body.dark-mode-enabled .entry-content-wrapper {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Astra specific post layouts - flat */
body.dark-mode-enabled .ast-separate-container .ast-article-post,
body.dark-mode-enabled .ast-separate-container .ast-article-single,
body.dark-mode-enabled .ast-article-inner {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Post content inner wrapper */
body.dark-mode-enabled .post-content,
body.dark-mode-enabled .ast-blog-featured-section,
body.dark-mode-enabled .blog-layout-1,
body.dark-mode-enabled .blog-layout-2,
body.dark-mode-enabled .blog-layout-3 {
    background-color: transparent !important;
}

body.dark-mode-enabled .entry-title,
body.dark-mode-enabled .entry-title a {
    color: var(--ebiz-dm-text-primary) !important;
}

body.dark-mode-enabled .entry-meta,
body.dark-mode-enabled .posted-on,
body.dark-mode-enabled .byline {
    color: var(--ebiz-dm-text-muted);
}

/* ============================================
   Sidebar & Widgets
   ============================================ */

body.dark-mode-enabled .sidebar,
body.dark-mode-enabled .widget-area,
body.dark-mode-enabled .widget {
    background-color: transparent !important;
    color: var(--ebiz-dm-text-secondary);
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 30px;
}

/* Widget inner containers */
body.dark-mode-enabled .widget-wrap,
body.dark-mode-enabled .ast-widget-inner {
    background-color: transparent !important;
}

body.dark-mode-enabled .widget-title {
    color: #ffffff !important;
    border-bottom: 2px solid var(--ebiz-dm-accent);
    padding-bottom: 10px;
}

body.dark-mode-enabled .widget ul li {
    border-bottom: 1px solid var(--ebiz-dm-border);
}

body.dark-mode-enabled .widget a {
    color: var(--ebiz-dm-text-secondary);
}

body.dark-mode-enabled .widget a:hover {
    color: var(--ebiz-dm-accent);
}

/* ============================================
   Footer
   ============================================ */

body.dark-mode-enabled .site-footer,
body.dark-mode-enabled .ast-footer-overlay,
body.dark-mode-enabled .ast-small-footer,
body.dark-mode-enabled .site-primary-footer-wrap,
body.dark-mode-enabled #colophon {
    background-color: var(--ebiz-dm-bg-header) !important;
    color: var(--ebiz-dm-text-muted);
    border-top: none !important;
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
}

body.dark-mode-enabled .site-footer h1,
body.dark-mode-enabled .site-footer h2,
body.dark-mode-enabled .site-footer h3,
body.dark-mode-enabled .site-footer h4 {
    color: #ffffff !important;
}

body.dark-mode-enabled .site-footer a {
    color: var(--ebiz-dm-text-muted);
}

body.dark-mode-enabled .site-footer a:hover {
    color: var(--ebiz-dm-accent);
}

/* ============================================
   Buttons
   ============================================ */

body.dark-mode-enabled .button,
body.dark-mode-enabled .ast-button,
body.dark-mode-enabled .wp-block-button__link,
body.dark-mode-enabled input[type="submit"],
body.dark-mode-enabled button[type="submit"] {
    background-color: var(--ebiz-dm-accent) !important;
    color: #ffffff !important;
    border-color: var(--ebiz-dm-accent) !important;
}

body.dark-mode-enabled .button:hover,
body.dark-mode-enabled .ast-button:hover,
body.dark-mode-enabled .wp-block-button__link:hover,
body.dark-mode-enabled input[type="submit"]:hover,
body.dark-mode-enabled button[type="submit"]:hover {
    background-color: var(--ebiz-dm-accent-hover) !important;
    border-color: var(--ebiz-dm-accent-hover) !important;
}

/* ============================================
   Forms
   ============================================ */

body.dark-mode-enabled input[type="text"],
body.dark-mode-enabled input[type="email"],
body.dark-mode-enabled input[type="url"],
body.dark-mode-enabled input[type="password"],
body.dark-mode-enabled input[type="search"],
body.dark-mode-enabled input[type="number"],
body.dark-mode-enabled input[type="tel"],
body.dark-mode-enabled input[type="date"],
body.dark-mode-enabled textarea,
body.dark-mode-enabled select {
    background-color: transparent;
    color: var(--ebiz-dm-text-primary);
    border: 1px solid var(--ebiz-dm-border);
}

body.dark-mode-enabled input:focus,
body.dark-mode-enabled textarea:focus,
body.dark-mode-enabled select:focus {
    border-color: var(--ebiz-dm-accent);
    outline-color: var(--ebiz-dm-accent);
}

body.dark-mode-enabled ::placeholder {
    color: var(--ebiz-dm-text-muted);
    opacity: 0.7;
}

/* ============================================
   Tables
   ============================================ */

body.dark-mode-enabled table {
    background-color: transparent;
    border-color: var(--ebiz-dm-border);
}

body.dark-mode-enabled table th {
    background-color: var(--ebiz-dm-bg-header);
    color: var(--ebiz-dm-text-primary);
    border-color: var(--ebiz-dm-border);
}

body.dark-mode-enabled table td {
    color: var(--ebiz-dm-text-secondary);
    border-color: var(--ebiz-dm-border);
}

body.dark-mode-enabled table tr:nth-child(odd) {
    background-color: var(--ebiz-dm-bg-primary);
}

/* ============================================
   Blockquotes
   ============================================ */

body.dark-mode-enabled blockquote {
    background-color: transparent;
    border-left: 4px solid var(--ebiz-dm-accent);
    color: var(--ebiz-dm-text-secondary);
}

/* ============================================
   Code Blocks
   ============================================ */

body.dark-mode-enabled code,
body.dark-mode-enabled pre {
    background-color: var(--ebiz-dm-bg-header);
    color: var(--ebiz-dm-text-primary);
    border: 1px solid var(--ebiz-dm-border);
}

/* ============================================
   Gutenberg Blocks
   ============================================ */

body.dark-mode-enabled .wp-block-cover,
body.dark-mode-enabled .wp-block-group,
body.dark-mode-enabled .wp-block-group__inner-container {
    background-color: transparent !important;
}

body.dark-mode-enabled .wp-block-separator {
    border-color: var(--ebiz-dm-border);
}

/* Specific Gutenberg blocks that might have white backgrounds */
body.dark-mode-enabled .wp-block-columns,
body.dark-mode-enabled .wp-block-column,
body.dark-mode-enabled .wp-block-media-text,
body.dark-mode-enabled .wp-block-media-text__content {
    background-color: transparent !important;
}

/* Any has-background class (used by Gutenberg for color backgrounds) */
body.dark-mode-enabled .has-background,
body.dark-mode-enabled [class*="has-"][class*="-background-color"] {
    background-color: transparent !important;
}

/* White/light specific background classes */
body.dark-mode-enabled .has-white-background-color,
body.dark-mode-enabled .has-light-gray-background-color,
body.dark-mode-enabled .has-very-light-gray-background-color {
    background-color: transparent !important;
}

/* ============================================
   UAGB (Ultimate Addons for Gutenberg)
   ============================================ */

/* UAGB Container blocks */
body.dark-mode-enabled .wp-block-uagb-container,
body.dark-mode-enabled [class*="uagb-block-"],
body.dark-mode-enabled .uagb-is-root-container {
    background-color: transparent !important;
}

/* UAGB specific blocks */
body.dark-mode-enabled .uagb-section,
body.dark-mode-enabled .uagb-section__wrap,
body.dark-mode-enabled .uagb-section__inner-wrap {
    background-color: transparent !important;
}

/* UAGB buttons in containers */
body.dark-mode-enabled .wp-block-uagb-container .wp-block-buttons {
    background-color: transparent !important;
}

/* UAGB Post Grid - only text colors, keep backgrounds as-is */
body.dark-mode-enabled .uagb-post__title,
body.dark-mode-enabled .uagb-post__title a,
body.dark-mode-enabled .uagb-post__text {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7), 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

body.dark-mode-enabled .uagb-post__title a:hover {
    color: #ffffff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8), 0 1px 4px rgba(0, 0, 0, 0.95) !important;
}

body.dark-mode-enabled .uagb-post-grid-byline,
body.dark-mode-enabled .uagb-post__excerpt {
    color: #f0f0f0 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8) !important;
}

/* UAGB complete box link overlay - hide gradient overlay */
body.dark-mode-enabled .uagb-post__link-complete-box,
body.dark-mode-enabled .uagb-post__link-complete-box::before,
body.dark-mode-enabled .uagb-post__link-complete-box::after {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

/* UAGB Post Inner Wrap - flat, no boxes */
body.dark-mode-enabled .uagb-block-c3bacc65 .uagb-post__inner-wrap,
body.dark-mode-enabled [class*="uagb-block-"] .uagb-post__inner-wrap,
body.dark-mode-enabled .uagb-post-grid .uagb-post__inner-wrap,
body.dark-mode-enabled article.uagb-post__inner-wrap {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hide featured images in UAGB cards */
body.dark-mode-enabled .uagb-post__image-position-background .uagb-post__image {
    display: none !important;
}

/* Astra Advanced Hook containers with UAGB */
body.dark-mode-enabled .astra-advanced-hook-78563,
body.dark-mode-enabled [class*="astra-advanced-hook-"] {
    background-color: transparent !important;
}

/* Headings in advanced hooks */
body.dark-mode-enabled .astra-advanced-hook-78563 h2,
body.dark-mode-enabled .astra-advanced-hook-78563 .wp-block-heading,
body.dark-mode-enabled [class*="astra-advanced-hook-"] h2,
body.dark-mode-enabled [class*="astra-advanced-hook-"] .wp-block-heading,
body.dark-mode-enabled [class*="astra-advanced-hook-"] h2.wp-block-heading.has-medium-font-size {
    color: var(--ebiz-dm-text-primary) !important;
}

/* Small text/descriptions in advanced hooks */
body.dark-mode-enabled .astra-advanced-hook-78563 p,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p.has-text-align-center,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p.has-small-font-size,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p[style] {
    color: var(--ebiz-dm-text-secondary) !important;
}

body.dark-mode-enabled .astra-advanced-hook-78563 p a,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p a {
    color: var(--ebiz-dm-link) !important;
}

body.dark-mode-enabled .astra-advanced-hook-78563 p a:hover,
body.dark-mode-enabled [class*="astra-advanced-hook-"] p a:hover {
    color: var(--ebiz-dm-link-hover) !important;
}

/* ============================================
   Search
   ============================================ */

body.dark-mode-enabled .search-form,
body.dark-mode-enabled .ast-search-box {
    background-color: transparent;
    border: 1px solid var(--ebiz-dm-border);
}

body.dark-mode-enabled .search-field {
    background-color: transparent;
    color: var(--ebiz-dm-text-primary);
}

/* ============================================
   Pagination
   ============================================ */

body.dark-mode-enabled .ast-pagination,
body.dark-mode-enabled .page-numbers {
    background-color: transparent;
    border-color: var(--ebiz-dm-border);
}

body.dark-mode-enabled .page-numbers.current {
    background-color: var(--ebiz-dm-accent);
    color: #ffffff;
}

/* ============================================
   Comments
   ============================================ */

body.dark-mode-enabled .comments-area,
body.dark-mode-enabled .comment-list {
    background-color: transparent;
    padding: 30px;
    border-radius: 2px;
}

body.dark-mode-enabled .comment-body {
    background-color: var(--ebiz-dm-bg-primary);
    border: 1px solid var(--ebiz-dm-border);
    padding: 20px;
}

body.dark-mode-enabled .comment-author {
    color: var(--ebiz-dm-text-primary);
}

body.dark-mode-enabled .comment-metadata {
    color: var(--ebiz-dm-text-muted);
}

/* ============================================
   Archive/Category Pages
   ============================================ */

body.dark-mode-enabled .ast-archive-entry-banner,
body.dark-mode-enabled .ast-archive-header,
body.dark-mode-enabled .ast-archive-description {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.dark-mode-enabled .ast-archive-title,
body.dark-mode-enabled .page-title {
    color: var(--ebiz-dm-text-primary) !important;
}

/* ============================================
   Author Box (Astra)
   ============================================ */

body.dark-mode-enabled .ast-single-author-box,
body.dark-mode-enabled .ast-author-container,
body.dark-mode-enabled .ast-author-container--left,
body.dark-mode-enabled .ast-author-container--right,
body.dark-mode-enabled .ast-author-meta,
body.dark-mode-enabled .ast-author-details {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.dark-mode-enabled .ast-author-details .author-title,
body.dark-mode-enabled .ast-author-details .post-author-bio h4 {
    color: var(--ebiz-dm-text-primary) !important;
}

body.dark-mode-enabled .post-author-desc {
    color: var(--ebiz-dm-text-secondary);
}

body.dark-mode-enabled .about-author {
    color: var(--ebiz-dm-text-primary) !important;
}

/* ============================================
   Image Dimming (Applied via JavaScript)
   ============================================ */

body.dark-mode-enabled img:not(.no-dark-filter):not([class*="logo"]) {
    /* Filter will be applied dynamically via JS based on settings */
}

/* ============================================
   Transitions
   ============================================ */

body,
.site-header,
article,
.widget,
input,
textarea,
select,
button {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ============================================
   Additional Astra Elements
   ============================================ */

/* Astra builder elements */
body.dark-mode-enabled .ast-builder-grid-row,
body.dark-mode-enabled .ast-builder-layout-element {
    background-color: var(--ebiz-dm-bg-header) !important;
}

/* Mobile popup/drawer */
body.dark-mode-enabled .ast-mobile-popup-drawer,
body.dark-mode-enabled .ast-mobile-popup-inner,
body.dark-mode-enabled .ast-mobile-header-content {
    background-color: var(--ebiz-dm-bg-header) !important;
    color: var(--ebiz-dm-text-primary);
}

/* Primary footer */
body.dark-mode-enabled .primary-footer-wrap,
body.dark-mode-enabled .site-primary-footer-wrap {
    background-color: var(--ebiz-dm-bg-header) !important;
}

/* Comment sections */
body.dark-mode-enabled .comment-respond,
body.dark-mode-enabled .ast-comment-list li {
    background-color: transparent !important;
}

/* Any remaining white backgrounds */
body.dark-mode-enabled [style*="background-color: #ffffff"],
body.dark-mode-enabled [style*="background-color:#ffffff"],
body.dark-mode-enabled [style*="background-color: white"],
body.dark-mode-enabled [style*="background-color: #fff"],
body.dark-mode-enabled [style*="background-color:#fff"],
body.dark-mode-enabled [style*="background: #ffffff"],
body.dark-mode-enabled [style*="background:#ffffff"],
body.dark-mode-enabled [style*="background: #fff"],
body.dark-mode-enabled [style*="background:#fff"],
body.dark-mode-enabled [style*="background: white"] {
    background-color: transparent !important;
}

/* Catch-all for light backgrounds (rgb values) */
body.dark-mode-enabled [style*="background-color: rgb(255, 255, 255)"],
body.dark-mode-enabled [style*="background-color:rgb(255,255,255)"],
body.dark-mode-enabled [style*="background: rgb(255, 255, 255)"],
body.dark-mode-enabled [style*="background:rgb(255,255,255)"] {
    background-color: transparent !important;
}

/* Ultra aggressive - any div/section/article with explicit white bg */
body.dark-mode-enabled div[style*="background"],
body.dark-mode-enabled section[style*="background"],
body.dark-mode-enabled article[style*="background"] {
    /* Override only if it's white/light - using filter */
}

/* Elementor specific (if used) */
body.dark-mode-enabled .elementor-widget-wrap,
body.dark-mode-enabled .elementor-section,
body.dark-mode-enabled .elementor-container {
    background-color: transparent !important;
}

body.dark-mode-enabled .elementor-background-overlay {
    background-color: transparent !important;
}

/* ============================================
   Responsive Adjustments
   ============================================ */

@media screen and (max-width: 768px) {
    .ebiz-dark-mode-toggle {
        width: 45px;
        height: 45px;
    }

    .ebiz-dark-mode-toggle i {
        font-size: 18px;
    }

    .ebiz-dark-mode-toggle-header {
        top: 15px;
        right: 15px;
    }

    .ebiz-dark-mode-toggle-footer {
        bottom: 15px;
        right: 15px;
    }

    body.dark-mode-enabled article,
    body.dark-mode-enabled .entry-content-wrapper {
        padding: 20px;
    }

    /* Mobile specific elements */
    body.dark-mode-enabled .ast-mobile-popup-drawer.active {
        background-color: var(--ebiz-dm-bg-primary) !important;
    }
}

/* ============================================
   Print Styles
   ============================================ */

@media print {
    body.dark-mode-enabled {
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .ebiz-dark-mode-toggle {
        display: none !important;
    }
}