/* SportsMatrix — unified public navbar (load last in ) */ /* World Cup nav label: full on desktop, short on mobile */ .nav-wc-short { display: none; } @media (max-width: 900px) { .nav-wc-full { display: none !important; } .nav-wc-short { display: inline !important; } } /* Desktop — consistent banner, logo, and link sizing */ .top-banner { min-height: 64px !important; padding: 12px 20px !important; box-sizing: border-box !important; align-items: center !important; } .top-banner .nav-container, .nav-container { min-height: 44px !important; align-items: center !important; gap: 12px !important; } .top-banner .nav-logo, .nav-logo { height: 52px !important; max-height: 56px !important; min-height: auto !important; width: auto !important; object-fit: contain !important; } .top-banner .nav-links, .nav-links { gap: 10px !important; align-items: center !important; } .top-banner .nav-links .nav-link, .nav-links .nav-link, .top-banner .nav-link, .nav-link { padding: 9px 14px !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; white-space: nowrap !important; } .top-banner .nav-links .nav-link i, .nav-link i { font-size: 0.85em; } /* Mobile — same compact sizing on all public pages */ @media (max-width: 768px) { .top-banner { min-height: 56px !important; padding: 10px 12px !important; } .top-banner .nav-container, .nav-container { gap: 6px !important; flex-wrap: nowrap !important; } .top-banner .nav-brand .nav-logo, .top-banner .nav-logo, .nav-logo { height: 40px !important; max-height: 44px !important; } .top-banner .nav-links .nav-link, .nav-links .nav-link, .nav-link { padding: 7px 9px !important; font-size: 11px !important; } .top-banner .nav-dropdown { display: none !important; } .nav-link--world-cup { padding-left: 7px !important; padding-right: 7px !important; } } @media (max-width: 380px) { .top-banner .nav-links .nav-link, .nav-link { padding: 6px 7px !important; font-size: 10px !important; } .nav-link--world-cup { padding-left: 6px !important; padding-right: 6px !important; } }