/*
 * BMI Mobile Fixes - V2 (More Aggressive Overrides)
 * Enforces Dark Navy background and Gold accents on mobile devices.
 */

@media (max-width: 921px) {
    /* ── NUCLEAR GLOBAL BACKGROUND ── */
    html,
    body, 
    #page, 
    .site, 
    .site-content, 
    #primary, 
    #main,
    #content,
    .ast-container,
    .ast-article-single,
    .ast-separate-container .ast-article-single,
    .ast-separate-container .ast-article-post,
    .entry-content,
    .ast-plain-container .ast-container,
    .ast-separate-container .ast-content-area,
    .ast-separate-container .site-main,
    .ast-header-break-point .site-header {
        background-color: #0b1225 !important;
        background: #0b1225 !important;
        color: #d8e3f5 !important;
    }

    /* ── HEADER & MOBILE MENU OVERRIDES ── */
    /* Overriding bmi-mobile-polish and Astra defaults */
    .main-header-bar,
    .ast-mobile-header-wrap,
    .ast-mobile-header-container,
    .ast-header-break-point .main-header-bar,
    .ast-header-break-point .main-navigation,
    .ast-header-break-point .main-navigation ul,
    .ast-header-break-point .main-navigation li,
    .ast-header-break-point .main-navigation .sub-menu,
    .ast-header-break-point .main-header-bar-wrap .main-header-bar,
    .ast-above-header,
    .ast-above-header-wrap,
    .ast-below-header,
    .ast-below-header-wrap,
    #masthead,
    .site-header {
        background-color: #0b1225 !important;
        background: #0b1225 !important;
        border-bottom-color: rgba(212, 175, 55, 0.2) !important;
    }

    /* Transparent logo background fix (if logo has white space) */
    .site-branding img,
    .custom-logo-link img {
        background-color: transparent !important;
    }

    /* Mobile Menu Navigation Links */
    .ast-header-break-point .main-navigation a,
    .ast-header-break-point .main-navigation .menu-item a {
        color: #D4AF37 !important;
        font-family: 'Instrument Serif', serif !important;
        font-size: 1.25rem !important;
        background: transparent !important;
    }

    .ast-header-break-point .main-navigation .menu-item:hover > a,
    .ast-header-break-point .main-navigation .menu-item.current-menu-item > a {
        color: #ffffff !important;
        background-color: rgba(212, 175, 55, 0.1) !important;
    }

    /* Mobile Menu Toggle Button */
    .ast-mobile-menu-buttons .menu-toggle,
    .ast-mobile-menu-buttons .menu-toggle .ast-icon,
    .menu-toggle .ast-icon,
    .ast-button-wrap .menu-toggle {
        color: #D4AF37 !important;
        fill: #D4AF37 !important;
        background: transparent !important;
    }

    /* ── HOMEPAGE BLOG CARDS ── */
    .ast-separate-container .ast-article-post,
    .ast-separate-container .ast-article-single,
    .ast-grid-common-col,
    .ast-blog-layout-grid__post {
        background-color: #0b1225 !important;
        border: 1px solid rgba(212, 175, 55, 0.2) !important;
        border-radius: 16px !important;
        padding: 20px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    }

    /* ── TYPOGRAPHY ── */
    h1, h2, h3, h4, h5, h6, 
    .entry-title, 
    .ast-archive-title,
    .page-title {
        color: #D4AF37 !important;
        font-family: 'Instrument Serif', serif !important;
    }

    /* Muted text for descriptions */
    p, .entry-content p, .ast-single-post .entry-content p {
        color: #d8e3f5 !important;
    }

    .ast-separate-container .ast-article-single .entry-meta,
    .ast-separate-container .ast-article-post .entry-meta,
    .entry-meta {
        color: #a8b8d0 !important;
    }

    /* ── FORM FIELDS ── */
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    select,
    textarea {
        background-color: #111827 !important;
        border: 1px solid rgba(212, 175, 55, 0.3) !important;
        color: #ffffff !important;
        border-radius: 8px !important;
    }

    /* ── BUTTONS ── */
    .button,
    button,
    input[type="button"],
    input[type="submit"],
    .ast-button,
    .wp-block-button__link {
        background-color: #D4AF37 !important;
        background: #D4AF37 !important;
        color: #0b1225 !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.1em !important;
        border: none !important;
    }
}