.up-csl-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 0;
    pointer-events: none; /* Permet de cliquer à travers les zones vides */
}

.up-csl-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end; /* Aligner à droite */
    padding-right: calc(6rem + 48px);
    padding-top:1rem;
    box-sizing: border-box;
}

/* body:has(.hide-menu-items)*/ .up-contact-scroll-link { 
    
    pointer-events: auto; /* Réactiver les clics sur le bouton */


    color: var(--wp--preset--color--contrast, #fff);
    /*border:1px solid var(--wp--preset--color--contrast);*/

    border-top:none;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.3s ease-in-out;

    display: inline-block;

}
.up-contact-scroll-link:hover {
    color: var(--wp--preset--color--base, #fff);
    background-color: var(--wp--preset--color--contrast, black);

}
.up-contact-scroll-link:not(.is-visible) {
    transform: translateY(-200%);
    opacity:0;
}
body:has(.is-plain) .up-contact-scroll-link {
    display:none;
}
:has(.hide-menu-items) .up-contact-scroll-link {
    display:block;
}
/* Optionnel : ajustement responsive */
@media (max-width: 360px) {
    .up-csl-container {
        padding-right: 4rem;
    }
    .up-contact-scroll-link {
        font-size: 12px;
        padding: 8px 16px;
    }
}

@media (min-width: 360px) and (max-width: 1024px) {
    .up-csl-container {
        padding-right: calc(1rem + 48px);
    }
    body:has(header.is-plain) .up-contact-scroll-link,
    body:has(header.to-top) .up-contact-scroll-link {
        display:block !important;
        /*background-color: red !important;*/
        border:1px solid currentColor;
            border:1px solid transparent;
            
    }
}
@media  (min-width: 500px) and (max-width: 1024px) {
        .up-csl-container {
        padding-right: calc(2rem + 48px);
    }
}