/* Arena2 responsive compatibility rules.
   Final component breakpoints live in arena2-2026.css. */

@media (max-width: 991px) {
    video { display: none !important; }
    .navbar-collapse { text-align: left; }
    .navbar-expand-lg .navbar-nav { align-items: stretch; }
    .navbar-expand-lg .navbar-nav .nav-link { padding: 12px 14px; }
    #custom-content-center { padding: 0 !important; }
    .logo { right: auto; left: auto; margin-right: auto; margin-left: auto; }
    .logo-add { margin-top: 8px; }
    .ranking-options,
    .account-top-options,
    .language-options { right: auto; left: auto; max-width: 100%; }
    .faq-box { margin-bottom: 15px; }
    .bottom-content { text-align: center; }
}

@media (max-width: 767px) {
    .top-footer ul { display: block; }
    .top-footer ul li { display: block; padding: 0; margin: 10px 0; }
    .download-grid,
    .auth-links { grid-template-columns: 1fr; }
}

@media (max-width: 575px) {
    .logo::before,
    .logo::after,
    .hero-download::before,
    .hero-download::after { display: none; }
    .logo-add .title-desc { width: auto; }
    .news-header .name h3,
    .news-header .nav-tabs { font-size: 11px; }
}

@media (max-width: 420px) {
    .nav-discord-link { width: 36px; height: 36px; }
    .nav-top-actions .language-menu summary { min-width: 48px; height: 36px; padding: 0 6px; }
    .nav-top-actions .language-menu summary img { width: 18px; height: 18px; }
    .nav-top-actions .language-menu summary span { display: none; }
}

@media (min-width: 992px) {
    .container { max-width: 1370px; }
}