/*
 * Styles globaux du thème.
 * Réservé aux ajustements qui ne peuvent pas passer par theme.json
 * (ex: focus-visible, cas particuliers non couverts par les tokens).
 * Aucun style de mise en page ou de bloc stylisé ici — voir README.md.
 */

 /* ── Global ────────────────────────────────────────────── */

/*
 * Breakpoints de référence — à copier en dur dans chaque @media.
 *
 * --breakpoint-mobile-max:     480px  (petit mobile)
 * --breakpoint-wp-mobile-max:  781px  (colonnes WP empilées ≤781px)
 * --breakpoint-wp-desktop-min: 782px  (colonnes WP en ligne ≥782px)
 * --breakpoint-tablet-max:     1024px
 */

html {
    scroll-behavior: smooth;
    height: 100%;
}

body {
    min-height: 100%;
    overflow-x: clip;
}

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
}

.wp-site-blocks > main {
    flex-grow: 1;
    margin-block-start: 0;
}

.alignfull + .alignfull {
    margin-top: 0;
}

a {
    text-decoration: underline;
}

b,
strong {
    font-weight: 700;
}

@media (max-width: 781px) {
    br {
        display: none;
    }
}

/* ── Focus ─────────────────────────────────────────────── */

*:focus {
    outline: none;
}

*:focus-visible {
    outline: 3px solid var(--wp--preset--color--accent);
    outline-offset: 4px;
    border-radius: 4px;
}