/* Boutique et grilles produits — habillage conversion. RTL. */

:root{
  --s-gold:#c9a961; --s-gold-d:#8a6d3b; --s-ink:#16281f;
  --s-cream:#fbf9f6; --s-sand:#f3ece1; --s-line:#e8e1d5;
  --s-grn:#16a34a; --s-red:#dc2626;
}

/* ---------- Bandeau d'accroche ---------- */
.wsl-shophero{
  margin:0 0 30px;padding:30px 24px;border-radius:20px;text-align:center;
  background:
    radial-gradient(620px circle at 82% 0,rgba(201,169,97,.16),transparent 62%),
    linear-gradient(165deg,#16281f,#101d18);
  color:#d5cdbd
}
.wsl-shophero h2{
  font-size:clamp(21px,4vw,30px);font-weight:800;margin:0 0 10px;
  background:linear-gradient(120deg,var(--s-gold),#f5e6c0 46%,var(--s-gold));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--s-gold)
}
.wsl-shophero p{margin:0 auto 16px;max-width:60ch;font-size:15.5px;line-height:1.9}
.wsl-shophero ul{
  list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:9px;justify-content:center
}
.wsl-shophero li{
  background:rgba(201,169,97,.13);border:1px solid rgba(201,169,97,.4);
  color:#e8d5a3;font-size:13.5px;font-weight:700;padding:7px 15px;border-radius:999px
}

/* ---------- Barre de tri ---------- */
.woocommerce-result-count,.woocommerce-ordering select{
  font-size:14.5px;color:#4b5563
}
.woocommerce-ordering select{
  padding:9px 14px;border:1.5px solid var(--s-line);border-radius:11px;
  background:#fff;font-family:inherit
}

/* ---------- Cartes produit ---------- */
.wc-block-product,
.woocommerce ul.products li.product{
  position:relative;background:#fff;border:1px solid var(--s-line);
  border-radius:18px;overflow:hidden;padding-bottom:14px;
  transition:transform .32s cubic-bezier(.2,.8,.3,1),box-shadow .32s,border-color .32s
}
.wc-block-product:hover,
.woocommerce ul.products li.product:hover{
  transform:translateY(-7px);
  box-shadow:0 18px 44px rgba(31,41,55,.14);
  border-color:var(--s-gold)
}

/* Image : zoom doux au survol */
.wc-block-product img,
.woocommerce ul.products li.product img{
  border-radius:0!important;transition:transform .55s cubic-bezier(.2,.8,.3,1)
}
.wc-block-product:hover img,
.woocommerce ul.products li.product:hover img{transform:scale(1.06)}

/* Titre */
.wc-block-product .wp-block-post-title,
.wc-block-product h3,
.woocommerce ul.products li.product h2{
  font-size:15.5px!important;line-height:1.65;font-weight:700;
  padding:0 14px;margin:12px 0 8px;min-height:3.3em
}
.wc-block-product a,
.woocommerce ul.products li.product a{text-decoration:none}

/* Prix : le soldé domine, l'ancien s'efface */
.wc-block-components-product-price,
.woocommerce ul.products li.product .price{
  display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;
  padding:0 14px;margin:0 0 12px;font-size:20px;font-weight:800;color:var(--s-ink)
}
.wc-block-components-product-price del,
.woocommerce ul.products li.product .price del{
  font-size:15px;font-weight:600;color:#9ca3af;opacity:1
}
.wc-block-components-product-price ins,
.woocommerce ul.products li.product .price ins{
  text-decoration:none;color:var(--s-ink)
}

/* Badge promo */
.wc-block-product .wc-block-components-product-sale-badge,
.woocommerce span.onsale{
  position:absolute!important;top:12px;inset-inline-start:12px;inset-inline-end:auto;
  background:linear-gradient(135deg,var(--s-red),#ef4444)!important;color:#fff!important;
  font-size:12.5px;font-weight:800;padding:6px 13px;border-radius:999px;
  min-height:auto!important;min-width:auto!important;line-height:1.4!important;
  box-shadow:0 4px 14px rgba(220,38,38,.32);margin:0!important;z-index:2
}

/* Bouton : mène à la fiche, pas au panier */
.wsl-card-cta{
  display:block;margin:0 14px;padding:13px 18px;border-radius:12px;text-align:center;
  background:linear-gradient(135deg,#18a558,var(--s-grn));
  color:#fff!important;font-weight:800;font-size:15.5px;text-decoration:none!important;
  box-shadow:0 6px 18px rgba(22,163,74,.28);
  transition:transform .2s,box-shadow .2s,filter .2s
}
.wsl-card-cta:hover{
  transform:translateY(-2px);filter:brightness(1.05);
  box-shadow:0 10px 26px rgba(22,163,74,.38)
}

/* Le lien « voir le panier » qui suivait l'ajout n'a plus lieu d'être */
.added_to_cart{display:none!important}

/* ---------- Produits liés sur la fiche ---------- */
.related.products > h2,
.up-sells > h2{
  font-size:24px;font-weight:800;color:var(--s-gold-d);
  text-align:center;margin:44px 0 20px
}

/* ---------- Grille responsive ---------- */
@media(min-width:700px){
  .wsl-shophero{padding:40px 32px}
}
@media(max-width:520px){
  .wc-block-product .wp-block-post-title,
  .woocommerce ul.products li.product h2{font-size:14px!important;min-height:3.6em}
  .wc-block-components-product-price,
  .woocommerce ul.products li.product .price{font-size:18px}
  .wsl-card-cta{font-size:14.5px;padding:12px 14px}
}

@media(prefers-reduced-motion:reduce){
  .wc-block-product,.woocommerce ul.products li.product,
  .wc-block-product img,.wsl-card-cta{transition-duration:.01ms!important}
  .wc-block-product:hover,.woocommerce ul.products li.product:hover{transform:none}
  .wc-block-product:hover img{transform:none}
}
