/* ==========================================================
   331 V4 — CSS fiche produit CHIRURGICAL + ANIMATIONS
   Basé sur HTML réel. Zéro conflit theme685.
   ========================================================== */

/* ----------------------------------------------------------
   1. IMAGE PRINCIPALE — zoom hover subtil
   ---------------------------------------------------------- */
.productdetails-view .main-image img,
.productdetails-view .vm-product-media-container img,
img.medium-image {
  transition: transform 0.35s ease;
  border-radius: 6px;
}

.productdetails-view .main-image:hover img,
.productdetails-view .vm-product-media-container:hover img {
  transform: scale(1.02);
}

/* ----------------------------------------------------------
   2. THUMBNAILS — hover subtil
   ---------------------------------------------------------- */
.additional-images img {
  transition: transform 0.25s ease, opacity 0.25s ease;
  border-radius: 4px;
  opacity: 0.85;
}

.additional-images img:hover {
  transform: scale(1.05);
  opacity: 1;
}

/* ----------------------------------------------------------
   3. PRIX — barré gris + actuel rouge
   ---------------------------------------------------------- */
.productdetails-view .PricesalesPrice,
.productdetails-view span.PricesalesPrice,
.productdetails-view .PricepriceWithoutTax,
.productdetails-view span.PricepriceWithoutTax {
  color: #E74C3C;
  font-weight: 800;
  font-size: 1.25em;
  transition: color 0.3s ease;
}

.productdetails-view .PriceoldPrice,
.productdetails-view .PricediscountedPriceWithoutTax,
.productdetails-view span.PriceoldPrice {
  color: #999;
  text-decoration: line-through;
  font-size: 1em;
  font-weight: 600;
}

/* ----------------------------------------------------------
   4. BOUTON AJOUTER AU PANIER — proportionnel, pas trop large
   Cible exacte du HTML
   ---------------------------------------------------------- */
.productdetails-view .addtocart-bar input[type="submit"],
.productdetails-view .addtocart-bar button,
.productdetails-view .addtocart-button,
.productdetails-view span.addtocart-button input.addtocart-button {
  background: linear-gradient(135deg, #FFC107, #FF8C00);
  color: #1a1a1a !important;
  border: none;
  border-radius: 8px;
  padding: 10px 28px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease;
  display: inline-block;
  width: auto !important;
  max-width: fit-content;
  min-width: unset;
  white-space: nowrap;
  text-align: center;
  line-height: 1.4;
}

/* Le parent ne force pas la largeur */
.productdetails-view .addtocart-bar {
  display: inline-block;
  width: auto;
}

.productdetails-view .addtocart-bar input[type="submit"]:hover,
.productdetails-view .addtocart-bar button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 140, 0, 0.3);
  color: #fff !important;
}

/* ----------------------------------------------------------
   5. ONGLETS — animation subtile
   ---------------------------------------------------------- */
.productdetails-view ul.tabs li a,
.productdetails-view .nav-tabs li a {
  color: #2f2f2f;
  border-bottom: 2px solid transparent;
  transition: color 0.3s ease, border-color 0.3s ease;
  font-weight: 600;
  padding: 10px 16px;
}

.productdetails-view ul.tabs li.active a,
.productdetails-view ul.tabs li a:hover,
.productdetails-view .nav-tabs li.active a,
.productdetails-view .nav-tabs li a:hover {
  color: #FF8C00;
  border-bottom-color: #FFC107;
}

/* ----------------------------------------------------------
   6. PRODUITS LIÉS — cards hover
   ---------------------------------------------------------- */
.productdetails-view .product-related-products .product-field,
.productdetails-view .product-related-categories .product-field {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  border-radius: 8px;
}

.productdetails-view .product-related-products .product-field:hover,
.productdetails-view .product-related-categories .product-field:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* ----------------------------------------------------------
   7. EXCLUSIONS — logos/badges
   ---------------------------------------------------------- */
.productdetails-view img[src*="logo"],
.productdetails-view img[src*="Logo"],
.productdetails-view img[src*="icon"],
.productdetails-view img[src*="payment"],
.productdetails-view img[src*="badge"],
.productdetails-view img[src*="trust"],
.productdetails-view img[src*="livraison"],
.productdetails-view img[src*="garantie"],
.productdetails-view img[src*="qualite"],
.productdetails-view img[src*="serenite"] {
  filter: none !important;
  transform: none !important;
}

/* ----------------------------------------------------------
   8. ACCESSIBILITÉ
   ---------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .productdetails-view .main-image img,
  .additional-images img,
  .productdetails-view .addtocart-bar input[type="submit"],
  .productdetails-view .product-related-products .product-field {
    transition: none;
    transform: none;
  }
}