/* LautoMatik — base visuelle commune de la nouvelle identité. */

:root {
    --v2-header-space: 116px;
    --lauto-page-top-gap: 24px;
    --lauto-page-bottom-gap: 40px;
    --lauto-page-content-max: 1160px;
    --lauto-page-gutter: 48px;
    --lauto-page-gutter-mobile: 24px;
}

@media (max-width: 560px) {
    :root {
        --v2-header-space: 108px;
    }
}

/* Chaque page réserve la hauteur de l’en-tête fixe, puis le même espace de
   respiration. Le scope porte cette règle même quand le builder l’isole du main. */
.lauto.lauto-scope {
    padding-top: calc(var(--v2-header-space) + var(--lauto-page-top-gap));
    padding-bottom: var(--lauto-page-bottom-gap);
}

.lauto-refonte-accueil {
    padding-bottom: var(--lauto-page-bottom-gap);
}

.lauto.lauto-scope > :is(.lauto-conteneur, .lauto-blog-single-conteneur) {
    width: min(var(--lauto-page-content-max), calc(100% - var(--lauto-page-gutter)));
    max-width: var(--lauto-page-content-max);
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 700px) {
    .lauto-refonte-shell {
        width: calc(100% - var(--lauto-page-gutter-mobile));
    }

    .lauto.lauto-scope > :is(.lauto-conteneur, .lauto-blog-single-conteneur) {
        width: calc(100% - var(--lauto-page-gutter-mobile));
    }
}

@font-face {
    font-family: 'LM Fira Sans';
    src: url('/wp-content/themes/twentytwentyfive/assets/fonts/fira-sans/FiraSans-Regular.woff2') format('woff2');
    font-display: swap;
    font-style: normal;
    font-weight: 400 500;
}



@font-face {
    font-family: 'LM Fira Sans';
    src: url('/wp-content/themes/twentytwentyfive/assets/fonts/fira-sans/FiraSans-SemiBold.woff2') format('woff2');
    font-display: swap;
    font-style: normal;
    font-weight: 600 800;
}



@font-face {
    font-family: 'LM DM Sans';
    src: url('/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Regular.woff2') format('woff2');
    font-display: swap;
    font-style: normal;
    font-weight: 400 500;
}



@font-face {
    font-family: 'LM DM Sans';
    src: url('/wp-content/themes/twentytwentythree/assets/fonts/dm-sans/DMSans-Bold.woff2') format('woff2');
    font-display: swap;
    font-style: normal;
    font-weight: 600 800;
}



body.lauto-refonte-page {
    margin: 0;
    background: #fffaf3;
    color: #182334;
    font-family: 'LM Fira Sans', 'Trebuchet MS', sans-serif;
}



body.lauto-refonte-page,
body.lauto-refonte-page * {
    box-sizing: border-box;
}



.lauto-refonte {
    --v2-header-space: 116px;
    --v2-ink: #182334;
    --v2-paper: #fffaf3;
    --v2-white: #ffffff;
    --v2-muted: #667184;
    --v2-line: #e4e5e8;
    --v2-blue: #2e64f6;
    --v2-coral: #f1745b;
    --v2-yellow: #f8d86f;
    --v2-mint: #dcefe6;
    --v2-lilac: #e7e3fb;
    min-width: 320px;
    overflow: hidden;
    background: var(--v2-paper);
    color: var(--v2-ink);
    font-size: 16px;
    line-height: 1.5;
}



/* Le builder place parfois le shortcode dans un conteneur intermédiaire :
   le contenu doit donc réserver lui-même l'espace du header fixe. */
.lauto-refonte-accueil {
    padding-top: var(--v2-header-space);
}



.lauto-refonte [hidden] {
    display: none;
}



.lauto-refonte a {
    color: inherit;
    text-decoration: none;
}



.lauto-refonte button,
.lauto-refonte input,
.lauto-refonte select {
    font: inherit;
}



.lauto-refonte-shell {
    width: min(var(--lauto-page-content-max), calc(100% - var(--lauto-page-gutter)));
    margin: 0 auto;
}



.lauto-site-entete__conteneur-fil-ariane {
    min-height: 34px;
    display: flex;
    align-items: center;
}



.lauto-refonte-eyebrow {
    margin: 0 0 22px;
    color: var(--v2-coral);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}



.lauto-refonte-eyebrow span {
    margin-right: 9px;
    color: var(--v2-blue);
}



.lauto-refonte-button {
    font-family: 'LM DM Sans', 'Trebuchet MS', sans-serif;
    min-height: 49px;
    padding: 14px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.15;
    text-align: center;
    text-transform: none;
    transition: transform .2s ease, background-color .2s ease, color .2s ease;
}



.lauto-refonte-button:hover,
.lauto-refonte-button:focus-visible {
    transform: translate(2px, -3px);
}



.lauto-refonte .lauto-refonte-button--accent {
    background: var(--v2-blue);
    color: var(--v2-white);
}



.lauto-refonte .lauto-refonte-button--ink {
    background: var(--v2-ink);
    color: var(--v2-white);
}



.lauto-refonte-button span {
    color: var(--v2-yellow);
    font-size: 17px;
    font-weight: 400;
}



.lauto-refonte-text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--v2-ink);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}



.lauto-refonte-text-link span {
    color: var(--v2-coral);
    font-size: 18px;
}



.lauto-refonte-text-link:hover,
.lauto-refonte-text-link:focus-visible {
    color: var(--v2-blue);
}



.lauto-refonte-relief__grid > .lauto-refonte-eyebrow {
    grid-column: 1;
    grid-row: 1;
}



.lauto-refonte-benefits > .lauto-refonte-shell > div > p:last-child {
    max-width: 470px;
    margin: 25px 0 0;
    color: #c9cfda;
    font-size: 15px;
}



.lauto-refonte-sellers .lauto-refonte-button {
    margin-top: 26px;
}



.lauto-refonte-text-link--dark {
    color: var(--v2-blue);
}



.lauto-refonte a:focus-visible,
.lauto-refonte button:focus-visible {
    outline: 3px solid var(--v2-coral);
    outline-offset: 4px;
}



@media (max-width: 820px) {

    .lauto-site-entete__conteneur {
        width: calc(100% - 42px);
    }


    .lauto-refonte-relief__grid > .lauto-refonte-eyebrow,
    .lauto-refonte-relief__grid > div,
    .lauto-refonte-relief__visual {
        grid-column: 1;
        grid-row: auto;
    }
}



@media (max-width: 560px) {

    .lauto-refonte {
        --v2-header-space: 108px;
    }


    .lauto-site-entete__conteneur {
        width: calc(100% - 28px);
    }


    .lauto-site-entete__conteneur-fil-ariane {
        min-height: 32px;
    }


    .lauto-refonte-button {
        width: 100%;
    }
}