/* =========================================================
   MUKLAWA_HEADER_CONTROLS_UNIFIED_V4
   Same visual language across complete main header
   ========================================================= */

.muklawa-main-navbar-v2 {
    background: #fff !important;
}

/* =========================================================
   DESKTOP / LAPTOP
   ========================================================= */
@media (min-width: 1200px) {

    .muklawa-main-navbar-v2 > .container {
        width: calc(100% - 36px) !important;
        max-width: 1720px !important;
        margin: 0 auto !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 16px !important;
    }

    /* LEFT MENU — SAME TYPOGRAPHIC SCALE */
    .muklawa-main-navbar-v2 .navbar-nav {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 3px !important;
    }

    .muklawa-main-navbar-v2 .navbar-nav .nav-link {
        height: 48px !important;
        min-height: 48px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 11px !important;
        margin: 0 !important;

        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }

    /* RIGHT-SIDE WHOLE GROUP */
    .muklawa-main-navbar-v2 #navbarNav > .d-flex {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex-wrap: nowrap !important;
        gap: 10px !important;

        margin-left: auto !important;
    }

    .muklawa-main-navbar-v2 .country-dropdown,
    .muklawa-main-navbar-v2 .currency-dropdown {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* COUNTRY + CURRENCY + DASHBOARD + LOGOUT */
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav {
        box-sizing: border-box !important;

        height: 48px !important;
        min-height: 48px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 18px !important;

        border-radius: 999px !important;

        font-family: var(--font-sans, 'Inter', sans-serif) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        letter-spacing: 0 !important;
        white-space: nowrap !important;

        gap: 8px !important;
    }

    /* Keep both outline controls visually identical */
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-outline-nav {
        border: 1px solid #eee1e8 !important;
    }

    /* Selected country needs slightly more room */
    .muklawa-main-navbar-v2 .btn-country {
        min-width: 148px !important;
    }

    .muklawa-main-navbar-v2 .btn-currency {
        min-width: 118px !important;
    }

    .muklawa-main-navbar-v2 .btn-dashboard-nav,
    .muklawa-main-navbar-v2 .btn-primary-nav,
    .muklawa-main-navbar-v2 .btn-outline-nav {
        min-width: 126px !important;
    }

    /* Consistent icons */
    .muklawa-main-navbar-v2 .btn-country i,
    .muklawa-main-navbar-v2 .btn-currency i,
    .muklawa-main-navbar-v2 .btn-nav i {
        font-size: 14px !important;
        line-height: 1 !important;
    }
}

/* =========================================================
   COMPACT LAPTOP
   Still full desktop menu but scaled together
   ========================================================= */
@media (min-width: 1200px) and (max-width: 1399px) {

    .muklawa-main-navbar-v2 .navbar-nav .nav-link,
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav {
        height: 44px !important;
        min-height: 44px !important;

        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .muklawa-main-navbar-v2 .navbar-nav .nav-link {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .muklawa-main-navbar-v2 .btn-country {
        min-width: 136px !important;
    }

    .muklawa-main-navbar-v2 .btn-currency {
        min-width: 108px !important;
    }

    .muklawa-main-navbar-v2 .btn-dashboard-nav,
    .muklawa-main-navbar-v2 .btn-primary-nav,
    .muklawa-main-navbar-v2 .btn-outline-nav {
        min-width: 112px !important;
    }
}

/* =========================================================
   TABLET / MOBILE COLLAPSED MENU
   ========================================================= */
@media (max-width: 1199.98px) {

    .muklawa-main-navbar-v2 #navbarNav > .d-flex {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .muklawa-main-navbar-v2 .country-dropdown,
    .muklawa-main-navbar-v2 .currency-dropdown {
        width: 100% !important;
        margin: 0 !important;
    }

    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav {
        width: 100% !important;
        min-width: 0 !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 15px !important;

        border-radius: 14px !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

@media (max-width: 575px) {

    .muklawa-main-navbar-v2 #navbarNav > .d-flex {
        grid-template-columns: 1fr !important;
    }
}

/* END MUKLAWA_HEADER_CONTROLS_UNIFIED_V4 */