/* ========================================
   CORRECTIONS SPÉCIFIQUES SWIPER - VERSION CORRIGÉE
   ======================================== */

/* SWIPER WRAPPER - CORRECTION CRITIQUE */
.slider-swiper-block .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
    /* justify-content: center; ← SUPPRIMÉ ! */
    justify-content: flex-start !important; /* ← AJOUTÉ : permet le défilement */
    height: 90vh !important;
    background: transparent !important;
    /* Laisser Swiper gérer les transforms */
    transition-property: transform !important;
    transition-timing-function: ease !important;
}

/* Centrage spécifique pour chaque slide */
.slider-swiper-block .swiper-slide {
    text-align: center !important;
    font-size: 18px !important;
    background: transparent !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 2rem !important;
    overflow: hidden !important;
    height: 90vh !important;
    /* CRUCIAL : chaque slide prend toute la largeur */
    flex-shrink: 0 !important;
    width: 100% !important; /* ← FORCÉ à 100% pour 1 slide visible */
    min-width: 100% !important; /* ← Assurance supplémentaire */
}

/* Centrage du contenu dans chaque slide */
.slider-swiper-block .slide-content {
    position: relative !important;
    width: 100% !important;
    height: 90vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    background: transparent !important;
    border-radius: 2rem !important;
    overflow: hidden !important;
}

.slider-swiper-block .slide-image {
    width: 100% !important;
    height: 90vh !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    transition: transform 0.3s ease !important;
    border-radius: 2rem !important;
    margin: 0 auto !important;
}

/* ========================================
   CORRECTIONS ADDITIONNELLES
   ======================================== */

/* Assurer que Swiper a le contrôle total */
.slider-swiper-block .swiper {
    width: 100% !important;
    height: 90vh !important;
    border-radius: 2rem !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    margin: 0 auto !important;
    display: block !important;
    background: transparent !important;
    /* Laisser Swiper gérer la position */
    position: relative !important;
     margin-bottom: 15rem;
}

/* Éviter les conflits avec les autres styles */
.slider-swiper-block .swiper * {
    box-sizing: border-box !important;
}

/* ========================================
   RESPONSIVE CORRIGÉ
   ======================================== */

@media (max-width: 1240px) {
    .slider-swiper-block .swiper-wrapper,
    .slider-swiper-block .swiper-slide,
    .slider-swiper-block .slide-content {
        height: 55vh !important;
    }
    
    .slider-swiper-block .slide-image {
        height: 55vh !important;
    }
}

@media (max-width: 768px) {
    .slider-swiper-block .swiper-wrapper,
    .slider-swiper-block .swiper-slide,
    .slider-swiper-block .slide-content {
        height: 50vh !important;
    }
    
    .slider-swiper-block .slide-image {
        height: 50vh !important;
        border-radius: 1.5rem !important;
    }
    
    .slider-swiper-block .swiper-slide {
        border-radius: 1.5rem !important;
    }
    .slider-swiper-block .swiper {
        height: 50vh !important;
    }
}

@media (max-width: 480px) {
    .slider-swiper-block .swiper-wrapper,
    .slider-swiper-block .swiper-slide,
    .slider-swiper-block .slide-content {
        height: 40vh !important;
    }
    
    .slider-swiper-block .slide-image {
        height: 40vh !important;
        border-radius: 1rem !important;
    }
    
    .slider-swiper-block .swiper-slide {
        border-radius: 1rem !important;
    }
}

/* ========================================
   COULEUR PERSONNALISÉE #b9a08c POUR NAVIGATION
   ======================================== */

/* FLÈCHES - Couleur personnalisée */
.slider-swiper-block .swiper-button-prev,
.slider-swiper-block .swiper-button-next {
    width: 50px !important;
    height: 50px !important;
    background: rgba(185, 160, 140, 0.9) !important; /* #b9a08c avec transparence */
    backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    color: white !important; /* Couleur des icônes */
    box-shadow: 0 4px 15px rgba(185, 160, 140, 0.3) !important; /* Ombre assortie */
    transition: all 0.3s ease !important;
    opacity: 0 !important;
    transform: scale(0.8) !important;
}

.slider-swiper-block:hover .swiper-button-prev,
.slider-swiper-block:hover .swiper-button-next {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.slider-swiper-block .swiper-button-prev:hover,
.slider-swiper-block .swiper-button-next:hover {
    background: rgba(185, 160, 140, 1) !important; /* Couleur pleine au hover */
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(185, 160, 140, 0.4) !important;
}

/* POINTS/PAGINATION - Couleur personnalisée */
.slider-swiper-block .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: rgba(185, 160, 140, 0.5) !important; /* #b9a08c transparent */
    opacity: 1 !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.slider-swiper-block .swiper-pagination-bullet-active {
    background: rgba(185, 160, 140, 1) !important; /* #b9a08c opaque */
    transform: scale(1.2) !important;
    box-shadow: 0 0 10px rgba(185, 160, 140, 0.5) !important; /* Lueur assortie */
}

.slider-swiper-block .swiper-pagination-bullet:hover {
    background: rgba(185, 160, 140, 0.8) !important;
    transform: scale(1.1) !important;
}

/* Pagination dynamique (si activée) */
.slider-swiper-block .swiper-pagination-bullet-active-main {
    background: rgba(185, 160, 140, 1) !important;
}

.slider-swiper-block .swiper-pagination-bullet-active-prev,
.slider-swiper-block .swiper-pagination-bullet-active-next {
    background: rgba(185, 160, 140, 0.7) !important;
    transform: scale(1.1) !important;
}

/* ========================================
   VARIANTES DE COULEUR (optionnel)
   ======================================== */

/* Version plus foncée pour contraste */
.slider-swiper-block.dark-theme .swiper-button-prev,
.slider-swiper-block.dark-theme .swiper-button-next {
    background: rgba(185, 160, 140, 0.95) !important;
    color: #2d2d2d !important;
}

.slider-swiper-block.dark-theme .swiper-pagination-bullet {
    background: rgba(185, 160, 140, 0.6) !important;
}

.slider-swiper-block.dark-theme .swiper-pagination-bullet-active {
    background: rgba(185, 160, 140, 1) !important;
}

/* Version claire pour arrière-plans sombres */
.slider-swiper-block.light-theme .swiper-button-prev,
.slider-swiper-block.light-theme .swiper-button-next {
    background: rgba(185, 160, 140, 0.8) !important;
    color: white !important;
    border: 2px solid rgba(185, 160, 140, 1) !important;
}

/* ========================================
   FOCUS/ACCESSIBILITÉ avec la couleur personnalisée
   ======================================== */

.slider-swiper-block .swiper-button-prev:focus,
.slider-swiper-block .swiper-button-next:focus,
.slider-swiper-block .swiper-pagination-bullet:focus {
    outline: 2px solid #b9a08c !important;
    outline-offset: 2px !important;
}

/* ========================================
   CORRECTION DES FLÈCHES DOUBLES
   ======================================== */

/* Masquer les icônes par défaut de Swiper */
.slider-swiper-block .swiper-button-prev::after,
.slider-swiper-block .swiper-button-next::after {
    display: none !important;
    content: none !important;
}

/* Assurer que seuls nos SVG sont visibles */
.slider-swiper-block .swiper-button-prev svg,
.slider-swiper-block .swiper-button-next svg {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Si il y a encore des doubles, masquer tous les pseudo-éléments */
.slider-swiper-block .swiper-button-prev::before,
.slider-swiper-block .swiper-button-next::before {
    display: none !important;
    content: none !important;
}

/* Force l'affichage des boutons personnalisés */
.slider-swiper-block .swiper-button-prev,
.slider-swiper-block .swiper-button-next {
    width: 50px !important;
    height: 50px !important;
    background: rgba(185, 160, 140, 0.9) !important;
    border-radius: 50% !important;
    color: white !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important; /* Masque tout texte */
}