/* Styles pour les compteurs statistiques */
.xrton-stats {
    width: 100%;
    padding: 50px 0;
}

.xrton-stats .container {
    max-width: 1200px;
    margin: 0 auto;
}

.xrton-stats .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.xrton-stats .stats-item {
    text-align: center;
    flex: 0 0 auto;
    width: calc(33.333% - 30px);
}

.stats-number {
    color: #90d355;
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.stats-item p {
    color: white;
    font-size: 1.1rem;
}

/* Styles existants pour le carousel */
.owl-nav {
   position: relative;
   width: 100%;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-size: contain !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   padding: 22px !important;
   filter: brightness(0) invert(1) !important;
}

.owl-carousel .owl-nav .owl-prev {
   left: -75px;
   background-image: url(../../uploads/2025/01/left-arrow-svgrepo-com.png) !important;
}

.owl-carousel .owl-nav .owl-next {  
   right: -75px;
   background-image: url(../../uploads/2025/01/right-arrow-svgrepo-com.png) !important;
}

/* Masquer éléments non désirés */
.slider-no-current,
.slider-no-next,
.current-monials,
.next-monials,
.owl-dots {
   display: none !important;
}

/* Responsive */
@media screen and (max-width: 767px) {
    /* Styles pour les compteurs en mobile */
    .xrton-stats .stats-item {
        width: 100%;
        margin-bottom: 20px;
    }

    /* Styles existants pour le carousel en mobile */
    .owl-carousel .owl-nav {
        display: block !important;
    }
   
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        width: 30px !important;
        height: 30px !important;
        z-index: 999 !important;
        display: block !important;
    }
   
    .owl-carousel .owl-nav .owl-prev {
        left: 10px !important;
    }
   
    .owl-carousel .owl-nav .owl-next {
        right: 10px !important;
    }

    /* Styles pour les boutons Swiper */
    .swiper-button-next,
    .swiper-button-prev {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .swiper-button-next {
        right: 10px !important;
    }

    .swiper-button-prev {
        left: 10px !important;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 20px !important;
    }
}

/* Tablette */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .xrton-stats .stats-item {
        width: calc(50% - 30px);
    }
}