/* Conteneur global : positionnement relatif pour placer le titre et les flèches */
.rsp-slider-wrap {
    position: relative;
}

.rsp-slider-title {
    display: inline-block;
    margin: 0 0 20px 0;
}

.spSlider {
    position: relative;
}

/* Flèches groupées, alignées en haut à droite au-dessus du slider (au niveau du titre) */
.rsp-slider-wrap .owl-nav {
    position: absolute !important;
    top: -45px !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    display: flex !important;
    gap: 10px !important;
    margin: 0 !important;
    transform: none !important;
    width: auto !important;
}

.rsp-slider-wrap .owl-nav .owl-prev,
.rsp-slider-wrap .owl-nav .owl-next {
    position: static !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    float: none !important;
    transform: none !important;
    transition: none !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 0 !important;
}

.rsp-slider-wrap .owl-nav .owl-prev .fa,
.rsp-slider-wrap .owl-nav .owl-next .fa {
    color: #2c2c2c;
    font-size: 18px;
    background: #f3f3f3;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    display: block;
    position: static;
}

.rsp-slider-wrap .owl-nav .owl-prev:hover .fa,
.rsp-slider-wrap .owl-nav .owl-next:hover .fa {
    background: #eab134;
    color: #fff;
}

/* Force le mode "cover" sur les images des cartes propriétés du slider,
   indépendamment du plugin image-scale.js du thème (qui ne traite pas
   les slides clonés par owl-carousel en mode loop). */
.spSlider .spsImage {
    position: relative;
    overflow: hidden;
}

.spSlider .spsImage img.scale {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}