/*
 * Styles globaux du site — anciennement dans Divi › Options du thème › CSS personnalisé
 * (option `divi_custom_css`, partagée avec le CSS additionnel du Personnaliseur).
 *
 * Sortis de la base pour deux raisons : les mises à jour de Divi 5 réécrivent les `>`
 * du CSS saisi en `>`, ce qui casse le CSS imbriqué, et un fichier se versionne.
 *
 * Ce fichier est imprimé en fin de <head>, après le CSS du Personnaliseur (voir
 * functions.php) : il garde ainsi la place qu'avait le CSS personnalisé dans la
 * cascade, et l'emporte comme lui sur les réglages de Divi à spécificité égale.
 */

/* Fiche produit — tableau des attributs */
.woocommerce table.shop_attributes th {
  inline-size: 40% !important;

  @media (width <= 668px) {
    inline-size: 45% !important;
  }
}

/* Grilles de produits */
.woocommerce-page ul.products {
  display: flex;
  flex-wrap: wrap;

  li.product {
    margin: 0 0.5% 0.5% 0 !important;
    background-color: oklch(100% 0 0);

    a img {
      margin: auto !important;
      inline-size: 60%;
      transition: transform 0.4s ease-in-out;
    }

    &:hover a img {
      transform: scale(0.9);
    }

    h2 {
      @media (width <= 991px) {
        margin-inline-start: 15px !important;
        margin-block-end: 20px !important;
        text-align: start !important;
        font-size: 18px !important;
      }
    }
  }
}

:is(.et_pb_wc_upsells, .woocommerce) ul.products.columns-4 li.product {
  inline-size: 24.5%;
}

.woocommerce.columns-5 ul.products li.product {
  inline-size: 19.5%;
}

.dsm_card_carousel .dsm_card_carousel_child_badge_text {
  inline-size: 80%;
}

/* Liste des catégories de produits (bloc WooCommerce) */
.wc-block-product-categories-list {
  list-style: none;

  ul {
    margin-block: 10px;
    list-style: none;
  }

  .wc-block-product-categories-list-item__name {
    font-weight: 600;
    color: oklch(0% 0 0);
  }

  li ul .wc-block-product-categories-list-item__name {
    font-weight: 400;
  }

  li .wc-block-product-categories-list-item__name:hover {
    color: oklch(70.34% 0.1439 86.86) !important;
  }
}

/* Classe d'ordre générée par Divi : à remplacer par une classe stable au prochain passage. */
.et_pb_module.et_pb_sidebar_0_tb_body.et_pb_widget_area.clearfix {
  border-inline-end: 0 !important;
}

.page-id-16 #block-4.et_pb_widget {
  display: none;
}

.single_variation .woocommerce-variation-price .price {
  padding-block: 30px;
  color: oklch(0% 0 0) !important;
}

.custom-ugs {
  margin-block-start: 32% !important;
  margin-inline-start: 5%;
  font-family: poppins;
  font-size: 1.5vw;
  font-weight: 600;
  color: oklch(0% 0 0);
}

.custom-ugs-plus {
  margin-block-start: 20% !important;
}

.custom-link-class .woocommerce-loop-product__title {
  display: none;
}

/* Typographie et ajustements Yakitori */
body[class] {
  font-size: clamp(1rem, 0.8475rem + 0.678vw, 1.5rem);
}

.et_block_row .et_pb_column {
  float: none;
}

.et_pb_text {
  line-height: inherit;
}

p.woocommerce-result-count,
.orderby {
  font-size: inherit;
}

.orderby {
  padding: 0.25em 0.5em;
}

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
  content: none;
}

.variations_form {
  .reset_variations {
    color: inherit;
  }

  .woocommerce-variation-add-to-cart {
    margin-block-start: 1em;
  }
}

.woocommerce-page .quantity input.qty {
  color: inherit;
}