/* ========================================
   AL HOMES - MOBILE CONTACT FIX v3.0
   ========================================
   NUCLEAR FIX for:
   1. Desktop Contact Us - HIDE on mobile
   2. X button - ALWAYS brown
======================================== */

/* ========================================
   HIDE DESKTOP CONTACT ON MOBILE
   Target every possible selector
======================================== */
@media (max-width: 767px) {
    
    /* Target by class */
    .al-desktop-only {
        display: none !important;
    }
    
    .al-nav-item.al-desktop-only {
        display: none !important;
    }
    
    /* Target Contact button directly */
    .al-contact-desktop-btn {
        display: none !important;
    }
    
    /* Target by button class wrapper */
    .al-nav-item:has(.al-contact-desktop-btn) {
        display: none !important;
    }
    
    /* Target 5th nav item */
    .al-nav-list > li:nth-child(5) {
        display: none !important;
    }
    
    .al-nav-list > .al-nav-item:nth-child(5) {
        display: none !important;
    }
    
    /* Target last nav item if it's desktop only */
    .al-nav-list > .al-nav-item:last-child.al-desktop-only {
        display: none !important;
    }
    
    /* Hide any nav item containing Contact desktop button text */
    .al-nav-item:has(> .al-contact-desktop-btn) {
        display: none !important;
    }
    
    /* Additional - hide by link href containing contact if it has desktop class */
    .al-nav-link.al-contact-desktop-btn {
        display: none !important;
    }
    
    a.al-contact-desktop-btn {
        display: none !important;
    }
    
    /* Force Resources (4th item) to be last visible - no bottom border */
    .al-nav-list > .al-nav-item:nth-child(4) {
        border-bottom: none !important;
    }
}

/* ========================================
   X BUTTON - ALWAYS BROWN WHEN ACTIVE
======================================== */

/* Hamburger on hero - WHITE only when CLOSED */
body.home .al-header:not(.al-scrolled):not(.al-menu-open) .al-hamburger:not(.al-active) .al-hamburger-line,
body.al-transparent-header .al-header:not(.al-scrolled):not(.al-menu-open) .al-hamburger:not(.al-active) .al-hamburger-line {
    background-color: #FFFFFF !important;
}

/* X BUTTON - ALL STATES = BROWN */
.al-hamburger.al-active .al-hamburger-line,
.al-header.al-menu-open .al-hamburger .al-hamburger-line,
body.al-menu-open .al-hamburger .al-hamburger-line {
    background-color: #5A4F42 !important;
}

/* Even on hero/transparent page */
body.home .al-hamburger.al-active .al-hamburger-line,
body.home .al-header.al-menu-open .al-hamburger .al-hamburger-line,
body.home .al-header:not(.al-scrolled) .al-hamburger.al-active .al-hamburger-line,
body.al-transparent-header .al-hamburger.al-active .al-hamburger-line,
body.al-transparent-header .al-header.al-menu-open .al-hamburger .al-hamburger-line,
body.al-transparent-header .al-header:not(.al-scrolled) .al-hamburger.al-active .al-hamburger-line {
    background-color: #5A4F42 !important;
}

/* ========================================
   END
======================================== */