/* ============================================================
   RESPONSIVE.CSS — Media Queries for Mobile & Tablet
   ============================================================ */

/* --- Tablet (≤1024px) --- */
@media (max-width: 1024px) {
    .stats-grid {
        grid-template-columns: 1fr 1fr;
    }

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

    .impact-cards {
        grid-template-columns: 1fr 1fr;
    }

    /* Hide third impact card on tablet */
    .impact-card:last-child {
        display: none;
    }
}

/* --- Mobile (≤768px) --- */
@media (max-width: 768px) {

    /* Navbar */
    .navbar-wrapper {
        padding: 16px 20px;
    }

    .nav-links {
        display: none;
    }

    /* hamburger would go here */

    /* Hero */
    .hero {
        padding: 100px 20px 60px;
    }

    .hero-heading {
        font-size: 2.2rem;
    }

    /* Stats */
    .stats-section {
        padding: 0 20px 60px;
    }

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

    /* Courses */
    .courses-cta-section {
        padding: 60px 20px;
    }

    .course-card-inner {
        flex-direction: column;
    }

    .course-card-img-wrap {
        flex: none;
    }

    .course-card-img {
        min-height: 200px;
    }

    /* Testimonials */
    .testimonials-section {
        padding: 60px 20px;
    }

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

    /* Impact */
    .impact-section {
        padding: 60px 20px;
    }

    .impact-cards {
        grid-template-columns: 1fr;
    }

    .impact-card:last-child {
        display: block;
    }

    /* restore on mobile */

    /* Footer */
    .footer-content {
        flex-direction: column;
        padding-top: 180px;
    }

    .footer-links {
        flex-wrap: wrap;
        gap: 40px;
        justify-content: flex-start;
    }
}