/* Fix Navigation Layout - Logo Left, Icons Right */

/* Main navigation container - force flexbox layout */
#desktop-nav.nav-container,
.nav-container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 30px !important;
    width: 100% !important;
}

/* Remove any centering from child div */
.nav-container>div {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Logo - force to left */
.nav-container a.image,
.nav-container>div>a.image {
    order: 1 !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
}

/* Burger container - force to right */
.nav-container .burger-container,
.nav-container>div>.burger-container {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
}

/* Ensure buttons inside burger-container are inline */
.burger-container button {
    display: inline-block !important;
}

/* Remove any text-align center that might be interfering */
.nav-container,
.nav-container>div {
    text-align: left !important;
}

/* Mobile responsive */
@media (max-width: 768px) {

    #desktop-nav.nav-container,
    .nav-container {
        padding: 0 15px !important;
    }

    .nav-container .burger-container {
        gap: 15px !important;
    }
}

/* Tablet */
@media (max-width: 992px) {

    #desktop-nav.nav-container,
    .nav-container {
        padding: 0 20px !important;
    }
}