/* ==========================================
   Swimgo - Responsive Styles
   ========================================== */

/* ---- Tablet (max 1024px) ---- */
@media (max-width: 1024px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.7rem; }
    
    .swimgo-section { padding: 60px 0; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .services-grid { grid-template-columns: repeat(2, 1fr); }
    .why-us-grid { grid-template-columns: repeat(2, 1fr); }
    .districts-grid { grid-template-columns: repeat(3, 1fr); }
    .blog-grid { grid-template-columns: repeat(2, 1fr); }
    .testimonials-grid { grid-template-columns: repeat(2, 1fr); }

    .about-grid { grid-template-columns: 1fr; gap: 40px; }
    .about-image-wrap { max-width: 500px; margin: 0 auto; }

    .content-with-sidebar {
        grid-template-columns: 1fr;
    }
    .content-sidebar {
        position: static;
    }

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

    .contact-cards-grid { grid-template-columns: repeat(2, 1fr); }
    .contact-form-section { grid-template-columns: 1fr; }

    .local-services-grid { grid-template-columns: repeat(2, 1fr); }
    .related-districts-grid,
    .other-districts-grid { grid-template-columns: repeat(3, 1fr); }

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

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

    .seo-internal-links { grid-template-columns: 1fr; }
}

/* ---- Large Phone (max 768px) ---- */
@media (max-width: 768px) {
    .container { padding: 0 16px; }
    .swimgo-section { padding: 50px 0; }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }

    /* Topbar */
    .topbar { display: none; }

    /* Navbar */
    .navbar-nav { display: none; }
    .navbar-cta { display: none; }
    .navbar-toggle { display: flex; }
    
    .navbar-brand img { height: 45px; }
    .navbar-brand .site-title { font-size: 1.2rem; }

    /* Hero */
    .hero-section { min-height: 500px; }
    .hero-content { padding: 80px 0 100px; }
    .hero-content h1 { font-size: 2rem; }
    .hero-content p { font-size: 1rem; }
    .hero-buttons { flex-direction: column; }
    .hero-buttons .btn { width: 100%; justify-content: center; }

    /* Stats */
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .stat-item { padding: 20px 15px; }
    .stat-number { font-size: 2rem; }

    /* Services */
    .services-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
    .service-card { padding: 20px 15px; }

    /* Districts */
    .districts-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .district-card { padding: 14px 16px; font-size: .9rem; }

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

    /* Blog */
    .blog-grid { grid-template-columns: 1fr; }
    .blog-card-image { height: 200px; }
    .archive-grid { grid-template-columns: 1fr; }

    /* CTA */
    .cta-content h2 { font-size: 1.6rem; }
    .cta-buttons { flex-direction: column; align-items: center; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    .footer-legal { justify-content: center; }
    .footer-cta-buttons { flex-direction: column; align-items: center; }

    /* Single */
    .article-title { font-size: 1.5rem; }
    .article-meta { flex-direction: column; gap: 8px; }
    .related-posts-grid { grid-template-columns: 1fr; }

    /* Contact */
    .contact-cards-grid { grid-template-columns: 1fr 1fr; gap: 15px; }
    .form-row { grid-template-columns: 1fr; }

    /* District page */
    .ilce-hero { padding: 60px 0; }
    .ilce-hero h1 { font-size: 2rem; }
    .ilce-buttons { flex-direction: column; align-items: center; }
    .local-services-grid { grid-template-columns: 1fr 1fr; }
    .related-districts-grid,
    .other-districts-grid { grid-template-columns: repeat(2, 1fr); }

    /* 404 */
    .error-404-content h1 { font-size: 4rem; }
    .error-links-grid { grid-template-columns: repeat(2, 1fr); }

    /* WhatsApp Float */
    .whatsapp-float a span { display: none; }
    .whatsapp-float a {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        padding: 0;
        justify-content: center;
    }

    /* Scroll to top */
    .scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
    }

    .whatsapp-float {
        bottom: 20px;
        left: 20px;
    }

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

    /* Search */
    .search-form { flex-direction: column; }
}

/* ---- Small Phone (max 480px) ---- */
@media (max-width: 480px) {
    .container { padding: 0 12px; }
    .swimgo-section { padding: 40px 0; }

    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.3rem; }

    .btn { padding: 12px 22px; font-size: .9rem; }
    .btn-lg { padding: 14px 28px; font-size: 1rem; }

    /* Stats */
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .stat-number { font-size: 1.6rem; }

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

    /* Districts */
    .districts-grid { grid-template-columns: 1fr; }

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

    /* About Features */
    .about-features { grid-template-columns: 1fr; }
    .about-experience-badge {
        width: 90px;
        height: 90px;
        bottom: -10px;
        right: -10px;
    }
    .about-experience-badge .exp-number { font-size: 1.5rem; }

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

    /* Hero */
    .hero-content h1 { font-size: 1.7rem; }

    /* Single */
    .article-title { font-size: 1.3rem; }
    .article-share a { width: 36px; height: 36px; }

    /* 404 */
    .error-404-content h1 { font-size: 3rem; }
    .error-links-grid { grid-template-columns: 1fr 1fr; gap: 10px; }

    /* Gallery */
    .gallery-grid { grid-template-columns: 1fr; }

    /* Mobile drawer */
    .mobile-drawer { width: 90%; }
}

/* ---- Print ---- */
@media print {
    .topbar, .site-header, .whatsapp-float, .scroll-to-top,
    .mobile-drawer, .mobile-overlay, .footer-cta {
        display: none !important;
    }
    body {
        font-size: 12pt;
        color: #000;
    }
    .container { max-width: 100%; }
}