/* ==========================================================================
   KM Produits suggérés — Overrides spécifiques fiche produit
   Les styles de base des cards viennent de km-product-grid (km-pg__card).
   Le carousel et le sidebar viennent de km-cross-sells.
   ========================================================================== */

/* Les cards utilisent km-pg__card, mais restent dans la grille cross-sells.
   On neutralise les styles de km-cross-sells__card pour laisser km-pg__card prendre le relais. */
.km-suggested .km-cross-sells__card {
  border: none;
  border-radius: 4px;
  min-height: auto;
  background: #fff;
}

.km-suggested .km-cross-sells__card:hover {
  box-shadow: none;
}

/* Masquer les badges injectés par le dynamic pricing dans la zone prix */
.km-suggested .km-pg__card-pricing .km-pro-discount-badge,
.km-suggested .km-pg__card-pricing .km-include-shipping,
.km-suggested .km-pg__card-pricing .km-product-badges {
  display: none;
}

/* Masquer le lien "Voir le panier" injecté par WooCommerce */
.km-suggested .km-pg__card a.added_to_cart.wc-forward {
  display: none !important;
}

@media (max-width: 768px) {
  .km-suggested {
    margin-top: 32px;
    padding: 0 16px;
  }

  /* Afficher les flèches de navigation sur mobile (masquées par cross-sells) */
  .km-suggested .km-cross-sells__nav-wrapper {
    display: flex;
  }

  .km-suggested .km-cross-sells__nav {
    width: 36px;
    height: 36px;
  }
}