/*
Theme Name: Hello Elementor Enfant
Description: Theme enfant de Hello Elementor.
Author: Pierrick Pralong
Author URI: http://panierdepixels.fr/
Template: hello-elementor
Version: 1.0
*/
/*////////////////////////// TELEPHONE OBLIGATOIRE LORS DE LA CAOMMANDE ////////////////////////*/
#billing_phone_field .optional {
    display: none;
}
#billing_phone_field label::after {
    content: "*";
    color: #e2401c;
    margin-left: 4px;
}
/*////////////////////////// TELEPHONE OBLIGATOIRE LORS DE LA CAOMMANDE ////////////////////////*/


/*BTN*/
/*-- Animer les bouton effet defilement gauche droite en hover --*/
/* Btn de base*/
.p9-btn-hover-anime a.elementor-button {
 position: relative; overflow: hidden; background: transparent;
  z-index: 1; transition: color 0.3s ease; border: 1px solid var(--e-global-color-accent);
}
/* Couche rouge animée */
.p9-btn-hover-anime a.elementor-button::before {
  content: ""; position: absolute; inset: 0; background: var(--e-global-color-accent);
  transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;  z-index: 0;
}
/* On remet le texte au-dessus */
.p9-btn-hover-anime .elementor-button .elementor-button-content-wrapper {
  position: relative; z-index: 2;
}
/* Animation au hover */
.p9-btn-hover-anime a.elementor-button:hover::before {
  transform: scaleX(1);
}

/* Texte en blanc au hover */
.p9-btn-hover-anime a.elementor-button:hover {
  color: #fff !important;
}
/*-- Fin Animer les bouton effet defilement gauche droite en hover --*/

/** CATEGORIE DE PRODUIT **/

/** PRODUIT SINGLE **/
body.woocommerce .product  table.variations tbody th,
body.woocommerce .product  table.variations tbody td {background-color: transparent; padding: 0px;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, 
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price
{color: var(--e-global-color-primary);}

body.woocommerce .product  table.variations {text-align: left;}
body.woocommerce .product .single_variation_wrap .woocommerce-variation-add-to-cart {margin-top:10px;}


/* ==========================================================
   WOOCOMMERCE LOOP
   Rêves de Beauté
   ========================================================== */

/* ----------------------------------------------------------
   Carte produit
---------------------------------------------------------- */

.e-loop-item{
    position:relative;
}

/* ----------------------------------------------------------
   Image produit
---------------------------------------------------------- */

.e-loop-item .elementor-widget-image{
    position:relative;
}

/* ----------------------------------------------------------
   Formulaire panier
---------------------------------------------------------- */

.e-loop-item .elementor-add-to-cart,
.e-loop-item .elementor-product-simple,
.e-loop-item .elementor-product-variable,
.e-loop-item .e-loop-add-to-cart-form-container,
.e-loop-item form.cart{
    width:100%;
}

.e-loop-item .e-atc-qty-button-holder{
    display:flex;
    align-items:stretch;
    gap:10px;
    width:100%;
}

/* ----------------------------------------------------------
   Quantité
---------------------------------------------------------- */

.e-loop-item .quantity{
    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(0,0,0,.12);
    border-radius:8px;

    overflow:hidden;
    background:#fff;
}

.e-loop-item .quantity input.qty{
    width:60px;
    min-height:46px;

    border:none;
    background:none;

    text-align:center;
    font-size:14px;
    font-weight:500;
}

/* ----------------------------------------------------------
   Bouton Ajouter au panier
---------------------------------------------------------- */

.e-loop-item a.ajax_add_to_cart,
.e-loop-item a.product_type_simple,
.e-loop-item button.single_add_to_cart_button{
    flex:1;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:46px;
    padding:12px 18px;

    border:none;
    border-radius:8px;

    background:var(--e-global-color-primary);
    color:#fff !important;

    text-decoration:none;
    font-weight:600;
    font-size:14px;

    transition:.25s ease;
}

.e-loop-item a.ajax_add_to_cart:hover,
.e-loop-item a.product_type_simple:hover,
.e-loop-item button.single_add_to_cart_button:hover{
    opacity:.9;
}

/* ----------------------------------------------------------
   QUICK VIEW PRODUITS SIMPLES
---------------------------------------------------------- */

.e-loop-item.product-type-simple .xt_wooqv-show-on-all{
    position:absolute;
    bottom:-30px;
    right:15px;
    z-index:20;
}

.e-loop-item.product-type-simple .xt_wooqv-trigger{
    width:44px;
    height:44px;
    min-height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    /*padding:20;*/

    border-radius:999px;

    background:#fff;
    color:#333;

    box-shadow:0 1px 6px rgba(0,0,0,.18);

    transition:.25s ease;
}

.e-loop-item.product-type-simple .xt_wooqv-trigger:hover{
    transform:scale(1.08);
}

.e-loop-item.product-type-simple .xt_wooqv-trigger-icon{
    display:block !important;
}

.e-loop-item.product-type-simple .xt_wooqv-trigger::after{
    display:none;
}

/* ----------------------------------------------------------
   PRODUITS VARIABLES
---------------------------------------------------------- */

/* Masque le bouton WooCommerce natif */

.e-loop-item.product-type-variable a.product_type_variable{
    display:none !important;
}

/* Le Quick View devient le CTA principal */

.e-loop-item.product-type-variable .xt_wooqv-show-on-all{
    display:block;
    width:100%;
}

.e-loop-item.product-type-variable .xt_wooqv-trigger{
    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:46px;
    padding:12px 18px;

    border-radius:8px;

    background:var(--e-global-color-primary) !important;
    color:#fff !important;

    text-decoration:none;
    font-weight:600;
    font-size:14px;

    box-sizing:border-box;

    transition:.25s ease;
}

.e-loop-item.product-type-variable .xt_wooqv-trigger:hover{
    opacity:.9;
}

.e-loop-item.product-type-variable .xt_wooqv-trigger-icon{
    display:block !important;
}

.e-loop-item.product-type-variable .xt_wooqv-trigger::after{
    content:"Choix des options";
}

/* ----------------------------------------------------------
   Lien panier ajouté
---------------------------------------------------------- */

.e-loop-item .added_to_cart{
    display:none !important;
}

/* ----------------------------------------------------------
   Bouton En savoir plus Elementor
---------------------------------------------------------- */

.e-loop-item .elementor-button{
    width:100%;
}

/* ----------------------------------------------------------
   Mobile
---------------------------------------------------------- */

@media (max-width:767px){

    .e-loop-item .e-atc-qty-button-holder{
        flex-direction:column;
    }

    .e-loop-item .quantity{
        width:100%;
    }

    .e-loop-item .quantity input.qty{
        width:100%;
    }

    .e-loop-item.product-type-simple .xt_wooqv-show-on-all{
        right:10px;
        bottom:10px;
    }

    .e-loop-item.product-type-simple .xt_wooqv-trigger{
        width:40px;
        height:40px;
        min-height:40px;
    }
}

/* ----------------------------------------------------------
   QUICK VIEW - Ajouter au panier
---------------------------------------------------------- */

.xt_wooqv-product .single_add_to_cart_button{
    flex:1;

    display:flex !important;
    align-items:center;
    justify-content:center;

    min-height:46px;
    padding:12px 18px;

    border:none !important;
    border-radius:8px;

    background:var(--e-global-color-primary) !important;
    color:#fff !important;

    text-decoration:none;
    font-weight:600;
    font-size:14px;

    transition:.25s ease;
}

.xt_wooqv-product .single_add_to_cart_button:hover{
    opacity:.9;
}

/* ----------------------------------------------------------
   QUICK VIEW - En savoir plus
---------------------------------------------------------- */

.xt_wooqv-product .xt_wooqv-more-info{

    width:100%;

    display:flex !important;
    align-items:center;
    justify-content:flex-start; /* Aligné à gauche */

    padding:0;
    margin-top:10px;


    color:#54595F !important;

    text-decoration:underline !important;

    cursor:pointer;
}

.xt_wooqv-product .xt_wooqv-more-info:hover{
    color:#54595F !important;
    background:transparent !important;
    text-decoration:underline !important;
}

.xt_wooqv-more-info { font-size: 0 !important; }
.xt_wooqv-more-info::after {
    content: "En savoir plus";
    font-size: 14px !important;
    display: block;
}

/* ----------------------------------------------------------
   QUICK VIEW - Ajouter au panier
---------------------------------------------------------- */

/* ----------------------------------------------------------
   PARTICULE (VRAI PANIER SVG GARANTI)
---------------------------------------------------------- */
.rdb-fly-particle {
    position: fixed;
    width: 26px;  /* Taille de la particule */
    height: 26px;
    z-index: 999999;
    pointer-events: none;

    /* Intégration du panier en SVG masqué pour pouvoir lui appliquer ta couleur globale */
    background-color: var(--e-global-color-text);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.88l70.248 343.433C147.308 418.966 136 439.14 136 462c0 27.614 22.386 50 50 50h292c27.614 0 50-22.386 50-50 0-26.628-20.727-48.428-47.013-49.917l-1.604-7.854a24.004 24.004 0 0 0-23.425-19.229H236.009l-8.163-40H504.6c11.393 0 21.215-8.014 23.52-19.319zM186 488c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm256 0c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M528.12 301.319l47.273-208C578.806 78.301 567.391 64 551.99 64H159.208l-9.166-44.81C147.758 8.021 137.93 0 126.529 0H24C10.745 0 0 10.745 0 24v16c0 13.255 10.745 24 24 24h69.88l70.248 343.433C147.308 418.966 136 439.14 136 462c0 27.614 22.386 50 50 50h292c27.614 0 50-22.386 50-50 0-26.628-20.727-48.428-47.013-49.917l-1.604-7.854a24.004 24.004 0 0 0-23.425-19.229H236.009l-8.163-40H504.6c11.393 0 21.215-8.014 23.52-19.319zM186 488c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24zm256 0c0-13.255 10.745-24 24-24s24 10.745 24 24-10.745 24-24 24-24-10.745-24-24z'/></svg>") no-repeat center / contain;

    /* Vitesse de vol ralentie (1.1s) */
    transition:
        left 1.1s cubic-bezier(.25,.8,.25,1),
        top 1.1s cubic-bezier(.25,.8,.25,1),
        transform 1.1s ease,
        opacity 1.1s ease;
}

.rdb-fly-particle.flying {
    transform: scale(.2) rotate(30deg);
    opacity: 0;
}

/* ----------------------------------------------------------
   ANIMATION DU PANIER CIBLE (BUMP)
---------------------------------------------------------- */
.rdb-cart-bump {
    animation: rdb-cart-bump .45s ease;
}

@keyframes rdb-cart-bump {
    0% { transform: scale(1); }
    50% { transform: scale(1.25); }
    100% { transform: scale(1); }
}

/* ----------------------------------------------------------
   Livraison offerte
---------------------------------------------------------- */
/* Livraison offerte : cachée par défaut, visible seulement sur les produits Boutique */
.e-con.rdb-livraison-offerte { display: none !important; }
body.rdb-boutique .e-con.rdb-livraison-offerte { display: flex !important; }