/* ── responsive.css ─ 768 / 1024 / 1280 ──────────────────── */

/* ── Max 1024px (tablet) ─────────────────────────────────── */
@media (max-width: 1024px) {
    /* Header: show hamburger, hide nav */
    .site-header__nav,
    .site-header__utility {
        display: none;
    }

    .site-header__hamburger {
        display: flex;
    }

    .grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--55-45,
    .grid--60-40 {
        grid-template-columns: 1fr;
    }

    .hero__inner {
        grid-template-columns: 1fr;
    }

    .hero__hud {
        margin-top: var(--s-24);
    }

    .footer-columns {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-testimonials__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .database-layout {
        grid-template-columns: 1fr;
    }

    .database-sidebar {
        position: static;
        order: -1;
        max-height: none;
    }
}

/* ── Max 768px (mobile) ──────────────────────────────────── */
@media (max-width: 768px) {
    .grid--2,
    .grid--3,
    .grid--4 {
        grid-template-columns: 1fr;
    }

    .grid--55-45,
    .grid--60-40 {
        grid-template-columns: 1fr;
    }

    .hero__inner {
        grid-template-columns: 1fr;
    }

    .hero__hud {
        display: none;
    }

    .section {
        padding: var(--s-48) 0;
    }

    .footer-columns {
        grid-template-columns: 1fr;
        gap: var(--s-32);
    }

    .footer-testimonials__grid {
        grid-template-columns: 1fr;
        gap: var(--s-24);
    }

    .footer-partners__inner {
        flex-direction: column;
        gap: var(--s-16);
    }

    .database-layout {
        grid-template-columns: 1fr;
    }

    .database-sidebar {
        position: static;
        order: -1;
        max-height: none;
    }

    .stat-table {
        font-size: 0.8125rem;
    }

    .stat-table th,
    .stat-table td {
        padding: var(--s-8) var(--s-12);
    }

    .tabs__nav {
        gap: var(--s-12);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .match-card__teams {
        flex-direction: column;
        gap: var(--s-8);
        text-align: center;
    }
}

/* ── Min 1024px (desktop) ────────────────────────────────── */
@media (min-width: 1024px) {
    .site-header__hamburger {
        display: none;
    }

    .mobile-nav {
        display: none !important;
    }
}

/* ── Min 1280px (wide) ───────────────────────────────────── */
@media (min-width: 1280px) {
    .container {
        padding-inline: var(--s-32);
    }
}