/**
 * Responsive CSS - VirtueFusion Noir Gold
 */

/* ============================================================
   TABLET (≤ 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .stats-dark-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .features-dark-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

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

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

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

    .footer-brand {
        grid-column: 1 / -1;
    }
}

/* ============================================================
   MOBILE (≤ 768px)
   ============================================================ */
@media (max-width: 768px) {
    /* Header */
    .nav-main { display: none; }
    .mobile-menu-toggle { display: flex; }

    .header-inner { padding: 0 1rem; }

    /* Hero */
    .hero {
        min-height: 85vh;
        max-height: 85vh;
    }

    .hero-title { font-size: clamp(2rem, 8vw, 3rem); }
    .hero-subtitle { max-width: 100%; }

    .hero-stats-row {
        gap: 1.25rem;
        flex-wrap: wrap;
    }

    .hero-stat-sep { display: none; }

    .hero-actions { flex-direction: column; align-items: flex-start; }

    /* Stats dark */
    .stats-dark-grid {
        grid-template-columns: 1fr;
    }

    .stat-dark-item { padding: 2rem 1.5rem; }

    /* Topics magazine */
    .topic-mag-link {
        flex: 0 0 calc(50% - 0px);
    }

    .topic-mag-link.topic-mag-featured {
        flex: 0 0 100%;
    }

    /* Features */
    .features-dark-img img { height: 280px; }

    /* Related */
    .related-grid { grid-template-columns: 1fr; }

    /* Cat grid */
    .cat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    /* Sidebar */
    .sidebar { grid-template-columns: 1fr; }

    /* Article list card */
    .article-list-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-list-card-img {
        width: 100%;
        height: 160px;
    }

    /* Contact form */
    .contact-form { padding: 1.5rem; }

    /* Section headings */
    .section-heading { font-size: var(--text-2xl); }
    .page-banner h1 { font-size: var(--text-2xl); }
}

/* ============================================================
   SMALL MOBILE (≤ 480px)
   ============================================================ */
@media (max-width: 480px) {
    .hero-title { font-size: clamp(1.75rem, 9vw, 2.5rem); }

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

    .topic-mag-link { flex: 0 0 100%; }

    .casino-grid-new { grid-template-columns: 1fr; }

    .hero-actions { width: 100%; }
    .btn-gold, .btn-outline-white { width: 100%; justify-content: center; }
}