/* Ne rien clipper */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  position: relative;
  overflow: visible !important;
}

/* Boutons universels (Flexslider/Swiper ou fallback) */
.woocommerce-product-gallery .am-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:44px; height:44px; border:0; border-radius:999px;
  background:#fff; color:#111;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
  cursor:pointer; z-index:9999;
  display:inline-grid; place-items:center;
  pointer-events:auto;
}
.woocommerce-product-gallery .am-nav:focus{ outline:2px solid #111; outline-offset:2px; }
.woocommerce-product-gallery .am-nav::before{
  content:""; display:block; width:12px; height:12px;
  border-right:2px solid currentColor; border-top:2px solid currentColor;
}
.woocommerce-product-gallery .am-nav-prev{ left:12px; }
.woocommerce-product-gallery .am-nav-prev::before{ transform:rotate(-135deg); }
.woocommerce-product-gallery .am-nav-next{ right:12px; }
.woocommerce-product-gallery .am-nav-next::before{ transform:rotate(45deg); }

/* Empêcher d’autres calques de passer devant */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.woocommerce-product-gallery .pswp__button{ z-index:50; }
.woocommerce-product-gallery .am-nav{ z-index:9999 !important; }

/* Forcer le “next” à droite si un CSS thème l’a mis à gauche */
.woocommerce-product-gallery .am-nav-next{ left:auto !important; right:12px !important; }

/* Taille mobile */
@media (max-width: 480px){
  .woocommerce-product-gallery .am-nav{ width:40px; height:40px; }
}

/* Si le thème cachait les flèches flexslider */
.woocommerce-product-gallery .flex-direction-nav a{
  display:block !important; opacity:1 !important; z-index:9999 !important;
}
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery .flex-control-nav{ overflow:visible !important; }
