/* ============================================================
   CDF NAVBAR – Desktop + Mobile (DEDUPLICATED)
============================================================ */

.cdf-navbar .cdf-nav-inner { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0px 12px; }
.cdf-navbar .cdf-toggler { flex: 0 0 auto; }
.cdf-navbar .brand-group { flex: 0 0 auto; min-width: 0; display: flex; align-items: center; }
.cdf-navbar .cdf-navbar-collapse { flex: 1 1 auto; justify-content: center; }
.cdf-navbar .cdf-nav-center { margin: 0 auto; }
.cdf-navbar .cdf-nav-right { flex: 0 0 auto; margin-left: auto; }

/* ===== MOBILE (merged final) ===== */
@media (max-width: 992px) {
    .cdf-navbar .cdf-nav-inner { flex-wrap: nowrap; align-items: center; }
    .cdf-navbar .cdf-toggler { flex: 0 0 auto; }
    .cdf-navbar .brand-group { flex: 1 1 auto; min-width: 0; justify-content: center; }
    .cdf-navbar .server-badge { max-width: calc(100vw - 72px); min-width: 0; margin: 0; padding: 6px 8px; }
    .cdf-navbar .server-badge .stats, .cdf-navbar .server-badge .line { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cdf-navbar .server-badge .btn-join { display: none !important; }
    .cdf-navbar .server-badge .patch-wrap, .cdf-navbar .server-badge .patch { width: 38px !important; height: 38px !important; }
    .cdf-navbar #cdfNavbar { flex-basis: 100%; order: 10; }
    .cdf-navbar .cdf-mobile-auth { margin-top: 10px; padding: 0 6px; }
    .cdf-navbar .cdf-mobile-auth .btn { width: 100%; }
}