/* 
 * CSS pour forcer l'affichage des boutons de navigation 
 * UNIQUEMENT sur les instances multiples créées par notre script
 */

/* Cibler SEULEMENT les instances multiples pour ne pas casser les autres */
/* Cible les IDs générés avec uniqid() comme big-gallery-slider-1-ABC123 */
[id*="big-gallery-slider-1-"],
[id*="big-gallery-slider-2-"], 
[id*="big-gallery-slider-3-"] {
    position: relative !important;
}

/* Forcer l'affichage des boutons UNIQUEMENT sur les instances multiples */
[id*="big-gallery-slider-1-"] .owl-nav,
[id*="big-gallery-slider-2-"] .owl-nav,
[id*="big-gallery-slider-3-"] .owl-nav {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    pointer-events: none !important; /* Permet aux clics de passer à travers le conteneur */
    text-align: left !important; /* Évite le centrage automatique */
}

/* Boutons de navigation UNIQUEMENT pour les instances multiples - cibler TOUS les types */
[id*="big-gallery-slider-1-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-1-"] .owl-nav .owl-next,
[id*="big-gallery-slider-2-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-2-"] .owl-nav .owl-next,
[id*="big-gallery-slider-3-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-3-"] .owl-nav .owl-next,
[id*="big-gallery-slider-1-"] .owl-nav button.owl-prev,
[id*="big-gallery-slider-1-"] .owl-nav button.owl-next,
[id*="big-gallery-slider-2-"] .owl-nav button.owl-prev,
[id*="big-gallery-slider-2-"] .owl-nav button.owl-next,
[id*="big-gallery-slider-3-"] .owl-nav button.owl-prev,
[id*="big-gallery-slider-3-"] .owl-nav button.owl-next {
    display: block !important;
    position: absolute !important;
    
    /* Styles du thème original */
    background-color: rgba(0,0,0,.3) !important;
    color: #fff !important;
    font-size: 34px !important;
    border-radius: 1px !important;
    
    cursor: pointer !important;
    z-index: 999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important; /* Réactive les clics sur les boutons */
}

/* Position des boutons sur les instances multiples */
[id*="big-gallery-slider-1-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-2-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-3-"] .owl-nav .owl-prev,
[id*="big-gallery-slider-1-"] .owl-nav button.owl-prev,
[id*="big-gallery-slider-2-"] .owl-nav button.owl-prev,
[id*="big-gallery-slider-3-"] .owl-nav button.owl-prev {
    left: 0px !important;
    right: auto !important;
    top: 34% !important;
    margin: 0 !important;
}

[id*="big-gallery-slider-1-"] .owl-nav .owl-next,
[id*="big-gallery-slider-2-"] .owl-nav .owl-next,
[id*="big-gallery-slider-3-"] .owl-nav .owl-next,
[id*="big-gallery-slider-1-"] .owl-nav button.owl-next,
[id*="big-gallery-slider-2-"] .owl-nav button.owl-next,
[id*="big-gallery-slider-3-"] .owl-nav button.owl-next {
    right: 0px !important;
    left: auto !important;
    top: 34% !important;
    margin: 0 !important;
}

/* Effets de survol pour les instances multiples */
[id*="big-gallery-slider-"][id*="-multi-"] .owl-nav button:hover {
    background: rgba(255, 50, 50, 0.9) !important;
    transform: translateY(-50%) scale(1.1) !important;
}