/**
 * Responsive Breakpoints, Accessibility Focus & Motion Control
 *
 * @package MindsetManufacturing
 */

/* ==========================================================================
   Tablet Breakpoints (<= 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
    .mme-desktop-nav {
        display: none;
    }

    .mme-mobile-toggle {
        display: block;
    }

    .mme-hero-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

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

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

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

    .mme-detail-grid {
        grid-template-columns: 1fr;
    }

    .mme-kpi-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ==========================================================================
   Mobile Breakpoints (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
    h1, .mme-h1 {
        font-size: 2.125rem;
    }

    h2, .mme-h2 {
        font-size: 1.625rem;
    }

    h3, .mme-h3 {
        font-size: 1.3rem;
    }

    .mme-section {
        padding: 56px 0;
    }

    .mme-section-sm {
        padding: 36px 0;
    }

    .mme-grid-4,
    .mme-grid-3,
    .mme-grid-2 {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .mme-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .mme-lead-form-wrap {
        padding: 24px 20px;
    }

    .mme-footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .mme-footer-bottom {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .mme-footer-legal-links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .mme-kpi-grid {
        grid-template-columns: 1fr;
    }

    /* Sticky CTA on mobile screens */
    .mme-sticky-cta {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 12px 16px;
        box-shadow: 0 -4px 16px rgba(16, 36, 58, 0.12);
        z-index: 990;
        gap: 10px;
        border-top: 1px solid var(--mme-border);
    }

    .mme-sticky-cta .mme-btn {
        flex: 1;
        padding: 10px 14px;
        font-size: 0.875rem;
    }

    body {
        padding-bottom: 70px; /* Space for sticky bar */
    }
}

/* ==========================================================================
   Accessibility & Reduced Motion
   ========================================================================== */
:focus-visible {
    outline: 2px solid var(--mme-accent);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}