/************************
IMAGE ET TEXTE
************************/


/*** round-template ***/

.image_texte-section .round-template .photo {
    border-radius: 50% !important;
    max-width: 300px;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/*** split-section ***/

.split-section h2 {
    color: var(--color-heading-2) !important;
}

.split-section h3 {
    color: var(--color-heading-3) !important;
}


.split-section .text-wrapper {
    width: 90%;
    max-width: 700px;
    min-width: 90%;
    box-sizing: border-box;
    backdrop-filter: blur(5px);
    margin: 0 auto;
    text-align: center;
    background-color: #FFFFFFDD;
    box-shadow: 0 0 20px #00000020;
    padding: 30px;
    transition: all 0.5s ease-in-out;
}

.split-section .text-wrapper:hover {
    transform: scale(1.02);
    box-shadow: 0 0 30px #00000010;
}

.split-section .text-content {
    min-height: 600px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.split-section .image-content {
    background-size: cover;
    background-position: center;
    min-height: 600px;
}


@media (max-width: 767px) {

    .split-section .image-content {
        min-height: 280px; /* Réduit le 600px inadapté au mobile */
    }

    .split-section .text-content {
        padding: 30px 0 0;
        margin-top: -100px;
        min-height: 0;
        margin-bottom: 0;
    }

    .split-section .text-wrapper {
        width: 95%;
        min-width: 0;
        padding: 20px 15px;
    }
}


@media (min-width: 768px) {
    .split-section .text-content.left-content {
        margin-left: 50px;
        margin-right: -50px;
    }

    .split-section .text-content.right-content {
        margin-left: -200px;
        margin-right: 200px;
    }

    .split-section .text-wrapper {
        padding: 30px;
        width: calc(90% + 200px);
        max-width: calc(90% + 200px);
    }


}