/**
 * responsive.css — Breakpoints mobile-first (768px, 1024px, 1440px)
 *
 * @package developer
 * @since   1.0.0
 */

/* ─── Tablette (>= 768px) ──────────────────────────────── */
@media (min-width: 768px) {
    :root {
        --container-padding: 2rem;
    }

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

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

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

    .hero__actions {
        flex-direction: row;
    }

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

    .contact-grid {
        grid-template-columns: 1fr 1fr;
    }

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

    .site-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* ─── Desktop (>= 1024px) ──────────────────────────────── */
@media (min-width: 1024px) {
    .burger-menu {
        display: none;
    }

    .nav-desktop {
        display: block;
    }

    .header-actions {
        display: flex;
    }

    .nav-mobile {
        display: none;
    }

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

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

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

    .site-footer__grid {
        grid-template-columns: 2fr 1fr 1fr 1.5fr;
    }
}

/* ─── Large Desktop (>= 1440px) ────────────────────────── */
@media (min-width: 1440px) {
    :root {
        --container-padding: 3rem;
    }
}