/* ========================================
   AL HOMES - MOBILE CONTACT FIX v3.1
   ========================================
   NUCLEAR FIX for:
   1. Desktop Contact Us - HIDE on mobile/tablet (≤1024px)
   2. X button - ALWAYS brown
   
   CHANGE FROM v3.0:
   - Breakpoint updated 767px → 1024px
     (tablets/iPads now get mobile menu too)
======================================== */

/* ========================================
   HIDE DESKTOP CONTACT ON MOBILE/TABLET
   Target every possible selector
======================================== */
@media (max-width: 1024px) {

    /* 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 #2A2A2A WHEN ACTIVE
======================================== */

/* DEFAULT - hamburger always #2A2A2A on white/scrolled header */
.al-hamburger-line {
    background-color: #2A2A2A !important;
}

.al-header.al-scrolled .al-hamburger-line {
    background-color: #2A2A2A !important;
}

/* Hamburger on hero - WHITE only when CLOSED (not active) */
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 = #2A2A2A */
.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,
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: #2A2A2A !important;
}

/* ========================================
   END - MOBILE CONTACT FIX v3.1
======================================== */