/* ==========================================================================
   Materiautec Theme - Product Cards & Listings
   Style cards reemployez.fr : radius 10px, ombre au hover
   ========================================================================== */

/* --- Card produit --- */
.product-miniature {
  border-radius: var(--mt-radius-md);
  overflow: hidden;
  background-color: var(--mt-bg-root);
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  border: none;
}

.product-miniature:hover {
  box-shadow: var(--mt-shadow-medium);
  transform: translateY(-2px);
}

/* Image du produit */
.product-miniature .thumbnail-container {
  border-radius: var(--mt-radius-md) var(--mt-radius-md) 0 0;
  overflow: hidden;
  position: relative;
}

.product-miniature .thumbnail-container img {
  border-radius: var(--mt-radius-md) var(--mt-radius-md) 0 0;
  transition: transform 0.3s ease;
}

.product-miniature:hover .thumbnail-container img {
  transform: scale(1.03);
}

/* Contenu de la card */
.product-miniature .product-description {
  padding: 15px;
  border-radius: 0 0 var(--mt-radius-md) var(--mt-radius-md);
}

/* Nom du produit */
.product-miniature .product-title a {
  color: var(--mt-text-primary);
  font-weight: 600;
  font-size: 0.95rem;
}

.product-miniature .product-title a:hover {
  color: var(--mt-secondary);
}

/* Prix */
.product-miniature .product-price-and-shipping .price {
  color: var(--mt-secondary);
  font-weight: 700;
  font-size: 1.15rem;
}

.product-miniature .regular-price {
  color: var(--mt-text-primary-faded);
  text-decoration: line-through;
}

/* Badge promo / nouveau */
.product-flag {
  background-color: var(--mt-secondary);
  color: var(--mt-text-contrast);
  border-radius: 0 var(--mt-radius-md);
  font-weight: 600;
  font-size: 0.8rem;
  padding: 4px 10px;
}

.product-flag.new {
  background-color: var(--mt-secondary);
}

.product-flag.on-sale,
.product-flag.discount {
  background-color: var(--mt-error);
}

/* --- Listing produits (grille) --- */
/*#products .products {*/
/*  display: grid;*/
/*  grid-template-columns: repeat(4, 1fr);*/
/*  gap: 20px;*/
/*}*/

@media (max-width: 991px) {
  #products .products {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  #products .products {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (max-width: 479px) {
  #products .products {
    grid-template-columns: 1fr;
  }
}

/* --- Page produit --- */
.product-container .product-cover img {
  border-radius: var(--mt-radius-md);
}

.product-container .product-images > li img {
  border-radius: var(--mt-radius-sm);
}

/* Bouton ajouter au panier */
.product-container .btn-primary.add-to-cart {
  background-color: var(--mt-secondary);
  border: none;
  border-radius: var(--mt-radius-sm);
  font-weight: 600;
  padding: 12px 24px;
  font-size: 1rem;
}

.product-container .btn-primary.add-to-cart:hover {
  background-color: var(--mt-secondary-light);
}