/* ============================================
   EMINENT EDUCATION - RESPONSIVE.CSS
   Breakpoints: 1200px | 992px | 768px | 576px
   ============================================ */

/* ---- Large Desktop (1200px) ---- */
@media (max-width: 1200px) {
    .countries-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .hero-inner {
        grid-template-columns: 1fr 380px;
        gap: 40px;
    }
    .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: 32px;
    }
}

/* ---- Tablet Large (992px) ---- */
@media (max-width: 992px) {
    html { font-size: 15px; }

    .section-pad { padding: 70px 0; }

    /* Navbar */
    .hamburger { display: flex; }
    .nav-cta.nav-cta { display: none; }

    .nav-links {
        position: fixed;
        top: 0; right: -100%;
        width: 300px;
        height: 100vh;
        background: var(--white);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 80px 0 32px;
        box-shadow: var(--shadow-lg);
        z-index: 999;
        transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        overflow-y: auto;
    }
    .nav-links.open { right: 0; }
    .mobile-overlay.open { display: block; }

    .nav-links > li { width: 100%; }
    .nav-links > li > a {
        padding: 14px 24px;
        border-radius: 0;
        border-bottom: 1px solid var(--light-gray);
        font-size: 0.95rem;
    }

    /* Mobile Dropdown */
    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding: 0 0 0 20px;
        display: none;
        background: var(--off-white);
    }
    .has-dropdown.open .dropdown-menu { display: block; }
    .dropdown-menu li a { padding: 12px 24px; }

    /* Hero */
    .hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 60px 0;
    }
    .hero-form-card { max-width: 500px; }

    /* Grids */
    .stats-grid { grid-template-columns: repeat(3, 1fr); }
    .countries-grid { grid-template-columns: repeat(3, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .why-us-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); }
    .countries-page-grid { grid-template-columns: repeat(2, 1fr); }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
    .gallery-grid { grid-template-columns: repeat(3, 1fr); }
    .admin-stats-grid { grid-template-columns: repeat(2, 1fr); }

    /* Process */
    .process-steps {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }
    .process-steps::before { display: none; }

    /* About */
    .about-intro-grid { grid-template-columns: 1fr; }
    .about-image-wrap { max-width: 500px; margin: 0 auto; }
    .about-badge { left: 0; }
    .mission-vision-grid { grid-template-columns: 1fr; }
    .director-grid {
        grid-template-columns: 1fr;
    }
    .director-image { max-width: 280px; }

    /* Country Detail */
    .country-detail-grid { grid-template-columns: 1fr; }
    .country-sidebar { flex-direction: row; flex-wrap: wrap; }
    .sidebar-card { flex: 1 1 260px; }

    /* Contact */
    .contact-grid { grid-template-columns: 1fr; }
    .contact-info-card { max-width: 600px; }

    /* Footer */
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    /* Eligibility */
    .eligibility-inner { grid-template-columns: 1fr; gap: 48px; }

    /* Admin */
    .admin-sidebar { transform: translateX(-100%); }
    .admin-sidebar.open { transform: translateX(0); }
    .admin-main { margin-left: 0; }
}

/* ---- Tablet Small (768px) ---- */
@media (max-width: 768px) {
    .section-pad { padding: 56px 0; }
    .section-pad-sm { padding: 40px 0; }

    /* Announcement bar */
    .announcement-bar p {
        font-size: 0.75rem;
        flex-direction: column;
        gap: 6px;
    }

    .navbar { height: 64px; }

    /* Hero */
    .hero { min-height: auto; }
    .hero-inner { padding: 48px 0; }
    .hero-cta { flex-direction: column; align-items: flex-start; }
    .hero-cta .btn { width: auto; }

    /* Stats */
    .stats-grid { grid-template-columns: 1fr; gap: 2px; }
    .stat-item:not(:last-child)::after {
        top: auto; bottom: 0; left: 20%; right: 20%;
        height: 1px; width: auto;
    }

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

    /* Services */
    .services-grid { grid-template-columns: 1fr; }

    /* Process */
    .process-steps { grid-template-columns: repeat(2, 1fr); }

    /* Why Us */
    .why-us-grid { grid-template-columns: 1fr; }

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

    /* Blog */
    .blog-grid { grid-template-columns: 1fr; }

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

    /* Country Detail Hero */
    .country-detail-hero { height: 280px; }

    /* Contact */
    .contact-form-card { padding: 32px 24px; }
    .contact-info-card { padding: 32px 24px; }

    /* CTA */
    .cta-buttons { flex-direction: column; align-items: center; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    .footer-bottom-inner {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

/* ---- Mobile (576px) ---- */
@media (max-width: 576px) {
    .container { padding: 0 16px; }
    .section-pad { padding: 48px 0; }

    .section-title { font-size: 1.7rem; }

    /* Hero Form */
    .hero-form-card { padding: 28px 20px; }

    /* Countries */
    .countries-grid { grid-template-columns: 1fr; }
    .countries-page-grid { grid-template-columns: 1fr; }

    /* Gallery */
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

    /* Process */
    .process-steps { grid-template-columns: 1fr; }

    /* Hero image */
    .country-detail-hero { height: 240px; }

    /* About */
    .about-badge { position: static; margin-top: 16px; display: inline-block; }

    /* Director */
    .director-grid { padding: 28px; }

    /* Admin */
    .admin-stats-grid { grid-template-columns: 1fr; }
    .admin-main { padding: 16px; }
    .admin-topbar { padding: 12px 16px; }

    /* Nav links */
    .nav-links { width: 280px; }

    /* WhatsApp & Scroll */
    .whatsapp-float { width: 50px; height: 50px; bottom: 20px; right: 20px; }
    .scroll-top { bottom: 84px; right: 20px; }

    /* Eligibility cta */
    .eligibility-cta { flex-direction: column; }
}

/* ---- Print Styles ---- */
@media print {
    .site-header, .site-footer, .whatsapp-float, .scroll-top, .announcement-bar {
        display: none !important;
    }
    .container { max-width: 100%; padding: 0; }
}