/* Arivoli - Responsive CSS */

/* Tablet */
@media (max-width: 1024px) {
    .footer-top { grid-template-columns: 1fr 1fr; }
    .form-row   { grid-template-columns: 1fr; }
}

/* Mobile */
@media (max-width: 768px) {
    :root { --header-h: 60px; }

    .main-navigation { display: none; }
    .menu-toggle     { display: flex !important; }
    .bottom-tab-bar  { display: flex; }

    .hero-title  { font-size: 2rem; }
    .section-title { font-size: 1.5rem; }

    .site-content.has-sidebar { grid-template-columns: 1fr; }
    .site-sidebar { display: none; }
    .site-sidebar.open { display: block; position: fixed; inset: 0; z-index: 1200; overflow-y: auto; }

    .footer-top    { grid-template-columns: 1fr; gap: 2rem; }
    .footer-bottom { flex-direction: column; gap: 1rem; text-align: center; }
    .footer-nav    { justify-content: center; }

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

    .btn-lg { font-size: 0.9rem; padding: 0.75rem 1.5rem; }
    .hero-buttons { flex-direction: column; align-items: center; }
}

@media (min-width: 769px) {
    .menu-toggle    { display: none; }
    .bottom-tab-bar { display: none; }
}