/* =========================================================
   BARATHONIEN – UI FICHE PRODUIT
   Prix + Ajouter au panier
   ========================================================= */


/* Rangée prix + ATC (contener Elementor parent) */
.bar-product-price-atc-row {
    display: flex;
    align-items: center;

    /* 🔥 Le bon comportement */
    justify-content: flex-start;

    gap: 1.5rem;
    /* On réduit l’écart */
    flex-wrap: nowrap;
}

/* Bloc prix à gauche */
.bar-product-price-block {
    flex: 0 0 auto;
}

/* Bloc ATC à droite */
.bar-product-atc-block {
    flex: 1 1 auto;
}

/* Forcer les conteneurs enfants à ne PAS faire 100% de largeur (Elementor e-con-full) */
.bar-product-price-atc-row>.bar-product-price-block,
.bar-product-price-atc-row>.bar-product-atc-block {
    width: auto;
    max-width: none;
    flex: 0 0 auto;
}




/* ---------- 1. Prix produit ---------- */

.bar-price {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Ancien prix (barré, petit gris) */
.bar-price del {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #7d7d7d;
    text-decoration: line-through;
    margin: 0 0 2px 0;
}

.bar-price del .woocommerce-Price-currencySymbol {
    color: #7d7d7d;
    font-weight: 400;
}

/* Prix actuel (gros, vert foncé, sans soulignement) */
.bar-price ins,
.bar-price>.woocommerce-Price-amount,
.bar-price>span.woocommerce-Price-amount {
    display: block;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.1;
    color: #26341b;
    text-decoration: none !important;
    border: 0 !important;
}

.bar-price ins * {
    text-decoration: none !important;
}

.bar-price ins .woocommerce-Price-currencySymbol,
.bar-price>.woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 700;
    color: #26341b;
}

/* Cas produit non soldé (juste un span) */
.bar-price>span {
    font-weight: 700;
    font-size: 25px;
    color: #26341b;
}

/* ---------- 2. Bloc Add to Cart ---------- */

.bar-atc {
    display: grid;
    gap: 0.9rem;
    margin-top: 0.75rem;
    /*width: 100%;*/
}

.bar-atc form.cart {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1rem;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Quantité : pill fond beige avec − [val] + */

.bar-atc form.cart .quantity {
    display: flex;
    align-items: center;
    background: #f9f4e7 !important;
    border: 1px solid #000000 !important;
    border-radius: 25px !important;
    overflow: hidden;
    box-sizing: border-box;
    /* 🔽 largeur contrôlée sur desktop */
    width: 170px;
    flex: 0 0 auto;
}

.bar-atc form.cart .bar-qty-btn {
    background: transparent;
    border: 0;
    color: #26341b !important;
    width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    flex: 0 0 40px;
    cursor: pointer;
    user-select: none;
}

.bar-atc form.cart .bar-qty-minus {
    border-right: 1px solid #000000 !important;
}

.bar-atc form.cart .bar-qty-plus {
    border-left: 1px solid #000000 !important;
}

.bar-atc form.cart .quantity input.qty {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 40px;
    width: auto;
    padding: 0 0.5rem;
    text-align: center;
    border: 0 !important;
    background: transparent !important;
    color: #26341b !important;
    font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
}

/* supprimer les flèches natif number */
.bar-atc form.cart .quantity input.qty::-webkit-outer-spin-button,
.bar-atc form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bar-atc form.cart .quantity input[type=number] {
    -moz-appearance: textfield;
}

/* Bouton Ajouter au panier */

.bar-atc form.cart .single_add_to_cart_button,
.bar-atc form.cart .single_add_to_cart_button.button,
.bar-atc form.cart .single_add_to_cart_button.button.alt {
    font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    background: #e30f73 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 25px !important;
    min-height: 44px;
    padding: 0.75rem 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    box-shadow: none !important;
    transition: background-color 0.15s ease-out;
}

/* Hover : léger assombrissement */
.bar-atc form.cart .single_add_to_cart_button:hover,
.bar-atc form.cart .single_add_to_cart_button:active,
.bar-atc form.cart .single_add_to_cart_button:focus {
    background: #c70d62 !important;
    color: #ffffff !important;
    outline: none !important;
}

/* ---------- 2bis. Message livraison offerte ---------- */

.bar-free-shipping-notice {
    margin: 10px 0 2px;
    padding: 10px 12px;
    border: 1px solid #e7e0cf;
    border-radius: 10px;
    background: #f9f4e7;
    color: #26341b;
    font-family: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

/* ---------- 3. Waitlist YITH ---------- */

.single-product .bar-product-atc-block .yith-wcwtl-output,
.single-product .elementor-widget-shortcode .yith-wcwtl-output {
    background: #f9f4e7 !important;
    border: 0 !important;
    border-radius: 20px !important;
    padding: 25px !important;
    margin: 0;
    box-shadow: none !important;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg {
    margin: 0 0 20px 0;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg p,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg p {
    margin: 0;
    color: #26341b;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg p:first-child,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg p:first-child {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg p + p,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg p + p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg p + p strong,
.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-msg p + p b,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg p + p strong,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-msg p + p b {
    font-weight: 400;
}

.single-product .bar-product-atc-block .yith-wcwtl-output form,
.single-product .bar-product-atc-block .yith-wcwtl-output .wrap-form-fields,
.single-product .elementor-widget-shortcode .yith-wcwtl-output form,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .wrap-form-fields {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin: 0;
}

.single-product .bar-product-atc-block .yith-wcwtl-output form > input[type="email"],
.single-product .bar-product-atc-block .yith-wcwtl-output .wrap-form-fields > input[type="email"],
.single-product .elementor-widget-shortcode .yith-wcwtl-output form > input[type="email"],
.single-product .elementor-widget-shortcode .yith-wcwtl-output .wrap-form-fields > input[type="email"] {
    flex: 0 0 auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 0 20px;
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 12px !important;
    box-sizing: border-box;
    box-shadow: none !important;
}

.single-product .bar-product-atc-block .yith-wcwtl-output form > input[type="email"]::placeholder,
.single-product .bar-product-atc-block .yith-wcwtl-output .wrap-form-fields > input[type="email"]::placeholder,
.single-product .elementor-widget-shortcode .yith-wcwtl-output form > input[type="email"]::placeholder,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .wrap-form-fields > input[type="email"]::placeholder {
    color: #4f4f4f;
    opacity: 1;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-submit,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100%;
    height: 50px;
    padding: 0 24px;
    background: #e30f73 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 25px !important;
    box-shadow: none !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    text-decoration: none;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-submit:hover,
.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-submit:focus,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-submit:hover,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-submit:focus {
    background: #c70d62 !important;
    color: #ffffff !important;
}

.single-product .bar-product-atc-block .yith-wcwtl-output label[for="yith-wcwtl-policy-check"],
.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-notices,
.single-product .bar-product-atc-block .yith-wcwtl-output .counter,
.single-product .elementor-widget-shortcode .yith-wcwtl-output label[for="yith-wcwtl-policy-check"],
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-notices,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .counter {
    flex: 0 0 100%;
}

.single-product .bar-product-atc-block .yith-wcwtl-output label[for="yith-wcwtl-policy-check"],
.single-product .elementor-widget-shortcode .yith-wcwtl-output label[for="yith-wcwtl-policy-check"] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-policy-check,
.single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-policy-check {
    margin-top: 4px;
}

/* Mobile : quantité au-dessus, bouton pleine largeur */

@media (max-width: 768px) {
    .bar-product-price-atc-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem; /* 🔽 réduis l’espace vertical prix ↔ ATC */
    }

    .bar-product-price-atc-row>.bar-product-price-block,
    .bar-product-price-atc-row>.bar-product-atc-block {
        width: 100%;
        flex: 0 0 auto;
    }

    .bar-atc {
        width: 100%;
        margin-top: 0.2rem; /* 🔽 au lieu de 0.75rem */
    }

    .bar-atc form.cart {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
        width: 100% !important;
    }

    .bar-atc form.cart>* {
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
    }

    /* 🔽 sur mobile, la quantité peut devenir full width */
    .bar-atc form.cart .quantity {
        width: 100%;
    }

    .bar-product-atc-block {
        margin-left: 0;
    }

    .single-product .bar-product-atc-block .yith-wcwtl-output form > input[type="email"],
    .single-product .bar-product-atc-block .yith-wcwtl-output .wrap-form-fields > input[type="email"],
    .single-product .bar-product-atc-block .yith-wcwtl-output .yith-wcwtl-submit,
    .single-product .elementor-widget-shortcode .yith-wcwtl-output form > input[type="email"],
    .single-product .elementor-widget-shortcode .yith-wcwtl-output .wrap-form-fields > input[type="email"],
    .single-product .elementor-widget-shortcode .yith-wcwtl-output .yith-wcwtl-submit {
        width: 100% !important;
        max-width: 100%;
    }
}

/* Neutraliser padding Elementor autour du widget ATC si besoin */
.elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* -----------------------------------------------------------------
   Stripe / FunnelKit Express Checkout via [bar_express_checkout]
   - ligne dédiée sous le bloc Prix + ATC
   - neutraliser les largeurs inline injectées par JS FunnelKit
   ----------------------------------------------------------------- */
.single-product .bar-express-checkout #fkwcs_stripe_smart_button_wrapper {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    clear: both;
}

.single-product .bar-express-checkout #fkwcs_stripe_smart_button,
.single-product .bar-express-checkout #fkwcs_custom_express_button,
.single-product .bar-express-checkout #fkwcs_custom_express_button .fkwcs_smart_buttons,
.single-product .bar-express-checkout #fkwcs-payment-request-separator {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.single-product .bar-express-checkout #fkwcs_stripe_smart_button_wrapper .fkwcs_google_pay_wrapper,
.single-product .bar-express-checkout #fkwcs_stripe_smart_button_wrapper .gpay-card-info-container,
.single-product .bar-express-checkout #fkwcs_stripe_smart_button_wrapper .gpay-card-info-iframe {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
}