/* @media (min-width: 1200px) {
     .navbar-brand {
          display: none;
     } */
@media (min-width: 1200px) {
     .navbar-brand {
          display: block;
     }

     /* hide mobile logo only */
     .collapse-brand {
/*           display: none; */
     }
}
}@media (min-width: 1200px) {

    .navbar-main .container,
    .navbar-main .container-fluid,
    .navbar-main > div {
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        align-items: center;
        gap: 20px;
    }

    /* LOGO */
    .logo-left {
        grid-column: 1;
    }

    /* MENU CENTER */
    .center-menu-wrapper {
        grid-column: 2;
        display: flex;
        justify-content: center;
    }

    .combined-menu {
        display: flex;
        justify-content: center;
        gap: 25px;
    }

    /* CTA */
    .header-right-wrapper .nav-ctas {
        grid-column: 3;
    }

    /* SOCIAL */
    .social-icons {
        grid-column: 4;
        display: flex;
        align-items: center;
    }

    .social-icons a {
        font-size: 15px;
        margin-left: 10px;
        color: #666;
    }

    .social-icons a:hover {
        color: #00c2a8;
    }

}
    /* LOGO - FORCE LEFT */
    .logo-left {
        margin-right: auto;   /* 🔥 pushes everything to right */
        order: 1;
    }

    /* MENUS (CENTER AREA) */
    .desktop-nav {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* KEEP MENUS TOGETHER */
    .desktop-nav:first-of-type,
    .desktop-nav:last-of-type {
        order: 2;
    }

    /* RIGHT SIDE (CTA + SOCIAL) */
    .header-right-wrapper {
        margin-left: auto;   /* 🔥 pushes to far right */
        display: flex;
        align-items: center;
        gap: 12px;
        order: 3;
    }

    /* SOCIAL ICONS */
    .social-icons {
        display: flex;
        align-items: center;
    }

    .social-icons a {
        font-size: 15px;
        color: #666;
        margin-left: 10px;
        transition: 0.3s ease;
    }

    .social-icons a:hover {
        color: #00c2a8;
    }
}