/*! Images des produits */
.thumbnail_container img {
  aspect-ratio: 1/1 !important;
  background-color: white !important;
  object-fit: contain !important;
}

/*! Taille des produits */
.inner_product {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.inner_product_header {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.responsive #top #main ul.products li.product {
  margin-bottom: 75px;
}

/*! Responsive columns shop page for 4 & 5 columns */
/* Global styles */
.woocommerce ul.products {
  display: grid;
  gap: 20px;
}

.responsive #top #main ul.products li.product {
  width: 100%;
  margin-right: 0;
}

/* Responsive grid — 5 colonnes automatiques quel que soit le réglage
   "colonnes" WooCommerce/Enfold (qui n'affichait que 2 produits par ligne,
   classe "columns-3" ignorée puisqu'on force le nombre de colonnes ici).
   Paliers resserrés pour atteindre 5 colonnes dès une largeur de fenêtre
   desktop courante (~1300px), pas seulement en plein écran très large. */
@media (min-width: 550px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 850px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1100px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1300px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1900px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

/*****************! Disposition des boutons *****************/
.avia_cart_buttons {
  padding: 0 !important;
  opacity: 1 !important;
}

.avia_cart_buttons .product {
  width: 100% !important;
  margin: 0 !important;
}

.product-actions .woo-add-to-cart-button {
  flex: 1 !important;
  padding: 0px !important;
  height: 42px;
}

.product-actions .woo-add-to-cart-button a {
  height: 42px;
  width: 100% !important;
}

#top #wrap_all .shop_columns_5 .avia_cart_buttons .button,
#top #wrap_all .single_button .button {
  min-width: unset;
}

.product-actions .woo-favorites-button,
.product-actions .woo-add-range-to-cart-button {
  flex: 0 0 auto;
  aspect-ratio: 1/1;
  width: 42px;
  height: 42px;
  max-width: 42px;
  max-height: 42px;
}

.woo-add-to-cart-button .add_to_cart_button,
.product-actions .woo-favorites-button,
.product-actions .woo-add-range-to-cart-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--color-border) !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  color: white !important;
}

.avia_cart_buttons .product-actions .woo-add-to-cart-button svg,
.avia_cart_buttons .product-actions .woo-add-to-cart-button svg path,
.avia_cart_buttons .product-actions .woo-add-range-to-cart-button svg,
.avia_cart_buttons .product-actions .woo-add-range-to-cart-button svg path {
  color: white !important;
  fill: white !important;
}

.avia_cart_buttons .product-actions .woo-add-to-cart-button:hover svg,
.avia_cart_buttons .product-actions .woo-add-to-cart-button:hover svg path,
.avia_cart_buttons .product-actions .woo-add-range-to-cart-button:hover svg,
.avia_cart_buttons
  .product-actions
  .woo-add-range-to-cart-button:hover
  svg
  path {
  color: var(--color-primary) !important;
  fill: var(--color-primary) !important;
}

/*****************! Style des icones des boutons *****************/
.woocommerce-shop .icon-button svg,
.tax-product_cat .icon-button svg,
.tax-product_tag .icon-button svg,
.tax-product_brand .icon-button svg {
  width: 20px;
  height: 20px;
  display: block;
}

.add_to_cart_button:hover {
  color: var(--color-primary) !important;
  background-color: var(--color-secondary) !important;
  transition: 0.3s ease-in-out !important;
}

.woo-favorites-button:not(.is-favorite) svg {
  color: white;
}

.woo-favorites-button:not(.is-favorite):hover svg {
  color: red;
}

.woo-favorites-button.is-favorite:hover svg {
  opacity: 0.5;
}

a:-webkit-any-link:hover .woocommerce-loop-product__title {
  font-weight: 700 !important;
  transition: font-weight 0.3s ease-in-out !important;
}