/* === Couleurs de base === */
.wpf_layout_horizontal .wpf_items_group {
  background: #ebebeb;
}

.wpf_item_name {
  background-color: #5c9735;
  color: #ffffff;
}

/* === Garder le menu toujours ouvert === */
.wpf_items_group {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
  background: #ebebeb !important;
  padding: 10px 15px !important;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
  width: auto !important;
  box-sizing: border-box;
  white-space: nowrap !important;
}

/* Empêche les effets hover de changer le menu */
.wpf_item:hover .wpf_items_group {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}

/* Conteneur relatif */
.wpf_item {
  position: relative !important;
}

/* === Affichage horizontal des catégories === */
.wpf_column_horizontal {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wpf_column_horizontal li {
  display: inline-block !important;
  list-style: none !important;
  margin: 0 5px !important;
  padding: 0 !important;
  vertical-align: middle;
}

.wpf_column_horizontal li label {
  display: inline-block !important;
  padding: 4px 8px !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: none !important;
}

.wpf_column_horizontal li:hover,
.wpf_column_horizontal li:hover label {
  background: none !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  scale: 1 !important;
  filter: none !important;
  color: inherit !important;
}

/* Supprimer toute animation */
.wpf_column_horizontal li,
.wpf_column_horizontal label,
.wpf_column_horizontal input {
  transition: none !important;
  animation: none !important;
}

/* === Clics actifs === */
.wpf_form_categories input[type="radio"],
.wpf_form_categories label {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* === Bouton "Clear" sous les filtres === */
.wpf_reset_btn {
  display: block !important;
  margin-top: 10px;
}
/* Corrige définitivement le "saut" du menu */
.wpf_item {
  position: relative !important;
  min-height: 50px; /* ou hauteur de ton bouton */
}

.wpf_items_group {
  top: 100% !important;      /* exact en dessous */
  left: 0 !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  background: #ebebeb !important;
  position: absolute !important;
  z-index: 9999 !important;
  transition: none !important;
  transform: none !important;
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
}

/* Stoppe tout décalage animé (provoqué par JS ou hover) */
.wpf_items_group.wpf_hidden,
.wpf_items_group[style*="display: none"],
.wpf_items_group[style*="visibility: hidden"],
.wpf_items_group[style*="opacity: 0"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  height: auto !important;
}

/* Empêche tout effet JS temporaire */
.wpf_item:hover .wpf_items_group {
  top: 100% !important;
  left: 0 !important;
  transform: none !important;
  transition: none !important;
}
/* Empêche le bouton vert de bouger au hover */
.wpf_item {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  transition: none !important;
}

.wpf_item_name {
  display: block;
  padding: 12px 20px !important;  /* Ajuste au besoin */
  margin: 0 !important;
  line-height: 1.2 !important;
  background-color: #5c9735 !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
  height: auto !important;
}

/* Désactive tout effet au hover sur le bouton vert */
.wpf_item_name:hover {
  background-color: #5c9735 !important;
  color: white !important;
  padding: 12px 20px !important;
  transform: none !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
}
.wp-block-uagb-container.uagb-block-ab58e4a0 {
    min-height: 80px;
    box-shadow: 0px 0px #00000070;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible;
    order: initial;
    border-color: inherit;
    row-gap: 20px;
    column-gap: 20px;
}
.wp-block-uagb-container.uagb-block-ab58e4a0 {
 margin-bottom: 20px !important;
}

.wpf_item {
     min-height: 0px !important;
   }

.woocommerce-product-gallery {
  min-height: 600px; /* Hauteur fixe (ajuste selon ton design) */
  position: relative;
  overflow: hidden;
}

.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image {
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woocommerce-product-gallery__image img {
  max-height: 100%;
  object-fit: contain;
}

.woocommerce-product-gallery__trigger,
.flex-control-nav,
.woocommerce-product-gallery__arrow {
  z-index: 10;
}

/* Fixer les flèches de navigation */
.woocommerce-product-gallery .flex-direction-nav li a {
  top: 50% !important;
  transform: translateY(-50%);
  position: absolute;
}