/* Maeva Boujot — design system (refonte 2026). Source : maquette, porté tel quel. */

/* ============================= 8. UTILITAIRES ========================== */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.text-center {
    text-align: center;
}

.mt-0 {
    margin-top: 0;
}

.mt-s {
    margin-top: var(--space-s);
}

.mt-m {
    margin-top: var(--space-m);
}

.mt-l {
    margin-top: var(--space-l);
}

.mb-0 {
    margin-bottom: 0;
}

.muted {
    color: var(--muted);
}

.small {
    font-size: var(--step--1);
}

.stack > * + * {
    margin-top: var(--space-s);
}

.no-scroll {
    overflow: hidden;
}

/* ================== 9. IMPRESSION & PRÉFÉRENCES SYSTÈME ================ */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    .header,
    .footer,
    .drawer,
    .btn,
    .skip-link {
        display: none !important;
    }

    body {
        background: #fff;
        color: #000;
    }
}