/* ==========================================================
   331 V4g — CSS JM24 (apple-iphone) CORRECTION FINALE
   Utilise #com_virtuemart pour égaler la spécificité du template
   ========================================================== */

/* ----------------------------------------------------------
   1. "VOIR TOUTE L'OFFRE" — Suppression fond jaune
   Structure exacte avec ID parent #com_virtuemart
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 a,
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 a:link,
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 a:visited {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #777 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
  display: inline-block !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 a:hover,
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 a:active {
  background: #FF8C00 !important;
  background-color: #FF8C00 !important;
  color: #fff !important;
  border-color: #FF8C00 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------
   2. "BONS PRIX !" — Style propre
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .vm3pr .product-price a.ask-a-question.bold,
#com_virtuemart .browse-view .prod-box.spacer.product-container .vm3pr-0 .product-price a.ask-a-question.bold {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #FF8C00 !important;
  border: 1px solid #FF8C00 !important;
  border-radius: 4px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container .vm3pr .product-price a.ask-a-question.bold:hover,
#com_virtuemart .browse-view .prod-box.spacer.product-container .vm3pr-0 .product-price a.ask-a-question.bold:hover {
  background: #FF8C00 !important;
  background-color: #FF8C00 !important;
  color: #fff !important;
  border-color: #FF8C00 !important;
  box-shadow: none !important;
}

/* ----------------------------------------------------------
   3. TITRE PRODUIT — Style propre
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box h1.item_name.product_title a,
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box h1.item_name.product_title a:link {
  color: #1a1a1a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  line-height: 1.3 !important;
  transition: color 0.25s ease !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box h1.item_name.product_title a:hover {
  color: #FF8C00 !important;
  text-decoration: none !important;
}

/* ----------------------------------------------------------
   4. BOUTON "Voir Plus"
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .vm-product-media-container .btn-more {
  transition: background 0.25s ease, transform 0.25s ease !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container .vm-product-media-container:hover .btn-more {
  background: #FF8C00 !important;
  background-color: #FF8C00 !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(255,140,0,0.3) !important;
}

/* ----------------------------------------------------------
   5. CARDS — ombre hover
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container {
  transition: box-shadow 0.3s ease !important;
  border-radius: 8px !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
}

/* ----------------------------------------------------------
   6. IMAGES — zoom hover
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .vm-product-media-container img.browseProductImage {
  transition: transform 0.35s ease !important;
  border-radius: 4px !important;
}

#com_virtuemart .browse-view .prod-box.spacer.product-container .vm-product-media-container:hover img.browseProductImage {
  transform: scale(1.03) !important;
}

/* ----------------------------------------------------------
   7. SUPPRESSION fond jaune sur .product_s_desc
   ---------------------------------------------------------- */
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc,
#com_virtuemart .browse-view .prod-box.spacer.product-container .fleft-box .vm-product-descr-container-1 .product_s_desc h2 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}