/* Integration styles for RedTrack Menu with WordPress theme */

/* Hide default theme menu elements when RedTrack menu is active */
body.redtrack-menu-active .menu-trigger.hamburger-menu {
    display: none !important;
}

/* Position burger button correctly in header */
#masthead.site-header .header__burger {
    order: 3;
    margin-left: auto;
}

/* Adjust site-navigation container */
#masthead.site-header .site-navigation {
    order: 2;
    flex-grow: 1;
}

/* Override visibility hidden from theme's style.css */
body.redtrack-menu-active #masthead.site-header .site-navigation {
    visibility: visible !important;
}

/* Adjust logo positioning */
#masthead.site-header .site-branding {
    order: 1;
}

/* Adjust search button */
#masthead.site-header .search-trigger {
    order: 4;
    display: block;
}

body.redtrack-menu-active #masthead.site-header .search-trigger {
    display: block !important;
}

/* Force search icon to be dark colored when RedTrack menu is active */
body.redtrack-menu-active #masthead.site-header .search-trigger span::before,
body.redtrack-menu-active #masthead.site-header .search-trigger span::after {
    background-color: #1a1a1a !important;
}

body.redtrack-menu-active #masthead.site-header .search-trigger {
    color: #1a1a1a !important;
}

/* Override site-header-dark styles for search icon */
body.redtrack-menu-active.site-header-dark .site-header:not(.is-menu-ready):not(.is-search-active) .search-trigger span::before,
body.redtrack-menu-active.site-header-dark .site-header:not(.is-menu-ready):not(.is-search-active) .search-trigger span::after {
    background-color: #1a1a1a !important;
}

body.redtrack-menu-active.site-header-dark .site-header:not(.is-menu-ready):not(.is-search-active) .search-trigger {
    color: #1a1a1a !important;
}

/* Make header sticky properly */
#masthead.site-header {
    position: fixed;
    top: 0;
    z-index: 999;
    background-color: #ffffff;
}

/* Ensure navigation container doesn't have extra padding */
.header__navigation nav {
    display: contents;
}

/* Override theme styles for RedTrack menu */
#masthead.site-header .header__navigation .header__list {
    display: flex !important;
}

/* Adjust header container flex */
#masthead.site-header .site-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#masthead .site-header-container {
    position: relative;
    height: 100%;
    padding: 0 80px;
    max-width: 1440px;
    margin: 0 auto;
}

/* Responsive adjustments */
@media (max-width: 1439px) {

    #masthead.site-header .site-header-container {
        max-width: 1204px;
        padding-left: 24px;
        padding-right: 24px;
    }

    #masthead .search-trigger {
        margin-left: 16px;
    }

    #masthead.site-header .header__burger {
        display: block;
    }
    
    /* Ensure search button is visible next to burger */
    #masthead.site-header .search-trigger {
        display: block;
        order: 4;
    }
    
    body.redtrack-menu-mobile-open {
        overflow: hidden;
    }
    
    /* Ensure mobile menu appears above all content */
    .header__navigation-box {
        z-index: 9999;
    }
    
    /* Ensure mobile menu is positioned correctly */
    #masthead.site-header .header__navigation-box {
        position: fixed;
    }
    
    /* Ensure mobile menu content is visible */
    body.redtrack-menu-active #masthead.site-header .site-navigation,
    body.redtrack-menu-active #masthead.site-header .header__navigation,
    body.redtrack-menu-active #masthead.site-header .header__navigation-box {
        visibility: visible !important;
    }
}

/* Fix z-index for dropdown */
.header__sub-wrapper {
    z-index: 998;
}