/**
 * HEADER
 */

header, h1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

h1 {
    z-index: 1;
}

header .logo img {
    height: 50px;
    width: auto;
}

header .wp-block-navigation__responsive-container {
    background-color: var(--wp--preset--color--contrast) !important;
    color: #fff;
}

header .wp-block-navigation__responsive-container li a span {
    color: #fff;
}

header .wp-block-navigation__responsive-container svg {
    stroke: #fff;
    fill: #fff;
}

header > div > div > div.wp-block-group {
    padding-top: calc(var(--wp--preset--spacing--30) / 2) !important;
    padding-bottom: calc(var(--wp--preset--spacing--30) / 2) !important;
}

body > .wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}

/**
 * PRESENTATION
 */

.entry-content {
    overflow: hidden;
}

.presentation {
    position: relative;
    margin-top: var(--wp--preset--spacing--80) !important;
}

.presentation::before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 20%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/08/fond-chatgpt-4-200x300.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    transform: scaleX(-1);
    opacity: 0.7;
}

.presentation::after {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    width: 20%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/08/fond-chatgpt-4-200x300.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    opacity: 0.7;
}

.presentation .img-caption {
    padding: calc(var(--wp--preset--spacing--30) / 2) !important;
}

.presentation .img-caption svg {
    width: 22px;
    height: 22px;
}

.presentation h2.h2-handwrite {
    font-weight: 500;
}

/**
 * IMG CAPTION
 */

.img-caption-container {
    position: relative;
    width: fit-content;
    height: fit-content;
    align-items: center;
    margin: auto;
}

.img-caption {
    position: absolute;
    right: 5%;
    bottom: 5%;
}

.wp-block-group > .img-caption {
    right: calc(5% - 20px);
}

[class*=is-style-section]:not(.exception-style-section) .wp-block-buttons,
[class*=is-style-section]:not(.exception-style-section) h3,
[class*=is-style-section]:not(.exception-style-section) h4 {
    width: 100%;
}

[class*=is-style-section] figure {
    margin-top: calc(var(--wp--preset--spacing--30) * (-1)) !important;
    margin-left: calc(var(--wp--preset--spacing--30) * (-1)) !important;
    margin-right: calc(var(--wp--preset--spacing--30) * (-1)) !important;
}

/**
 * BEFORE / AFTER
 */

.before-after {
    position: relative;
}

.before-after::before, .before-after::after {
    position: absolute;
    width: fit-content;
    height: fit-content;
    padding: 5px 10px;
    border-radius: 20px;
    background-color: var(--wp--preset--color--accent-6);
    font-size: 13px;
    color: white;
    z-index: 9;
}

.before-after::before {
    content: 'Avant';
    top: 10px;
    left: 10px;
}

.before-after::after {
    content: 'Après';
    bottom: 10px;
    left: 10px;
}

/**
 * FORM
 */

.wp-block-contact-form-7-contact-form-selector, form {
    width: 100%;
}

input,
textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 20px;
}

textarea {
    height: 310px;
}

input:focus,
textarea:focus {
    outline: 2px solid var(--wp--preset--color--accent-6);
}

form input[type=submit] {
    width: auto;
}

/**
 * GLOBAL
 */

.wp-block-sbtl-icon-text:not(:last-of-type) {
    margin-bottom: -20px;
}

.wp-block-column figure.wp-block-image {
    text-align: center;
}

.wp-block-column {
    --wp--preset--color--accent-1: inherit;
    --wp--preset--color--accent-2: inherit;
    --wp--preset--color--accent-3: inherit;
    --wp--preset--color--accent-4: inherit;
    --wp--preset--color--accent-5: inherit;
    --wp--preset--color--accent-6: inherit;
}

/**
 * FOOTER
 */

footer p, footer a {
    font-size: 14px;
}

footer .wp-social-link svg {
    width: 2em !important;
    height: 2em !important;
}

/**
 * LEGALES NOTICES
 */

.page-id-291 main {
    margin-top: 60px !important;
}

.page-id-291 h1 {
    position: initial;
}

/**
 * MEDIA QUERIES
 */

@media (min-width: 500px) {
    .presentation::before {
        width: 15%;
    }

    .presentation::after {
        width: 15%;
    }
}

@media (min-width: 768px) {
    h3 {
        font-size: 19px;
    }

    .presentation::before {
        width: 0;
    }

    .presentation::after {
        width: 0;
    }
}

@media (min-width: 1024px) {
    header .logo img {
        height: auto;
        width: auto;
    }

    .presentation .img-caption {
        padding: calc(var(--wp--preset--spacing--30)) !important;
    }

    .presentation .img-caption svg {
        width: var(--sbtl-icon-size,3rem);;
        height: var(--sbtl-icon-size,3rem);;
    }

    .presentation h2.h2-handwrite {
        font-weight: 600;
    }
}

@media (min-width: 1280px) {
    .presentation::before {
        left: -500px;
        width: 500px;
        background-image: url(/wp-content/uploads/2026/08/fond-chatgpt-4.png);
    }

    .presentation::after {
        content: '';
        position: absolute;
        right: -500px;
        width: 500px;
        background-image: url(/wp-content/uploads/2026/08/fond-chatgpt-4.png);
    }
}