/* Custom CSS adjustments for navigation menu spacing */

/* Reduce header container padding to minimize left/right gaps */
header .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* Reduce spacing in header flex layout */
header .de-flex {
    gap: 5px !important;
}

/* Minimize logo column width */
header .de-flex > .de-flex-col:first-child {
    flex: 0 0 auto !important;
    padding-right: 10px !important;
}

/* Maximize menu column width */
header .de-flex-col.header-col-mid {
    flex: 1 1 auto !important;
    max-width: none !important;
    padding: 0 5px !important;
}

/* Minimize right side area width */
header .de-flex > .de-flex-col:last-child {
    flex: 0 0 auto !important;
    padding-left: 10px !important;
}

/* Reduce menu item spacing */
header #mainmenu > li {
    margin-right: 12px !important;
    margin-left: 0 !important;
}

/* Remove last menu item's right margin */
header #mainmenu > li:last-child {
    margin-right: 0 !important;
}

/* Reduce font size and padding */
header #mainmenu > li > a {
    font-size: 13px !important;
    padding: 0 3px !important;
    white-space: nowrap !important;
}

/* Reduce phone area text size */
header .h-phone {
    font-size: 12px !important;
}

header .h-phone span {
    font-size: 11px !important;
}

/* Ensure menu doesn't wrap on medium screens */
@media (min-width: 992px) and (max-width: 1400px) {
    header #mainmenu > li {
        margin-right: 8px !important;
    }
    
    header #mainmenu > li > a {
        font-size: 12px !important;
        padding: 0 2px !important;
    }
}

/* For larger screens, allow slightly more spacing */
@media (min-width: 1400px) {
    header #mainmenu > li {
        margin-right: 15px !important;
    }
    
    header #mainmenu > li > a {
        font-size: 14px !important;
    }
}

/* Fine-tune for large screens */
@media (min-width: 1400px) {
    #mainmenu>li {
        margin-right: 25px !important;
    }
}