/* ============================================================
   MADEMOISELLE TRÉSORS — CLASSES WOOCOMMERCE DE LA MAQUETTE
   ------------------------------------------------------------
   Classes utilitaires à appliquer via Avancé ▸ Classe CSS :
     • mt-boutique        → page/section Boutique (tri + grille)
     • mt-produit         → gabarit de fiche produit (Theme Builder)
     • mt-get-your-price  → bloc prix libre WPClever (offrande)
   Elles ciblent le balisage WooCommerce/WPClever réel, gated sous
   la classe, pour un rendu fidèle à la maquette sans rien casser.
   Couleurs = variables de marque (style.css).
   ============================================================ */


/* ============================================================
   1) mt-boutique  —  module « Woo Products » de Divi 5
   ------------------------------------------------------------
   Calé sur le balisage réel : .et_pb_shop.mt-boutique
     > .woocommerce ul.products li.product
        > a > span.et_shop_image > img   (image)
        > h2.woocommerce-loop-product__title  (titre)
        > span.price ...                  (plage de prix)
   (Pas de bouton dans le loop : Divi l'affiche sur la fiche.)
   ============================================================ */

/* barre : nombre de résultats + tri (si présents) */
.mt-boutique .woocommerce-result-count { color: #8f8a80; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
.mt-boutique .woocommerce-ordering select {
  background: rgba(255,255,255,.03); border: 1px solid var(--mt-line-soft);
  color: #f1ece3; border-radius: 3px; padding: 10px 14px; font-family: 'Montserrat', sans-serif; font-size: .82rem;
}
.mt-boutique .woocommerce-ordering select:focus { border-color: var(--mt-gold); outline: none; }

/* la carte produit = le <li> */
.mt-boutique ul.products li.product {
  background: #141417 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 6px;
  overflow: hidden;
  padding: 0 0 18px !important;
  margin-bottom: 26px;
  transition: transform .5s cubic-bezier(.22,.61,.36,1), border-color .4s, box-shadow .5s;
}
.mt-boutique ul.products li.product:hover {
  transform: translateY(-5px);
  border-color: rgba(229,192,104,.3) !important;
  box-shadow: 0 26px 60px -28px #000;
}
/* le lien enveloppe toute la carte */
.mt-boutique li.product > a { display: block; text-decoration: none; }

/* image (dans span.et_shop_image) — visuels carrés 300x300 */
.mt-boutique li.product .et_shop_image { display: block; position: relative; margin: 0 0 14px; overflow: hidden; }
.mt-boutique li.product .et_shop_image img {
  width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 !important; display: block;
  transition: transform 1s ease;
}
.mt-boutique li.product:hover .et_shop_image img { transform: scale(1.05); }
/* overlay Divi au survol : teinte sombre + liseré or */
.mt-boutique li.product .et_overlay {
  background: linear-gradient(180deg, rgba(6,8,16,.05), rgba(6,8,16,.55)) !important;
  border: none !important;
}

/* titre */
.mt-boutique li.product .woocommerce-loop-product__title {
  font-family: 'Abril Fatface', Georgia, serif !important;
  color: #f2efe8 !important;
  font-size: 1.06rem !important;
  line-height: 1.3;
  padding: 0 16px 6px !important;
  margin: 0 !important;
}
.mt-boutique li.product:hover .woocommerce-loop-product__title { color: #fff !important; }

/* prix (plage 15 € – 90 €) */
.mt-boutique li.product .price,
.mt-boutique li.product .price .woocommerce-Price-amount {
  color: var(--mt-gold) !important;
  font-family: 'Abril Fatface', Georgia, serif !important;
}
.mt-boutique li.product .price {
  display: block;
  padding: 0 16px !important;
  font-size: 1.05rem;
}
.mt-boutique li.product .price .woocommerce-Price-currencySymbol { font-size: .85em; }
.mt-boutique li.product .screen-reader-text { position: absolute !important; left: -9999px; }

/* badge promo éventuel */
.mt-boutique span.onsale {
  background: var(--mt-gold) !important; color: #161616 !important; border-radius: 2px;
  text-transform: uppercase; letter-spacing: .12em; font-size: .62rem; font-weight: 700;
}

/* pagination */
.mt-boutique .woocommerce-pagination ul li a,
.mt-boutique .woocommerce-pagination ul li span {
  background: transparent; border: 1px solid var(--mt-line-soft); color: #cdc8be; border-radius: 3px;
}
.mt-boutique .woocommerce-pagination ul li span.current { background: var(--mt-gold); color: #161616; border-color: var(--mt-gold); }


/* ============================================================
   2) mt-produit  —  à mettre sur le gabarit de fiche produit
      (Theme Builder ▸ corps produit ▸ section principale)
   ============================================================ */

.mt-produit .product_title,
.mt-produit .woocommerce-product-gallery + .summary .product_title {
  font-family: 'Abril Fatface', Georgia, serif !important;
  color: #fff !important;
  letter-spacing: .01em;
}
.mt-produit p.price,
.mt-produit span.price,
.mt-produit .price .woocommerce-Price-amount {
  color: var(--mt-gold) !important;
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-size: 2rem;
}
.mt-produit .price del .woocommerce-Price-amount { color: #6f6a61 !important; font-size: 1.3rem; }
.mt-produit .woocommerce-product-rating .star-rating span::before,
.mt-produit .star-rating span::before { color: var(--mt-gold); }
.mt-produit .woocommerce-product-details__short-description { color: #c2bdb3; line-height: 1.8; }

/* galerie : vignettes, survol/active en or */
.mt-produit .flex-control-thumbs li img {
  border: 1px solid var(--mt-line-soft);
  border-radius: 4px;
  opacity: .7;
  transition: .3s;
}
.mt-produit .flex-control-thumbs li img:hover,
.mt-produit .flex-control-thumbs li img.flex-active { opacity: 1; border-color: var(--mt-gold); }

/* variations (formules / durées) */
.mt-produit form.cart .variations td.label label { color: #cdd2ff; text-transform: uppercase; letter-spacing: .12em; font-size: .76rem; }
.mt-produit form.cart .variations td.value select {
  background: rgba(255,255,255,.03);
  border: 1px solid var(--mt-line-soft);
  color: #f1ece3;
  border-radius: 3px;
  padding: 12px 14px;
}
.mt-produit form.cart .variations td.value select:focus { border-color: var(--mt-gold); outline: none; }
.mt-produit .woocommerce-variation-price .price { font-size: 1.6rem; }

/* quantité */
.mt-produit .quantity .qty {
  background: rgba(255,255,255,.03);
  border: 1px solid var(--mt-line);
  color: #fff;
  border-radius: 2px;
}

/* bouton « Ajouter au panier » = bleu roi (style mt-btn) */
.mt-produit .single_add_to_cart_button,
.mt-produit button.alt {
  background: var(--mt-blue) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: .2em;
  font-weight: 600;
  padding: 16px 36px !important;
  box-shadow: 0 10px 30px -12px rgba(31,43,143,.9);
  transition: transform .35s, box-shadow .35s, background .3s;
}
.mt-produit .single_add_to_cart_button:hover {
  background: var(--mt-blue-glow) !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 44px -10px rgba(58,73,201,.95), 0 0 0 1px var(--mt-gold);
}

/* badges de réassurance (si vous ajoutez un module Code .trust) */
.mt-produit .trust, .trust.mt-produit { display: flex; gap: 18px; flex-wrap: wrap; }
.mt-produit .trust .t, .trust.mt-produit .t {
  display: flex; align-items: center; gap: 10px;
  color: #a39e94; font-size: .82rem;
}
.mt-produit .trust .t svg, .trust.mt-produit .t svg { width: 20px; height: 20px; color: var(--mt-gold); }

/* onglets produit (or actif) */
.mt-produit .woocommerce-tabs ul.tabs li a { color: #a39e94; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; font-size: .78rem; }
.mt-produit .woocommerce-tabs ul.tabs li.active a { color: var(--mt-gold); }
.mt-produit .woocommerce-tabs ul.tabs::before { border-bottom-color: var(--mt-line-soft); }
.mt-produit .woocommerce-tabs ul.tabs li,
.mt-produit .woocommerce-tabs ul.tabs li.active { background: transparent; border: none; }
.mt-produit .woocommerce-tabs ul.tabs li::before,
.mt-produit .woocommerce-tabs ul.tabs li::after { display: none; }

/* produits connexes */
.mt-produit .related > h2,
.mt-produit .upsells > h2 { font-family: 'Abril Fatface', Georgia, serif !important; color: #fff !important; }


/* ============================================================
   3) mt-get-your-price  —  bloc PRIX LIBRE (WPClever Get Your Price)
      À mettre sur le module/section qui contient le champ prix libre
      (ou sur un module Code enveloppant le shortcode WPClever).
      Style « offrande » de la maquette.
   ============================================================ */
.mt-get-your-price {
  border: 1px solid var(--mt-line);
  border-radius: 8px;
  padding: 24px 26px;
  background: linear-gradient(180deg, rgba(31,43,143,.07), rgba(229,192,104,.04));
  margin: 18px 0;
}
.mt-get-your-price > label,
.mt-get-your-price .wpcnyp label,
.mt-get-your-price .nyp-label {
  display: block;
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #cdd2ff;
  margin-bottom: 12px;
}
/* le champ de saisie du montant — grand chiffre Abril */
.mt-get-your-price input[type="text"],
.mt-get-your-price input[type="number"],
.mt-get-your-price input.wpcnyp_price,
.mt-get-your-price .wpcnyp input {
  background: rgba(0,0,0,.25) !important;
  border: 1px solid var(--mt-line) !important;
  border-radius: 3px !important;
  color: #fff !important;
  font-family: 'Abril Fatface', Georgia, serif !important;
  font-size: 1.7rem !important;
  padding: 12px 16px !important;
  width: 100%;
  max-width: 280px;
}
.mt-get-your-price input:focus { border-color: var(--mt-gold) !important; outline: none; }

/* puces de suggestions de montant */
.mt-get-your-price .suggestions,
.mt-get-your-price .wpcnyp-suggestions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.mt-get-your-price .suggestion,
.mt-get-your-price .wpcnyp-suggestion {
  border: 1px solid var(--mt-line-soft);
  background: rgba(255,255,255,.02);
  color: #e8e3d9;
  font-family: 'Abril Fatface', Georgia, serif;
  border-radius: 3px;
  padding: 10px 18px;
  cursor: pointer;
  transition: .28s;
}
.mt-get-your-price .suggestion:hover,
.mt-get-your-price .wpcnyp-suggestion:hover { border-color: var(--mt-line); transform: translateY(-2px); }
.mt-get-your-price .suggestion.active,
.mt-get-your-price .wpcnyp-suggestion.active {
  border-color: var(--mt-gold);
  background: rgba(229,192,104,.1);
  color: var(--mt-gold);
}

/* bouton « offrir » dans le bloc prix libre */
.mt-get-your-price .single_add_to_cart_button,
.mt-get-your-price button[type="submit"] {
  background: var(--mt-gold) !important;
  color: #161616 !important;
  border: 0 !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 700;
  padding: 16px 34px !important;
  margin-top: 16px;
}
.mt-get-your-price .single_add_to_cart_button:hover { box-shadow: 0 16px 40px -12px rgba(229,192,104,.6); }