/**
 * Responsive CSS — Inferno Wager Theme
 */

/* ==========================================================================
   TABLET (max 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    /* Header */
    .iw-nav { display: none !important; }
    .iw-nav-cta { display: none !important; }
    .iw-mobile-toggle { display: flex !important; }

    /* Stats */
    .iw-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .iw-stats-item:nth-child(2) { border-right: none; }

    /* Features */
    .iw-features-grid { grid-template-columns: repeat(2, 1fr); }

    /* Categories */
    .iw-categories-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .iw-cat-card--featured {
        grid-column: span 2;
        grid-row: span 1;
        min-height: 280px;
    }

    /* Gallery */
    .iw-gallery-strip {
        grid-template-columns: repeat(3, 1fr);
    }
    .iw-gallery-strip .iw-gallery-item:nth-child(n+4) { display: none; }

    /* Articles */
    .iw-articles-grid { grid-template-columns: repeat(2, 1fr); }

    /* About */
    .iw-about-grid { gap: 40px; }

    /* Content Layout */
    .iw-content-layout {
        grid-template-columns: 1fr 280px;
    }

    /* Footer */
    .iw-footer-grid { grid-template-columns: 1fr 1fr; }
    .iw-footer-brand { grid-column: span 2; }

    /* Contact */
    .iw-contact-layout { grid-template-columns: 1fr; }
}

/* ==========================================================================
   MOBILE (max 768px)
   ========================================================================== */
@media (max-width: 768px) {
    :root {
        --container-padding: 1rem;
        --header-height: 92px;
    }

    .iw-header-topbar { padding: 0 16px; }
    .iw-header-topbar-links { gap: 10px; }

    .iw-hero {
        height: 100svh;
        min-height: 500px;
        max-height: 800px;
    }
    .iw-hero-title { font-size: clamp(1.8rem, 7vw, 2.8rem); }
    .iw-hero-btns { flex-direction: column; gap: 10px; }
    .iw-btn-primary, .iw-btn-outline {
        width: 100%;
        justify-content: center;
    }

    .iw-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .iw-stats-item { padding: 22px 16px; }

    .iw-features-grid { grid-template-columns: 1fr; }

    .iw-categories-grid { grid-template-columns: 1fr; }
    .iw-cat-card--featured {
        grid-column: span 1;
        min-height: 240px;
    }

    .iw-gallery-strip { grid-template-columns: repeat(2, 1fr); }
    .iw-gallery-strip .iw-gallery-item:nth-child(n+4) { display: none; }

    .iw-articles-grid { grid-template-columns: 1fr; }

    .iw-about-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .iw-about-img-wrap { order: -1; }

    .iw-content-layout { grid-template-columns: 1fr; }
    .iw-footer-grid { grid-template-columns: 1fr; }
    .iw-footer-brand { grid-column: span 1; }

    .iw-section-title { font-size: clamp(1.4rem, 5vw, 1.9rem); }

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

/* ==========================================================================
   SMALL MOBILE (max 480px)
   ========================================================================== */
@media (max-width: 480px) {
    .iw-gallery-strip { grid-template-columns: 1fr; }
    .iw-hero-content { padding-left: 1rem; padding-right: 1rem; }
    .iw-cta-btns { flex-direction: column; align-items: center; }
    .iw-article-content { padding: 20px 16px; }
    .iw-404-num { font-size: 6rem; }
}