/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 07 2026 | 22:11:21 */
/* ============================================================
   PYROKARDS — PAGE CATÉGORIE PROTECTION ACRYLIQUE
   ============================================================ */

/* ===== Masquages ===== */
.page-title,
.ast-archive-title,
.woocommerce-ordering {
  display: none !important;
}
.single-product .product_meta,
.single-product .posted_in {
  display: none !important;
}
.woocommerce-result-count {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: rgba(15, 32, 45, 0.6) !important;
  border: none !important;
  padding: 0 !important;
  display: inline-block !important;
  margin-bottom: 24px !important;
}
.term-description,
.woocommerce-page .page-content,
.pyro-cat-lead,
.pyro-cat-desc,
.woocommerce-page aside.widget-area,
.woocommerce-page .sidebar,
#secondary.widget-area {
  display: none !important;
}
.woocommerce-page #primary,
.woocommerce-page .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

/* ===== Cartes produits ===== */
.woocommerce ul.products li.product .woocommerce-loop-category,
.woocommerce ul.products li.product .product-category,
.woocommerce ul.products li.product > a > .product-cat,
.woocommerce ul.products li.product mark {
  display: none !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #0f202d !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13.5px !important;
  margin-top: 14px !important;
  line-height: 1.35 !important;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price * {
  color: #E84830 !important;
  font-weight: 800 !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount {
  color: #E84830 !important;
  font-weight: 800 !important;
}

/* Carte */
.woocommerce ul.products li.product {
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px) !important;
}

/* Grille aérée et centrée */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 280px)) !important;
  justify-content: center !important;
  gap: 32px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

/* Enlève les pastilles arrondies du thème sur titre + prix */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .astra-shop-summary-wrap,
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .ast-woo-product-category {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* ===== Image + survol (2e image) ===== */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
  position: relative !important;
}
/* Carte blanche UNIQUEMENT sur le lien de l'image (pas le titre) */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  position: relative !important;
  display: block !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 32, 45, 0.06) !important;
}
.woocommerce ul.products li.product a img:not(.pyro-hover-img) {
  position: relative !important;
  z-index: 1 !important;
  transition: opacity .35s, transform .35s !important;
  border-radius: 18px !important;
}
.pyro-hover-img {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #fff !important;
  border-radius: 18px !important;
  transition: opacity .35s !important;
}
.woocommerce ul.products li.product:hover a:has(.pyro-hover-img) img:not(.pyro-hover-img) {
  opacity: 0 !important;
}
.woocommerce ul.products li.product:hover .pyro-hover-img {
  opacity: 1 !important;
}

/* ===== Bouton d'ajout au panier — pastille flottante ===== */
.woocommerce ul.products li.product .ast-on-card-button {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  top: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 46px !important;
  height: 46px !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #E84830 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 16px rgba(232, 72, 48, 0.4) !important;
  z-index: 4 !important;
  transition: background .2s, transform .2s, box-shadow .2s !important;
}
.woocommerce ul.products li.product .ast-on-card-button:hover {
  background: #C73721 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 8px 22px rgba(232, 72, 48, 0.55) !important;
  color: #fff !important;
}
/* Cache seulement le "Voir le panier" auto */
.woocommerce ul.products li.product .added_to_cart {
  display: none !important;
}