section:not(.cartes) {

    h1:has(+p),
    .h1_like:has(+.p),
    h2:has(+p),
    .h2_like:has(+.p),
    h3:has(+p),
    .h3_like:has(+.p),
    h4:has(+p),
    .h4_like:has(+p) {
        margin-bottom: 20px;
        margin-top: 0;
    }
}

section {

    .section__title:has(h1+p),
    .section__title:has(.h1_like+p),
    .section__title:has(h2+p),
    .section__title:has(.h2_like+p),
    .section__title:has(h3+p),
    .section__title:has(.h3_like+p),
    .section__title:has(h4+p),
    .section__title:has(.h4_like+p) {
        margin-bottom: 20px;

        @media (min-width: 992px) {
            margin-bottom: 25px;
        }
    }
}

section {
    .section__title {
        display: flex;
        flex-direction: column;

        &.text-center {
            max-width: 960px;
            margin: 0 auto 25px auto;
            text-align: center;

            * {
                text-align: center;
            }
        }

        &.text-end {
            text-align: flex-end;

            * {
                text-align: flex-end;
            }
        }

        &.text-start {
            text-align: flex-start;

            * {
                text-align: flex-start;
            }
        }

        p {
            &.cta {
                margin: 0 auto;
            }
        }
    }
}

section:not(.galerie, .form) {
    .section__title {


        p {

            &.section__btn,
            &:has(.cta) {
                margin: 0 auto;
            }
        }
    }
}

section:not(.hdp, [data-color]) {
    +section:not([data-color], .form, .cpt) {
        padding-top: 0 !important;
    }
}

section {
    &.pb-0 {
        padding-bottom: 0px !important;
    }

    &.pt-0 {
        padding-top: 0px !important;
    }
}

section {
    padding: 40px 0;
}

@media (min-width: 768px) {
    section {
        padding: 60px 0;
    }
}

@media (min-width: 992px) {
    section {
        padding: 80px 0;
    }
}

section {

    &.onglets,
    &.columns,
    &.cartes {
        .container {
            border-radius: var(--border-radius-card);
            overflow: hidden;
            padding: 48px 24px;

            @media (min-width: 1024px) {
                padding: 40px;
            }
        }
    }
}

section {
    &:not([data-color]) {
        &.cartes {
            .section__title {
                * {
                    color: var(--white);
                }
            }
        }

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-light-grey) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            p,
            li {
                color: var(--color-navy);
            }
        }
    }

    &[data-color="#ffffff"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--white) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background-color: var(--white);
            position: relative;

            &:has(+ [data-color="#ffffff"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#ffffff"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }

        p,
        li {
            color: var(--color-navy);
        }

        &[data-color="#0f1a25"],
        &[data-color="#264564"],
        &.cartes {
            .section__title {
                * {
                    color: var(--white);
                }
            }
        }
    }



    &[data-color="#ecf0f4"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-light-grey) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background: var(--color-light-grey);
            position: relative;

            &:has(+ [data-color="#ecf0f4"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#ecf0f4"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#264564"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-navy) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background-color: var(--color-navy);
            position: relative;

            h1,
            h2,
            h3,
            h4,
            h5,
            p,
            li {
                color: var(--white);
            }

            &:has(+ [data-color="#264564"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#264564"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#0f1a25"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background: linear-gradient(to bottom, var(--color-navy), var(--color-navy-deep)) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background: linear-gradient(to bottom, var(--color-navy), var(--color-navy-deep));
            position: relative;

            h1,
            h2,
            h3,
            h4,
            h5,
            p,
            li {
                color: var(--white);
            }

            &:has(+ [data-color="#0f1a25"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#0f1a25"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#cbbb9d"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-gold) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background-color: var(--color-gold);
            position: relative;

            &:has(+ [data-color="#cbbb9d"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#cbbb9d"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#a8936b"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-dark-gold) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background-color: var(--color-dark-gold);
            position: relative;

            &:has(+ [data-color="#a8936b"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#a8936b"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#ebe0ca"] {

        &.onglets,
        &.columns,
        &.cartes {
            .container {
                background-color: var(--color-light-gold) !important;
            }
        }

        &:not(.onglets):not(.columns):not(.cartes) {
            background-color: var(--color-light-gold);
            position: relative;

            &:has(+ [data-color="#ebe0ca"]) {
                @media (min-width: 992px) {
                    padding-bottom: 25px;
                }
            }

            &+section[data-color="#ebe0ca"] {
                @media (min-width: 992px) {
                    margin-top: -1px;
                    padding-top: 25px;
                }
            }
        }
    }

    &[data-color="#9a5cff"],
    &[data-color="#004baf"] {

        .section__title,
        &.etapes,
        &.columns {

            h1,
            h2,
            h3,
            h4,
            h5,
            p,
            li {
                color: var(--white);
            }
        }

        .wrapper_slider .splide__arrows .splide__arrow--prev,
        .wrapper_slider .splide__arrows .splide__arrow--next {
            &:not(:hover) {
                border: 1px solid var(--white) !important;
            }
        }

        .wrapper_slider .splide__arrows .splide__arrow--prev::after,
        .wrapper_slider .splide__arrows .splide__arrow--next::before {
            color: var(--white) !important;
        }

        .wrapper_slider .splide__arrows .splide__arrow--prev::before,
        .wrapper_slider .splide__arrows .splide__arrow--next::after {
            filter: brightness(0) saturate(100%) invert(91%) sepia(92%) saturate(32%) hue-rotate(106deg) brightness(108%) contrast(107%) !important;
        }
    }
}