/*
 * EduNoor - Responsive Styles
 */

/* Tablet */
@media (max-width: 1024px) {
    .grid-4 { grid-template-columns: repeat(2, 1fr); }
    .grid-3 { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-visual { display: none; }
    .hero-content { max-width: 100%; }
    .hero-stats { gap: var(--space-xl); }
    .dash-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .nav-main { display: none; }
}

/* Mobile */
@media (max-width: 768px) {
    :root {
        --fs-hero: 2rem;
        --fs-4xl: 1.75rem;
        --fs-3xl: 1.5rem;
    }
    .container { padding: 0 var(--space-md); }
    .section { padding: var(--space-3xl) 0; }
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
    .hero-section { min-height: auto; padding: 120px 0 60px; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; }
    .hero-search { max-width: 100%; }
    .hero-stats { flex-wrap: wrap; gap: var(--space-lg); }
    .hero-stat { flex: 1; min-width: 80px; }
    .categories-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
    .podcast-card { flex-direction: column; }
    .newsletter-section { padding: var(--space-2xl); }
    .newsletter-form { flex-direction: column; }
    .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }
    .mobile-nav { display: block; }
    body { padding-bottom: 70px; }
    .dash-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .site-header .header-actions .btn { display: none; }
    .section-header h2 { font-size: var(--fs-2xl); }
}

/* Small mobile */
@media (max-width: 480px) {
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .category-card { padding: var(--space-lg) var(--space-md); }
    .category-icon { width: 48px; height: 48px; font-size: var(--fs-xl); }
    .hero-stats { justify-content: center; }
    .btn-lg { padding: 0.875rem 1.5rem; font-size: var(--fs-sm); }
}

/* Hover disabled on touch */
@media (hover: none) {
    .card-glass:hover { transform: none; }
    .hover-lift:hover { transform: none; }
    .btn:hover { transform: none; }
}

/* Print */
@media print {
    .site-header, .site-footer, .mobile-nav, .scroll-progress,
    .dark-mode-toggle, .hero-particles, .hero-float-icon { display: none !important; }
    body { background: #fff; color: #000; }
    .section { padding: 1rem 0; }
}