/* ==========================================================================
   Aura Yoga — Responsive adjustments (mobile-first)
   ========================================================================== */

@media (max-width: 991.98px) {
    .site-header .navbar-collapse {
        background: rgba(255, 255, 255, 0.97);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        padding: 1.2rem;
        margin-top: 0.9rem;
    }
    .site-header .navbar-nav .nav-link {
        padding: 0.65rem 1rem;
        font-size: 1rem;
    }
    .nav-cta {
        width: 100%;
        text-align: center;
    }
    .section {
        padding: 4rem 0;
    }
    .hero {
        padding: 7rem 0 5rem;
        min-height: 92vh;
    }
    .image-badge {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .section {
        padding: 3.4rem 0;
    }
    .hero-title {
        font-size: 2.4rem;
    }
    .hero-trust li {
        margin-right: 0.4rem;
        font-size: 0.85rem;
    }
    .schedule-table {
        font-size: 0.85rem;
    }
    .schedule-table thead th,
    .schedule-table tbody th,
    .schedule-table tbody td {
        padding: 0.7rem;
    }
    .page-hero {
        padding: 9rem 0 3.5rem;
    }
    .class-detail {
        padding-top: 2rem;
    }
    .map-frame,
    .map-frame iframe {
        min-height: 300px;
    }
    .cookie-card {
        padding: 1.6rem;
    }
    .footer-top {
        padding: 3rem 0 2rem;
    }
}

@media (max-width: 575.98px) {
    .brand-tag {
        display: none;
    }
    .hero-actions .btn {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .pricing-price {
        font-size: 2.4rem;
    }
    .contact-summary li {
        flex-direction: column;
        gap: 0.3rem;
    }
    .error-page {
        padding: 10rem 0 6rem;
    }
    .back-to-top {
        right: 1rem;
        bottom: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    .hero-bg {
        animation: none;
    }
}