/* ========================================
   DARK MODE - ALL PAGES INCLUDING PRODUCTS
   ======================================== */

@media (prefers-color-scheme: dark) {
    /* Apply to all page types */
    body,
    .site,
    .entry-content,
    article {
        background-color: #0d0d0d !important;
        color: #f0f0f0 !important;
    }

    /* Invert logos to white - ALL PAGES */
    img[src*="logo"],
    .site-logo img,
    .site-branding img,
    .custom-logo,
    img.wp-image-318 {
        filter: brightness(0) invert(1) !important;
    }

    /* Navigation background - ALL PAGES */
    .site-header,
    .site-top-header,
    .site-main-header,
    .header-navigation,
    nav,
    .primary-navigation,
    .site-header-wrap,
    #masthead,
    .wp-block-template-part {
        background-color: #0d0d0d !important;
    }

    /* Navigation links - ALL PAGES */
    .site-header a,
    .header-navigation a,
    .primary-navigation a,
    .main-navigation a,
    .wp-block-navigation a {
        color: #f0f0f0 !important;
    }

    /* Mobile navigation menu - Dark mode support */
    /* Navigation overlay/modal background */
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-dialog {
        background-color: #0d0d0d !important;
        color: #f0f0f0 !important;
    }

    /* Navigation menu items in overlay */
    .wp-block-navigation__responsive-container .wp-block-navigation__container,
    .wp-block-navigation__responsive-container-content {
        background-color: #0d0d0d !important;
    }

    /* Navigation links in mobile menu */
    .wp-block-navigation__responsive-container .wp-block-navigation-item a,
    .wp-block-navigation__responsive-container .wp-block-navigation-item__content {
        color: #f0f0f0 !important;
    }

    /* Close button (X) in mobile menu */
    .wp-block-navigation__responsive-container-close,
    .wp-block-navigation__responsive-container-close svg {
        color: #f0f0f0 !important;
        fill: #f0f0f0 !important;
    }

    /* Hamburger menu button */
    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-open svg {
        color: #f0f0f0 !important;
        fill: #f0f0f0 !important;
    }
}