/* Composant Footer CTA
============================================================ */

.footer-cta {
    width: 1500px;
    max-width: calc(100% - 30px);
    margin: 60px auto;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-image: url('/wp-content/uploads/2026/01/Qu-est-ce-que-la-flottaison-3.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single .footer-cta {
    max-width: 100%;
}

.footer-cta::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1500" height="580" viewBox="0 0 1500 580"><defs><linearGradient id="linear-gradient" x1="0.089" y1="0.03" x2="0.827" y2="0.875" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23b5ddd5"/><stop offset="1" stop-color="%232b3b52"/></linearGradient><linearGradient id="linear-gradient-2" x1="0.502" y1="0.362" x2="0.514" y2="1.079" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%232b3b52"/><stop offset="1" stop-color="%23b5ddd5"/></linearGradient><clipPath id="clip-path"><rect id="Rectangle_2377" data-name="Rectangle 2377" width="1500" height="580" transform="translate(210 4431)" fill="%23fff" stroke="%23707070" stroke-width="1"/></clipPath><clipPath id="clip-path-2"><rect id="Rectangle_2374" data-name="Rectangle 2374" width="1920" height="1280.001" fill="url(%23linear-gradient)"/></clipPath><clipPath id="clip-path-3"><path id="Tracé_52689" data-name="Tracé 52689" d="M26.54,0C10.456,50.987.078,109.382,0,166.549v1.274C.161,288.8,46.649,404.007,183.143,431.633c90.907,18.4,179.812-27.5,250.379-80.859,36.781-27.81,71.171-58.728,106.294-88.564,37.968-32.25,83.026-67.553,132.206-99.341q3.457-2.234,6.937-4.444C818.2,70.069,988.688,11.44,1123.12,125.3a247.122,247.122,0,0,1,31.208,31.459q1.846,2.24,3.613,4.5C1281.647,319.6,1121.968,557.623,1058,711.248c-39.649,95.21-45.473,217.729,77.684,245.417a251.917,251.917,0,0,0,54.573,6.361h1.481q2.969-.012,5.906-.1c41.068-1.207,77.766-13.529,110.444-33.587V0Z" fill="none"/></clipPath><radialGradient id="radial-gradient" cx="0.099" cy="0.257" r="1.106" gradientTransform="matrix(0.766, 0, 0, -1, 0.005, 1.918)" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%23b5ddd4"/><stop offset="1" stop-color="%232a3b52"/></radialGradient><clipPath id="clip-path-4"><path id="Tracé_52690" data-name="Tracé 52690" d="M0,0V811.29c143.09-28.938,302.064-7.031,434.305,35.664C675.47,924.818,821.39,1098.763,963.171,1280H1920V1095.024c-58.9-51.626-135.016-78.444-224.677-61.726-130.984,24.42-332.738,130.322-421.008-32.638-85.848-158.484,188.14-263.927,253.079-371.047,52.994-87.415,33.3-212.642-66-257.637-85.091-38.556-185.212,9.175-255.634,56.889C1036.085,543.828,867.976,837.815,631.251,704.66l-.607-.345c-1.442-.815-2.892-1.65-4.338-2.5l-2.058-1.2q-1.317-.77-2.626-1.552c-1.046-.619-2.093-1.246-3.127-1.881-.866-.529-1.744-1.035-2.6-1.579-1.387-.878-2.747-1.8-4.111-2.7q-.794-.523-1.583-1.05l-1.219-.815c-.819-.557-1.642-1.113-2.461-1.677-1.258-.862-2.52-1.724-3.766-2.6-.749-.521-1.54-.972-2.281-1.5A333.024,333.024,0,0,1,564.188,655.3q-2.322-2.2-4.585-4.444c-57.234-56.529-90.75-130.517-108.363-210.949q-.835-3.809-1.619-7.642C423.438,304.932,436.112,162.47,457.1,47.97Q461.5,23.926,466.6,0Z" fill="url(%23linear-gradient-2)"/></clipPath></defs><g id="Groupe_de_masques_12" data-name="Groupe de masques 12" transform="translate(-210 -4431)" clip-path="url(%23clip-path)"><g id="Groupe_10823" data-name="Groupe 10823" transform="translate(-830.863 -1002)"><g id="Groupe_10818" data-name="Groupe 10818" transform="translate(830.863 5095)" style="isolation: isolate"><g id="Groupe_10817" data-name="Groupe 10817" clip-path="url(%23clip-path-2)"><rect id="Rectangle_2373" data-name="Rectangle 2373" width="2070.864" height="1520.029" transform="translate(-165.906 21.878) rotate(-7.512)" fill="url(%23linear-gradient)"/></g></g><g id="Groupe_10820" data-name="Groupe 10820" transform="translate(1442.778 5095)"><g id="Groupe_10819" data-name="Groupe 10819" clip-path="url(%23clip-path-3)"><rect id="Rectangle_2375" data-name="Rectangle 2375" width="1370.031" height="1049.018" transform="translate(-64.774 4.377) rotate(-3.865)" fill="url(%23radial-gradient)"/></g></g><g id="Groupe_10822" data-name="Groupe 10822" transform="translate(830.863 5095)" style="isolation: isolate"><g id="Groupe_10821" data-name="Groupe 10821" clip-path="url(%23clip-path-4)"><rect id="Rectangle_2376" data-name="Rectangle 2376" width="2085.911" height="2304.996" transform="translate(-565.004 940.62) rotate(-59.008)" fill="url(%23linear-gradient-2)"/></g></g></g></g></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.footer-cta .title {
    font-size: 3.25rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}

.footer-cta .text {
    margin-bottom: 40px;
    max-width: 400px;
    color: #fff;
}

.footer-cta .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

@media (min-width: 993px) {
    .footer-cta {
        min-height: 580px;
        border-radius: 25px;
    }
}

@media (max-width: 992px) {
    .footer-cta {
        padding: 80px 40px;
        border-radius: 25px;
    }

    .footer-cta .title {
        font-size: 2rem;
    }
}