/* ==========================================================================
   Al Meer Sourcing & Cargo Company
   HEADER FIX — force a single-line header on laptop screens
   --------------------------------------------------------------------------
   Loaded LAST, after style.css and responsive.css.
   ONLY touches the header (.main-menu / .main-menu__top).
   No HTML or existing CSS file is modified. Remove the <link> tag to revert.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. GLOBAL DESKTOP SAFETY — the header must never wrap onto 2 or 3 lines
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {

    .main-menu__top-inner {
        flex-wrap: nowrap;
    }

    .main-menu__contact-list {
        flex-wrap: nowrap;
        flex-shrink: 0;
    }

    .main-menu__top-right {
        flex-wrap: nowrap;
        flex-shrink: 0;
    }

    .main-menu__top-time {
        flex-wrap: nowrap;
    }

    .main-menu__contact-list li .text p,
    .main-menu__top-text,
    .main-menu__top-welcome-text {
        white-space: nowrap;
    }

    /* main menu row: logo + menu + right side all on ONE line */
    .main-menu__wrapper-inner {
        flex-wrap: nowrap;
    }

    .main-menu__left {
        flex: 0 0 auto;
    }

    .main-menu__main-menu-box {
        flex: 0 1 auto;
    }

    .main-menu__right {
        flex: 0 0 auto;
        flex-wrap: nowrap;
    }

    .main-menu__list {
        flex-wrap: nowrap;
    }

    .main-menu .main-menu__list > li > a {
        white-space: nowrap;
    }

    .main-menu__call-number,
    .main-menu__call-sub-title {
        white-space: nowrap;
    }

    .main-menu__btn-box .thm-btn {
        white-space: nowrap;
    }
}


/* --------------------------------------------------------------------------
   2. LAPTOP 1200px – 1319px — the range that was breaking
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) and (max-width: 1319px) {

    /* ---- top bar ---- */
    .main-menu__top-inner {
        padding: 5px 20px 5px;
    }

    /* bring back "Global Sourcing & Cargo Solutions" */
    .main-menu__top-time {
        display: flex;
    }

    /* orange rounded shape starts just before the clock icon */
    .main-menu__top-inner:before {
        left: 62%;
    }

    .main-menu__contact-list li + li {
        margin-left: 30px;
    }

    .main-menu__contact-list li:before {
        left: -15px;
    }

    .main-menu__contact-list li .text p,
    .main-menu__top-text {
        font-size: 15px;
        line-height: 15px;
    }

    .main-menu__contact-list li .icon i {
        font-size: 16px;
    }

    .main-menu__top-right {
        gap: 18px;
    }

    /* ---- main menu row ---- */
    .main-menu__wrapper-inner {
        padding: 0 20px;
    }

    .main-menu__logo {
        padding: 14px 0;
        padding-right: 42px;
    }

    .main-menu__logo img {
        height: 78px;
        width: auto;
        max-width: none;
    }

    .main-menu .main-menu__list > li {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 22px;
    }

    .main-menu .main-menu__list > li > a {
        font-size: 17px;
    }

    /* "Call Us Today" stays hidden here — not enough room */
    .main-menu__call {
        display: none;
    }

    /* bring the search icon back */
    .main-menu__search-cart-box {
        display: flex;
    }

    .main-menu__right {
        gap: 18px;
        padding: 12px 0;
    }

    .main-menu__btn-box .thm-btn {
        font-size: 16px;
        padding: 5px 22px 5px;
        padding-right: 6px;
    }
}


/* --------------------------------------------------------------------------
   3. LAPTOP 1320px – 1600px
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 1320px) and (max-width: 1600px) {

    .main-menu__logo {
        padding: 16px 0;
        padding-right: 50px;
    }

    .main-menu__logo img {
        height: 88px;
        width: auto;
        max-width: none;
    }

    .main-menu .main-menu__list > li {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 26px;
    }

    .main-menu__right {
        gap: 20px;
        padding: 14px 0;
    }
}


/* --------------------------------------------------------------------------
   4. LARGE SCREENS 1601px and up
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 1601px) {

    .main-menu__logo {
        padding: 18px 0;
        padding-right: 55px;
    }

    .main-menu__logo img {
        height: 95px;
        width: auto;
        max-width: none;
    }

    .main-menu .main-menu__list > li {
        padding-top: 34px;
        padding-bottom: 34px;
    }
}