/* AJOUTER AU PANIER - Pleine largeur et style */
.single-product form.cart .single_add_to_cart_button {
    width: 100% !important; /* bouton prend toute la largeur */
    background-color: #E6007E; /* fuchsia signature */
    color: #fff !important; /* texte en blanc */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px;
    border-radius: 6px;
    text-align: center;
    margin-top: 10px; /* espace avec le champ quantité */
}

/* Effet hover */
.single-product form.cart .single_add_to_cart_button:hover {
    background-color: #C4006A; /* fuchsia plus foncé au survol */
}

/* Harmoniser "Achetez maintenant" */
.wc-buy-now-btn {
    width: 100% !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px;
    border-radius: 6px;
    margin-top: 10px;
}


/* Style du bloc rassurant */
.bloc-rassurant {
  margin-top: 20px;
  padding: 12px 15px;
  background: #fdf2f8; /* fond rose pâle */
  border: 1px solid #f9a8d4; /* bordure rose */
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #c2185b; /* fuchsia foncé */
  text-align: center;
  line-height: 1.6;
}

/* === Boutons SECONDAIRES : contour fuchsia, fond blanc === */

/* 1) VUE RAPIDE (YITH) */
.yith-wcqv-button,
.yith-wcqv-button:visited{
  background:#fff !important;
  color:#E60789 !important;
  border:2px solid #E60789 !important;
}
.yith-wcqv-button:hover,
.yith-wcqv-button:focus{
  background:#E60789 !important;
  color:#fff !important;
  border-color:#E60789 !important;
}

/* 2) “VOIR LE PANIER” dans la notice après ajout */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward{
  background:#fff !important;
  color:#E60789 !important;
  border:2px solid #E60789 !important;
}
.woocommerce-message .button.wc-forward:hover,
.woocommerce-info .button.wc-forward:hover{
  background:#E60789 !important;
  color:#fff !important;
}

/* 3) Panier : “Appliquer le code promo” + “Mettre à jour le panier” */
.woocommerce-cart .coupon .button,
.woocommerce-cart button[name="update_cart"]{
  background:#fff !important;
  color:#E60789 !important;
  border:2px solid #E60789 !important;
}
.woocommerce-cart .coupon .button:hover,
.woocommerce-cart button[name="update_cart"]:hover{
  background:#E60789 !important;
  color:#fff !important;
}

/* === Boutons PRINCIPAUX : fuchsia plein (protection explicite) === */
.single-product .single_add_to_cart_button,
.single-product .button.buy_now_button,
.woocommerce .button.alt,
.woocommerce .checkout-button{
  background:#E60789 !important;
  border-color:#E60789 !important;
  color:#fff !important;
}

/* ====== CHECKOUT-2 — RÉCAP PROPRE, LISIBLE, COMPACT ====== */

/* 1) Miniatures produit : petites, nettes */
.woocommerce-checkout #order_review .product-thumbnail img,
.woocommerce-checkout-review-order .product-thumbnail img {
  width: 64px; height: auto; border-radius: 6px; display: block;
}

/* 2) Nom produit + colonne contenue (évite les débordements) */
.woocommerce-checkout #order_review .product-name,
.woocommerce-checkout-review-order .product-name {
  display: block; line-height: 1.35; max-width: calc(100% - 80px);
}

/* 3) Métadonnées (taille, matière, options…) en 2 lignes max */
.woocommerce-checkout #order_review .wc-item-meta,
.woocommerce-checkout-review-order .wc-item-meta {
  margin-top: 4px; font-size: 13px; color: #555;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.woocommerce-checkout #order_review .wc-item-meta li {
  margin: 0; padding: 0; list-style: none;
}

/* 4) Espaces du tableau resserrés */
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td {
  padding-top: 10px; padding-bottom: 10px;
}

/* 5) Sous-total / Total plus lisibles */
.woocommerce-checkout #order_review tfoot th,
.woocommerce-checkout #order_review tfoot td {
  font-size: 15px;
}
.woocommerce-checkout #order_review tfoot .order-total th,
.woocommerce-checkout #order_review tfoot .order-total td {
  font-weight: 700;
}

/* 6) Titres de sections (ta couleur fuchsia) */
.woocommerce-checkout h3,
.woocommerce-checkout .woocommerce-checkout-review-order-table th {
  color: #e3007b; /* fuchsia LRAB */
}

/* 7) “Bandeau rouge/gris” fantôme (sans message) : cacher s’il est vide */
.woocommerce-error:empty,
.ast-customer-info__notice.woocommerce-error:empty {
  display: none !important;
}

/* 8) Radios d’expédition : lisibles et compactes */
.woocommerce-checkout #shipping_method li { margin-bottom: 6px; line-height: 1.4; }

/* 9) Éviter les images qui s’étirent plein écran par un style global */
.woocommerce-checkout #order_review img { max-width: 100%; height: auto; }

/* 10) Doubles “Informations complémentaires” : masquer UNIQUEMENT le 2e bloc s’il se répète */
.woocommerce-additional-fields + .woocommerce-additional-fields {
  display: none !important;
}

/* 11) PayPal : réduire l’énorme vide au-dessous si présent */
#payment, #wc_checkout_payment { margin-bottom: 12px; }

/* 12) Champs du formulaire : bordure sobre + focus fuchsia (UX) */
.woocommerce-checkout .input-text, 
.woocommerce-checkout select, 
.woocommerce-checkout textarea {
  border: 1px solid #d9d9d9; border-radius: 6px;
}
.woocommerce-checkout .input-text:focus, 
.woocommerce-checkout select:focus, 
.woocommerce-checkout textarea:focus {
  border-color: #e3007b; box-shadow: 0 0 0 1px #e3007b33;
}

/* 13) Boutons primaires bien visibles (fond fuchsia, texte blanc) */
.woocommerce-checkout .button, 
.woocommerce-checkout button[type="submit"], 
.woocommerce-checkout .wc-forward {
  background: #e3007b; color: #fff; border-radius: 8px; border: none;
}
.woocommerce-checkout .button:hover,
.woocommerce-checkout button[type="submit"]:hover,
.woocommerce-checkout .wc-forward:hover {
  filter: brightness(0.95);
}


/********************
  Checkout Woo – Optimisations UX
  Portée : page Commande (ID 8)
*********************/
.page-id-8 {

  /* 1) Titres plus lisibles et respiration */
  .woocommerce .col2-set h3,
  .woocommerce #order_review_heading,
  .woocommerce-checkout h3,
  .woocommerce-billing-fields h3,
  .woocommerce-additional-fields h3 {
    font-size: 22px;
    line-height: 1.2;
    margin: 22px 0 12px;
    color: #ED118A; /* ton fuchsia */
  }

  /* 2) Champs plus compacts sur mobile */
  .woocommerce form .form-row {
    margin-bottom: 12px;
  }

  /* 3) Masquer le long paragraphe “Vos données personnelles…” (trop verbeux) */
  .woocommerce-privacy-policy-text {
    display: none !important;
  }
  /* Remplacer par une ligne simple et rassurante juste au-dessus du bouton */
  .form-row.place-order::before {
    content: "Vos informations sont utilisées uniquement pour traiter votre commande. En savoir plus";
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    opacity: .8;
  }
  /* Rendre le “En savoir plus” cliquable (redirige vers la page Politique de confidentialité) */
  .form-row.place-order::before {
    /* optionnel: tu peux pointer vers ta page Politique si tu veux un vrai lien via JS ;
       en CSS pur on ne peut pas créer un lien cliquable, donc garde la phrase courte ici. */
  }

  /* 4) PayPal – retirer le pavé technique en anglais */
  #payment .wc_payment_method.payment_method_ppcp-gateway .payment_box {
    display: none !important;
  }

  /* 5) (Option) Masquer “Traitement avancé des cartes” si tu ne l’utilises pas */
  li.payment_method_ppcp-credit-card-gateway {
    display: none !important;
  }

  /* 6) (Option) Masquer la case “Je souhaite recevoir des offres exclusives…” pour réduire la friction */
  label[for*="mailpoet"],
  .mailpoet_woocommerce_checkout_optin,
  .woocommerce-checkout .newsletter,
  .woocommerce-checkout .marketing-consent {
    display: none !important;
  }

  /* 7) Réduire l’espace entre le choix de paiement et les boutons PayPal */
  #payment .payment_methods + .form-row,
  .ppcp-order-button-container {
    margin-top: 10px !important;
  }

  /* 8) Bouton final : cohérent, bien visible */
  #place_order {
    background: #ED118A !important;
    border-color: #ED118A !important;
    color: #fff !important;
    font-weight: 700;
    border-radius: 8px;
    padding: 14px 16px;
  }
  #place_order:hover { filter: brightness(1.03); }

  /* 9) “Have a coupon?” : garder mais rendre plus discret */
  .woocommerce-form-coupon-toggle {
    font-size: 14px;
    opacity: .9;
  }
}

/* 10) PayPal Smart Buttons : largeur fluide + alignement propre */
.page-id-8 .ppcp-order-button-container,
.page-id-8 .ppcp-credit-card-buttons,
.page-id-8 .paypal-buttons,
.page-id-8 .paypal-button {
  width: 100% !important;
  max-width: 100% !important;
}


/* ----- Bloc réassurance sous le bouton Ajouter au panier ----- */
.single-product .entry-summary .bloc-reassurant{
  background: #ffe8f2; /* rose très clair */
  border: 2px solid #ff2e8b; /* fuchsia de ta charte */
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 12px; /* petit espace sous le CTA */
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}



/* Ajuste la taille des emojis si besoin */
.single-product .entry-summary .bloc-reassurant p::first-letter{
  /* laisse vide si tu utilises des emojis natifs */
}

/* Version mobile : un peu plus compact < 480px */
@media (max-width:480px){
  .single-product .entry-summary .bloc-reassurant{
    padding: 12px 12px;
    border-radius: 10px;
  }
  .single-product .entry-summary .bloc-reassurant p{
    margin: 5px 0;
    font-size: 15px;
  }
}


/* Réduction des titres produits WooCommerce */
.woocommerce div.product .product_title {
    font-size: 22px; /* taille pour ordinateur */
    line-height: 1.3;
}

/* Taille spécifique pour mobile */
@media (max-width: 768px) {
    .woocommerce div.product .product_title {
        font-size: 18px; /* plus petit sur mobile */
    }
}

/* 1) Masquer toutes les instances automatiques de YITH */
.single-product .entry-summary .yith-wcwl-add-to-wishlist {
  display: none !important;
}

/* 2) Ré-afficher uniquement celle sous le bouton panier */
.woocommerce div.product form.cart + .yith-wcwl-add-to-wishlist {
  display: flex !important;
  justify-content: center; /* centre le bouton */
  margin-top: 15px;
}

/* 3) Style du bouton wishlist */
.yith-wcwl-add-to-wishlist a {
  border: 2px solid #e60789; /* fuchsia */
  border-radius: 8px; /* arrondi doux */
  padding: 12px 20px;
  color: #e60789;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.25s ease;
}

/* Effet au survol */
.yith-wcwl-add-to-wishlist a:hover,
.yith-wcwl-add-to-wishlist a:focus {
  background: #e60789;
  color: #fff;
}

/* 4) Pleine largeur en mobile */
@media (max-width: 767px) {
  .woocommerce div.product form.cart + .yith-wcwl-add-to-wishlist {
    justify-content: center;
  }
  .yith-wcwl-add-to-wishlist a {
    width: 100%;
    justify-content: center;
  }
}

/* Page Wishlist: retire tout le bloc d’édition de titre + loader */
.page-id-719 .wishlist-title .show-title-form,
.page-id-719 .wishlist-title .wishlist-title-with-form,
.page-id-719 .wishlist-title .wishlist-title-with-form *,
.page-id-719 .wishlist-title .show-title-form::before,
.page-id-719 .wishlist-title .show-title-form::after,
.page-id-719 .wishlist-title .ajax-loading,
.page-id-719 .yith-wcwl-wishlist-title .ajax-loading {
  display: none !important;
  visibility: hidden !important;
  content: none !important;
  pointer-events: none !important;
}

/* Empêche le bloc invisible de garder une place vide */
.page-id-719 .wishlist-title .wishlist-title-with-form {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Anti-flash de la grosse croix (Magnific Popup / YITH) */
/* Cache la croix et les wrappers tant que le popup n'est pas initialisé */
html:not(.mfp-ready) .mfp-close,
html:not(.mfp-ready) .mfp-wrap,
html:not(.mfp-ready) .mfp-bg {
  display: none !important;
  visibility: hidden !important;
}

/* Quand le popup est prêt, on laisse le style normal reprendre la main */
html.mfp-ready .mfp-close,
html.mfp-ready .mfp-wrap,
html.mfp-ready .mfp-bg {
  display: block;
  visibility: visible;
}

/* Ciblage spécifique du message YITH si besoin */
html:not(.mfp-ready) #yith-wcwl-popup-message,
html:not(.mfp-ready) #yith-wcwl-popup-message .mfp-close {
  display: none !important;
  visibility: hidden !important;
}

.ast-site-header-cart.ast-menu-cart-outline .ast-addon-cart-wrap {
  line-height: 0;
}


.archive .woocommerce-products-header__title,
.woocommerce-page .woocommerce-products-header__title,
.single-product .product_title,
.page .entry-title,
.blog .entry-title,
.single-post .entry-title {
  color: #e60789 !important;
}


/* Fix flash bleu uniquement sur les titres WooCommerce */
.woocommerce-products-header__title,
.woocommerce-products-header__title a,
.woocommerce-products-header__title a:link,
.woocommerce-products-header__title a:visited,
.woocommerce-products-header__title a:hover,
.woocommerce-products-header__title a:active {
  color: #e60789 !important;
  text-decoration: none;
}

/* Respecter les majuscules écrites manuellement */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    text-transform: none !important;
}

/* Masquer la ligne "Poids" dans Informations complémentaires WooCommerce */
.woocommerce-product-attributes-item--weight { display: none !important; }

/* ===== PANIERS / CHECKOUT : Paiement express groupé ===== */

/* 1) Forcer l’ordre des éléments (PayPal + GPay avant le bouton principal) */
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout{
  display: flex;
  flex-direction: column;
}

/* Ordre : PayPal (1) → GPay (2) → bouton principal (3) */
.wc-proceed-to-checkout .ppc-button-wrapper{ order: 1; }
.wc-proceed-to-checkout .wcpay-express-checkout-wrapper{ order: 2; }
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward{ order: 3; }

/* 2) Cartes visuelles identiques pour PayPal et GPay */
.woocommerce-cart .ppc-button-wrapper,
.woocommerce-checkout .ppc-button-wrapper,
.woocommerce-cart .wcpay-express-checkout-wrapper,
.woocommerce-checkout .wcpay-express-checkout-wrapper{
  background: #fff;
  border: 1px solid #eee;
  padding: 12px;
  border-radius: 12px;
  margin: 12px 0 0; /* on enlève l’écart du bas, géré juste après */
}

/* Coller GPay sous PayPal pour faire un seul “groupe” visuel */
.woocommerce-cart .ppc-button-wrapper,
.woocommerce-checkout .ppc-button-wrapper{
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.woocommerce-cart .wcpay-express-checkout-wrapper,
.woocommerce-checkout .wcpay-express-checkout-wrapper{
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #eee;
}

/* 3) Titre “Paiement express” : affiché UNE seule fois (sur le bloc PayPal) */
.woocommerce-cart .ppc-button-wrapper::before,
.woocommerce-checkout .ppc-button-wrapper::before{
  content: "Paiement express";
  display: block;
  font-weight: 600;
  font-size: 0.85rem; /* ← taille réduite */
  margin: 0 0 8px;
}
.woocommerce-cart .wcpay-express-checkout-wrapper::before,
.woocommerce-checkout .wcpay-express-checkout-wrapper::before{
  content: none !important;-
}

/* Si Google Pay ajoute son propre libellé, on le supprime */
#google-button-container::before{ content: none !important; }

/* 4) Séparateur “ou” + espace avant le bouton principal */
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward{
  margin-top: 16px !important;
}

/* Spécifique à la page Commande (ID 8) */
.page-id-8 .ppcp-messages, /* texte “Payez en 4 échéances” */
.page-id-8 .wcpay-express-checkout-wrapper, /* bloc Google Pay */
.page-id-8 .wcpay-payment-request-wrapper, 
.page-id-8 .wcpay-payment-request-button, 
.page-id-8 .ppc-button-wrapper::before { /* libellé “Paiement express” tout seul en bas */
  display: none !important;
}

/* Cache le label d’origine et plie le bloc par défaut */
#pwgc-redeem-gift-card-container label { display: none !important; }
#pwgc-redeem-gift-card-container.pwgc-collapsed #pwgc-redeem-gift-card-number,
#pwgc-redeem-gift-card-container.pwgc-collapsed #pwgc-redeem-button,
#pwgc-redeem-gift-card-container.pwgc-collapsed br {
  display: none !important;
}

/* Lien cliquable "Numéro de carte-cadeau" */
#pwgc-redeem-gift-card-container .pwgc-toggle {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  color: #c2185b; /* ton rose */
  font-size: 14px;
  margin: 6px 0;
}

/* Option : rendre le bouton discret quand il est affiché */
#pwgc-redeem-gift-card-container #pwgc-redeem-button {
  background: #f6f6f6 !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}

/* Lien "Numéro de carte-cadeau" en gris discret */
#pwgc-redeem-gift-card-container .pwgc-toggle {
  color: #666 !important;     /* gris foncé */
  text-decoration: underline;
  font-size: 14px;
  margin: 6px 0;
  cursor: pointer;
}

/* === CHECKOUT UNIQUEMENT === */
body.woocommerce-checkout {

  /* 1) Masquer TOUT ce qui concerne le code promo au checkout (Astra/Woo) */
  #ast-checkout-coupon,
  #ast-checkout-coupon .coupon,
  #ast-checkout-coupon #ast-coupon-trigger,
  .woocommerce-form-coupon-toggle,
  form.checkout_coupon,
  .woocommerce-form-coupon { 
    display: none !important;
  }

  /* 3) Champ entreprise (tu l’avais déjà retiré, je laisse ici pour mémoire) */
  #billing_company_field,
  #shipping_company_field {
    display: none !important;
  }
}

/* Checkout – masquer TOUT ce qui touche aux cartes-cadeaux (PW Gift Cards) */
body.woocommerce-checkout #pwgc-redeem-gift-card-container,
body.woocommerce-checkout .pwgc-redeem-gift-card-container,
body.woocommerce-checkout .pwgc-redeem-gift-card,
body.woocommerce-checkout .pwgc-redeem-gift-card-form,
body.woocommerce-checkout input[id*="pwgc-redeem-gift-card-number"],
body.woocommerce-checkout [id*="pwgc-redeem-button"],
body.woocommerce-checkout [class*="pwgc-apply"],
body.woocommerce-checkout [class*="apply-gift-card"],
body.woocommerce-checkout [id*="apply-gift-card"]{
  display: none !important;
}

/* Nettoyage de l’espace résiduel, au cas où */
body.woocommerce-checkout .pwgc-redeem-gift-card-container,
body.woocommerce-checkout .pwgc-redeem-gift-card-form{
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

/* Checkout : masquer le titre de page "Commande" */
.woocommerce-checkout .entry-title,
.woocommerce-checkout .ast-archive-title,
.woocommerce-checkout .page-title,
.woocommerce-checkout .entry-header {
  display: none !important;
}

/* Cacher le champ code promo par défaut */
.woocommerce-cart .coupon,
.woocommerce-checkout .checkout_coupon {
    display: none;
}

/* Style du lien "Vous avez un code promo ?" */
a.toggle-coupon-link {
    display: inline-block;
    margin: 10px 0;
    color: #E60789; /* ton rose fuchsia */
    font-weight: 500;
    cursor: pointer;
    text-decoration: underline;
}

/* Réduit l'espace entre "Numéro de carte-cadeau" et "Vous avez un code promo ?" */
#ast-checkout-coupon {
    margin-top: 2px !important; /* ajuste la valeur si tu veux encore moins d'espace */
}

.reassurance-message {
    text-align: center;
    display: block;
    font-size: 14px;
    color: #666; /* gris doux */
    font-style: italic;
    margin: 12px 0;
}

/* PANIER : "ou" entre Paiement express et le bouton final */
.woocommerce-cart .wcpay-express-checkout-wrapper::after {
  content: "— ou —";
  display: block;
  text-align: center;
  margin: 16px 0;
  color: #666;
  font-style: italic;
  font-size: 15px;
}

/* Cache tout bloc tagué pour le checkout */
.woocommerce-checkout .hide-on-checkout { display: none !important; }

/* Si c’est le widget Smash Balloon sans classe dédiée */
.woocommerce-checkout .sb_instagram,
.woocommerce-checkout .sbi,
.woocommerce-checkout #sb_instagram { display: none !important; }