/* =====================================================
   PAGE ACHETER DES CREDITS FR ET EN - VERSION PROPRE ET SIMPLE
   - masque le titre natif
   - garde les cartes
   - enlève image et TTC
===================================================== */

/* masque uniquement le titre natif de la page */
body.credits-page h1.entry-title,
body.credits-page .entry-title,
body.credits-page .woocommerce-products-header,
body.credits-page .woocommerce-products-header__title,
body.credits-page .page-header {
  display: none !important;
}

/* layout des cartes */
body.credits-page ul.products,
body.credits-page ul.products.columns-3 {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 120px !important;
  padding: 0 !important;
}

/* neutralise les widths WooCommerce */
body.credits-page ul.products li.product,
body.credits-page ul.products.columns-3 li.product {
  width: 280px !important;
  max-width: 280px !important;
  flex: 0 0 280px !important;
  background: #ffffff;
  border-radius: 16px;
  padding: 28px 22px;
  text-align: center;
  border: 1px solid #eee;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  margin: 0 !important;
  transition: all 0.25s ease;
  float: none !important;
  list-style: none !important;
}

body.credits-page ul.products li.product:hover,
body.credits-page ul.products.columns-3 li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* supprime image */
body.credits-page ul.products li.product img,
body.credits-page ul.products.columns-3 li.product img {
  display: none !important;
}

/* badge */
body.credits-page ul.products li.product::before,
body.credits-page ul.products.columns-3 li.product::before {
  content: "CREDITS";
  display: inline-block;
  background: #f9d6e6;
  color: #e6007e;
  font-size: 11px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 999px;
  margin-bottom: 15px;
}

/* titre produit */
body.credits-page ul.products li.product h2,
body.credits-page ul.products.columns-3 li.product h2,
body.credits-page ul.products li.product .woocommerce-loop-product__title,
body.credits-page ul.products.columns-3 li.product .woocommerce-loop-product__title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px !important;
  color: #111;
  line-height: 1.3;
}

/* prix */
body.credits-page ul.products li.product .price,
body.credits-page ul.products.columns-3 li.product .price {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #e6007e;
  margin-bottom: 20px !important;
}

/* enlève TTC et petits textes */
body.credits-page .woocommerce-Price-suffix,
body.credits-page .price small {
  display: none !important;
}

/* bouton */
body.credits-page ul.products li.product .button,
body.credits-page ul.products.columns-3 li.product .button {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 999px;
  border: 2px solid #111;
  background: transparent;
  color: #111 !important;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

body.credits-page ul.products li.product .button:hover,
body.credits-page ul.products.columns-3 li.product .button:hover {
  background: #e6007e;
  border-color: #e6007e;
  color: #fff !important;
}

/* responsive */
@media (max-width: 980px) {
  body.credits-page ul.products,
  body.credits-page ul.products.columns-3 {
    gap: 20px;
  }

  body.credits-page ul.products li.product,
  body.credits-page ul.products.columns-3 li.product {
    width: 260px !important;
    max-width: 260px !important;
    flex: 0 0 260px !important;
  }
}

@media (max-width: 640px) {
  body.credits-page ul.products,
  body.credits-page ul.products.columns-3 {
    flex-direction: column;
    align-items: center;
  }

  body.credits-page ul.products li.product,
  body.credits-page ul.products.columns-3 li.product {
    width: min(92vw, 320px) !important;
    max-width: min(92vw, 320px) !important;
    flex: none !important;
  }
}
/* Force "View cart / Voir le panier" sous le bouton sur la page crédits */
body.credits-page ul.products li.product,
body.credits-page ul.products.columns-3 li.product {
  text-align: center !important;
}

body.credits-page ul.products li.product a.button,
body.credits-page ul.products.columns-3 li.product a.button {
  display: inline-block !important;
}

body.credits-page ul.products li.product a.added_to_cart,
body.credits-page ul.products.columns-3 li.product a.added_to_cart,
body.credits-page ul.products li.product a.added_to_cart.wc-forward,
body.credits-page ul.products.columns-3 li.product a.added_to_cart.wc-forward,
body.credits-page ul.products li.product .added_to_cart,
body.credits-page ul.products.columns-3 li.product .added_to_cart {
  display: block !important;
  float: none !important;
  clear: both !important;
  position: static !important;
  width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.4 !important;
}