/*
 * Styles propres à Walyze, chargés après le CSS compilé du thème.
 * Chaque règle couvre un écart que les utilitaires Tailwind des gabarits ne
 * peuvent pas atteindre (markup produit par WooCommerce ou par le thème).
 */

/* CUSTOM: les cartes produit du thème sont recadrées en portrait 3:4 ; les
 * affiches de Walyze sont en paysage au format A (1,414), voir
 * walyze_vignette_paysage(). */
.ilucid-products .ilucid-product-card img {
  aspect-ratio: 1.414 / 1;
}

/* CUSTOM: le thème recadre aussi en portrait (4:5) les miniatures du panier
 * latéral, du panier et du récapitulatif de commande ; les affiches y
 * perdaient leurs côtés. Même proportion paysage que les cartes. */
.ilucid-cart-drawer ul.woocommerce-mini-cart li.woocommerce-mini-cart-item img,
.wc-block-components-order-summary-item__image > img,
.wc-block-cart-item__image img {
  aspect-ratio: 1.414 / 1 !important;
  width: 90px !important;
  max-width: 90px !important;
}
.wc-block-components-order-summary-item__image {
  flex-basis: 90px !important;
  width: 90px !important;
}

/* CUSTOM: des affiches s'affichent comme des tirages, à angles droits. Le
 * thème arrondit les cartes, la photo et les miniatures de la fiche et celles
 * du panier ; Walyze retire ces arrondis sur tous les visuels de produits. */
.ilucid-products .ilucid-product-card,
.ilucid-products .ilucid-product-card img,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs img,
.ilucid-cart-drawer ul.woocommerce-mini-cart li.woocommerce-mini-cart-item img,
.wc-block-components-order-summary-item__image > img,
.wc-block-cart-item__image img {
  border-radius: 0 !important;
}

/* Miniatures de la galerie au format paysage des affiches (variable du thème). */
body.single-product {
  --ilucid-galerie-miniature-ratio: 1.414 / 1;
}