/*
 * responsive.css
 * All breakpoint overrides. Mobile-first where practical.
 * Breakpoints:
 *   sm:  480px
 *   md:  768px
 *   lg:  1024px
 *   xl:  1200px
 */

/* ══════════════════════════════════════════════════════════════════════════ */
/* LARGE — 1024px and below                                                   */
/* ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {

    /* Hero */
    .mait-hero__heading { font-size: var(--text-4xl); }
    .mait-hero__inner   { gap: var(--space-8); }

    /* Footer grid */
    .mait-footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-8);
    }

    /* Practice cards */
    .mait-practice__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Results grid */
    .mait-results__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Reviews grid */
    .mait-reviews__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Location directory */
    .mait-locations-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Location content */
    .mait-location-content__inner {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .mait-location-sidebar {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-4);
    }
}

/* ══════════════════════════════════════════════════════════════════════════ */
/* MEDIUM — 768px and below                                                   */
/* ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* Announcement bar */
    .mait-announcement__text {
        font-size: 10px;
        gap: var(--space-1);
    }

    /* Header — hide desktop nav and phone, show hamburger */
    .mait-nav,
    .mait-header__phone {
        display: none;
    }

    .mait-hamburger {
        display: flex;
    }

    /* Mobile nav — slide in from top when open */
    .mait-nav.is-open {
        display: flex;
        position: fixed;
        top: var(--header-total);
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--color-white);
        z-index: var(--z-overlay);
        flex-direction: column;
        padding: var(--space-6);
        overflow-y: auto;
    }

    .mait-nav.is-open .mait-nav__list {
        flex-direction: column;
        gap: var(--space-1);
        align-items: stretch;
    }

    .mait-nav.is-open .mait-nav__list a {
        font-size: var(--text-lg);
        padding: var(--space-4);
        border-radius: var(--radius-lg);
        display: block;
    }

    .mait-nav.is-open .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        padding-left: var(--space-4);
        background: var(--color-cream);
        margin-top: var(--space-2);
        border-radius: var(--radius-md);
    }

    /* Hero — stack columns */
    .mait-hero__inner,
    .mait-location-hero__inner {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .mait-hero__heading {
        font-size: var(--text-3xl);
    }

    .mait-hero__form-wrap {
        position: static;
    }

    /* Trust bar — 2x2 grid */
    .mait-trust-bar__inner {
        justify-content: center;
        gap: var(--space-3);
    }

    .mait-trust-bar__item {
        flex: 0 0 calc(50% - var(--space-3));
        justify-content: center;
    }

    /* Why us — single column */
    .mait-why__grid {
        grid-template-columns: 1fr;
    }

    /* CTA band — stack */
    .mait-cta-band__inner {
        flex-direction: column;
        text-align: center;
    }

    .mait-cta-band__actions {
        justify-content: center;
    }

    /* Footer CTA */
    .mait-footer__cta-inner {
        flex-direction: column;
        text-align: center;
    }

    .mait-footer__cta-actions {
        justify-content: center;
    }

    /* Footer grid — 2 columns */
    .mait-footer__inner {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-6);
    }

    /* Footer bottom — stack */
    .mait-footer__bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: var(--space-3);
    }

    /* Form */
    .mapi-input-row {
        grid-template-columns: 1fr;
    }

    /* Practice grid */
    .mait-practice__grid {
        grid-template-columns: 1fr;
    }

    /* Location sidebar stacked */
    .mait-location-sidebar {
        grid-template-columns: 1fr;
    }

    /* Location directory */
    .mait-locations-grid {
        grid-template-columns: 1fr;
    }

    /* Results / reviews */
    .mait-results__grid,
    .mait-reviews__grid {
        grid-template-columns: 1fr;
    }
}

/* ══════════════════════════════════════════════════════════════════════════ */
/* SMALL — 480px and below                                                    */
/* ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 480px) {

    :root {
        --container-pad: var(--container-pad-sm);
    }

    /* Announcement bar — simplify */
    .mait-announcement__text {
        font-size: 9px;
    }

    .mait-logo__text .mait-logo__practice {
        display: none; /* just "Mid-America" on very small screens */
    }

    /* Hero */
    .mait-hero {
        padding: var(--space-10) 0 var(--space-12);
    }

    .mait-hero__heading {
        font-size: var(--text-2xl);
    }

    .mait-hero__trust {
        gap: var(--space-2);
    }

    /* Trust bar — single column */
    .mait-trust-bar__item {
        flex: 0 0 100%;
    }

    /* Footer — single column */
    .mait-footer__inner {
        grid-template-columns: 1fr;
    }

    /* Section spacing */
    .mait-section {
        padding-top: var(--space-10);
        padding-bottom: var(--space-10);
    }

    /* Form severity buttons — 2x2 grid */
    .mapi-sev-row {
        flex-wrap: wrap;
    }

    .mapi-sev-btn {
        flex: 0 0 calc(50% - var(--space-1));
    }
}

/* ══════════════════════════════════════════════════════════════════════════ */
/* PRINT                                                                       */
/* ══════════════════════════════════════════════════════════════════════════ */
@media print {

    .mait-announcement,
    .mait-header,
    .mait-hamburger,
    .mapi-form-card,
    .mait-footer__cta-band,
    .mait-cta-band {
        display: none !important;
    }

    .mait-main {
        padding-top: 0;
    }

    body {
        font-size: 12pt;
        color: #000;
    }

    a { color: #000; text-decoration: underline; }
    a[href]::after { content: " (" attr(href) ")"; font-size: 10pt; }
}