/* =========================================================
   MUKLAWA_APP_HEADER_VISUAL_UNIFY_V5
   Design only.
   No dropdown/auth/country/currency/API logic changed.
   ========================================================= */

@media (min-width:1200px) {

    .muklawa-main-navbar-v2 {
        min-height:72px !important;
        height:72px !important;
        padding:0 !important;
    }

    .muklawa-main-navbar-v2 > .container {
        width:calc(100% - 32px) !important;
        max-width:1720px !important;
        min-height:72px !important;
        padding-left:0 !important;
        padding-right:0 !important;
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:14px !important;
    }

    /* Logo */
    .muklawa-main-navbar-v2 .navbar-brand {
        padding:0 !important;
        margin-right:18px !important;
        flex:0 0 auto !important;
        display:flex !important;
        align-items:center !important;
    }

    .muklawa-main-navbar-v2 .navbar-brand img {
        height:40px !important;
        width:auto !important;
        max-width:175px !important;
        object-fit:contain !important;
    }

    /* Left navigation */
    .muklawa-main-navbar-v2 .navbar-nav {
        display:flex !important;
        align-items:center !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        gap:2px !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
    }

    .muklawa-main-navbar-v2 .navbar-nav .nav-link {
        min-height:44px !important;
        height:44px !important;
        padding:0 11px !important;

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

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

        white-space:nowrap !important;
    }

    .muklawa-main-navbar-v2 .navbar-nav .nav-link.active::after {
        left:11px !important;
        right:11px !important;
        bottom:-14px !important;
        height:3px !important;
    }

    /* Right area */
    .muklawa-main-navbar-v2 #navbarNav {
        align-items:center !important;
    }

    .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;
    }

    /* ALL right-side controls same typography + height */
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav,
    .muklawa-main-navbar-v2 .btn-dashboard-nav,
    .muklawa-main-navbar-v2 .btn-primary-nav,
    .muklawa-main-navbar-v2 .btn-outline-nav {

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

        padding:0 17px !important;

        border-radius:22px !important;

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

        gap:7px !important;

        font-family:var(--font-sans) !important;
        font-size:15px !important;
        font-weight:600 !important;
        line-height:1 !important;

        white-space:nowrap !important;
        vertical-align:middle !important;

        margin:0 !important;
    }

    /* Country / currency widths stay natural */
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency {
        min-width:auto !important;
    }

    /* Same border weight */
    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-outline-nav {
        border-width:1px !important;
    }

    /* Icons same visual scale */
    .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;
    }

    /* Dropdown caret */
    .muklawa-main-navbar-v2 .dropdown-toggle::after {
        margin-left:7px !important;
        vertical-align:middle !important;
    }
}

/* Compact laptop: keep full desktop menu but fit properly */
@media (min-width:1200px) and (max-width:1399px) {

    .muklawa-main-navbar-v2 > .container {
        width:calc(100% - 20px) !important;
        gap:8px !important;
    }

    .muklawa-main-navbar-v2 .navbar-brand {
        margin-right:8px !important;
    }

    .muklawa-main-navbar-v2 .navbar-brand img {
        height:36px !important;
        max-width:150px !important;
    }

    .muklawa-main-navbar-v2 .navbar-nav .nav-link {
        height:42px !important;
        min-height:42px !important;
        padding:0 8px !important;
        font-size:14px !important;
    }

    .muklawa-main-navbar-v2 .btn-country,
    .muklawa-main-navbar-v2 .btn-currency,
    .muklawa-main-navbar-v2 .btn-nav,
    .muklawa-main-navbar-v2 .btn-dashboard-nav,
    .muklawa-main-navbar-v2 .btn-primary-nav,
    .muklawa-main-navbar-v2 .btn-outline-nav {
        height:42px !important;
        min-height:42px !important;
        padding:0 13px !important;
        border-radius:21px !important;
        font-size:14px !important;
    }

    .muklawa-main-navbar-v2 #navbarNav > .d-flex {
        gap:7px !important;
    }
}

/* Bootstrap mobile behaviour remains authoritative below 1200 */
@media (max-width:1199.98px) {

    .muklawa-main-navbar-v2 .navbar-toggler {
        margin-left:auto !important;
    }
}

/* END MUKLAWA_APP_HEADER_VISUAL_UNIFY_V5 */