/********************************************************************/
/******************** 1- WOO PAGE PANIER  *****************************
/********************************************************************/

/* D'AUTRES CSS dans le DIVI BUILDER */


/* WOO PANIER : retirer l'adresse dans le panier dans le bloc des choix d'expedition*/
.woocommerce-shipping-destination,
.woocommerce-shipping-calculator {
    display: none;
}

/* WOO PANIER : Personnalisation du badge dans les suggestions de produits */
.infos-panier span.onsale {
    background: #ef0053 !important;
    color: #fff;
    padding: 0px 7px !important;
    font-weight: bold !important;
    font-size: 11px;
}

/* WOO CHECKOUT : bouton ajouter un coupon (modif padding et opacité de "appliquer") */
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background: #11afb2;
    padding: 0px;
}

.wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {
    opacity: 1 !important;
}


/* WOO PANIER : Personnalisation du titre "vous aimerez peut-être" */
.infos-panier .cross-sells h2 {
    padding-bottom: 30px;
    color: #fff;
}


/* PANIER : taille textes (dont X€ de TVA)*/
.includes_tax {
    font-size: 15px;
}

/*WOO PANIER couleur de (dont + TVA)*/
table.shop_table tr.order-total td {
    color: #000;
}


/* WOO PANIER : limiter les ventes croisées à 2 (retirer 3 et 4e)
#vente-croisee li:nth-child(n+3) {
    display: none;
}*/


/* 1 - PANIER  Corriger l'affichage du bloc Expédition dans le total panier */
.woocommerce .cart_totals .woocommerce-shipping-totals td[data-title="Expédition"]::before {
    float: none;
    /* Supprime le flottant à droite */
    display: block;
    /* Force le label à s'afficher seul sur une ligne */
    text-align: left;
    /* Label aligné à gauche */
    margin-bottom: 0.5em;
    /* Petit espace entre label et options */
}

/* 2 - PANIER S'assurer que les options s'alignent à gauche */
.woocommerce .cart_totals .woocommerce-shipping-totals td ul#shipping_method {
    text-align: left;
    padding-left: 0;
    /* Supprime indentation éventuelle */
}






/* PANIER : custom du bouton [enlever] à côté des codes promos*/
.woocommerce-remove-coupon {
    color: #bc1414;
    font-size: 23px;
    text-decoration: none;
    font-weight: bold;
    margin-left: 5px;
}
.woocommerce-remove-coupon:hover {
    color: #E02B20;
}



/***************************************************************************
************************* 2 - CHECKOUT ************************************ 
****************************************************************************/

/* CHECKOUT : Verrou visuel + fonctionnel pendant validation paiement */
#mr-page-locker {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    cursor: wait;
}

#mr-page-locker-message {
    background: white;
    padding: 20px 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    font-size: 1.3em;
    color: #0073aa;
    font-weight: bold;
}

/* CHECKOUT : Empêche toute interaction + scroll pendant validation paiement*/
body.mr-lock-ui {
    overflow: hidden;
}

body.mr-lock-ui>*:not(#mr-page-locker) {
    pointer-events: none !important;
    user-select: none !important;
}


/* CHECKOUT Cibler uniquement le dernier bloc qui contient le Total */
.wc-block-components-checkout-order-summary__content .wc-block-components-totals-item.wc-block-components-totals-footer-item {
    background: #000;
    color: #fff;
    padding: 16px;
}

.wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:last-of-type {
    padding: 0px 0 !important;
}

/* décalage des logos de paiement sécurisé*/
.logo-paiement-checkout {
    margin-top: 30px;
}


/* --------------------------------------
CHECKOUT Réaligner les expeditions à   gauche sur mobile
---------------------------------------
.woocommerce ul#shipping_method {
text-align: left;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
  content: attr(data-title) ": ";
  font-weight: 700;
  float: left;
}
*/



/*---------------------------------------------------------------------------
/* CHECKOUT Layout 70/30 pour l'option free_shipping 
/*----------------------------------------------------------------------------*/
.woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
    box-sizing: border-box;
}

/* partie gauche (libellé) ~75% */
.woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
    white-space: normal;
    /* autorise le wrapping sur cette zone */
    overflow-wrap: break-word;
    /* évite les débordements */
}

/* partie droite (prix / "Gratuit") ~25% alignée à droite */
.woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__secondary-label {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    white-space: nowrap;
    /* garde "Gratuit" sur une seule ligne */
}

/* Responsive : sur petits écrans empiler proprement */
@media (max-width: 600px) {
    .woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__label {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .woocommerce-checkout label input[value^="free_shipping"]+.wc-block-components-radio-control__option-layout .wc-block-components-radio-control__secondary-label {
        text-align: left;
        white-space: normal;
        margin-top: 0.35rem;
        max-width: 100%;
    }
}


/* WOO CHECKOUT : augmenter taille des cellules des noms d'expeditions mondial relais collissimo etc.*/
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__secondary-label {
    width: 100%;
}

/* WOO CHECKOUT : cacher phrase "pas de classes d'expedition pour ce poids..."*/
p.mrwp_erreur {
    display: none !important;
}

/* WOO CHECKOUT : retrait du badge de stock. Classe css sur le bloc concerné dans la page*/
.checkout-stock .wc-block-components-product-badge.wc-block-components-product-low-stock-badge {
    display: none;
}

/* WOO CHECKOUT : décalage sidebar vers le bas*/
.is-large .wc-block-checkout__sidebar {
    top: 130px !important;
}

/* WOO CHECKOUT : style du bloc résumé commande apres achat*/
.woocommerce-order p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin-bottom: 30px;
}

.woocommerce-order ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    border: 1px solid grey;
    padding: 15px !important;
}

/* WOO CHECKOUT : bouton de paiement */
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.wc-block-components-checkout-place-order-button--full-width.contained {
    background-color: #017693;
}


/*---------------------------------------------------------------------------------
 CHECKOUT : customisation de la colonne récap
---------------------------------------------------------------------------------*/
.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
  border-left: 1px solid gray;
  padding-left: 20px;
}

.wp-block-woocommerce-checkout-order-summary-block {
  background: #f4f4f4;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
  line-height: 1.3em;
}
.wc-block-components-product-details__name{
	font-weight:500;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
  line-height: 1.375;
  margin-top: 0px;
}
.wc-block-components-product-details.wc-block-components-product-details {
  margin: -0.5em 0;
}



/* style du bloc "code promo"*/
.checkout-recap .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
  background-color: #017693;
  color: #fff;
}




/*-----------------------------------------------------------------
/* Gestion de MONDIAL RELAIS
/*---------------------------------------------------------------*/

/* WOO CHECKOUT : MONDIAL RELAIS bouton "choisir un relais ou lockers"*/
button#mrwpbutton {
    border: none;
}

/* WOO CHECKOUT : MONDIAL RELAIS modale - bouton de validation mondial relay*/
#delivery_point_chosen {
    padding: 10px 20px;
    background-color: #96154A;
    font-size: 17px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    color: #FFFFFF;
}

/* WOO CHECKOUT : MONDIAL RELAIS modale - bouton de validation mondial relay*/
#delivery_point_chosen:hover {
    background-color: #BF0C56;
}

/* WOO CHECKOUT : MONDIAL RELAIS modale - décaler vers bas la popup pr voir la croix de fermeture*/
@media screen and (max-height: 1000px) {
    .modaal-inner-wrapper {
        padding-top: 160px !important;
    }
}

/* WOO CHECKOUT : MONDIAL RELAIS adresse du point relais selectionné*/
p.parcel_shop_info {
    margin-top: 20px;
    background-color: #ebebeb;
    padding: 20px;
}



/*-----------------------------------------------------------------
/* MONDIAL RELAIS : Gestion de l'icone colissimo
/*---------------------------------------------------------------*/

/* CHECKOUT : ajouter l'Icône Colissimo sans signature dans checkout */
label[for*="lpc_nosign"] .wc-block-components-radio-control__label-group::before,
/* ajouter l'Icône Colissimo avec signature dans checkout */
label[for*="lpc_sign"] .wc-block-components-radio-control__label-group::before {
    content: "";
    display: inline-block;
    width: 80px;
    height: 40px;
    margin-right: 5px;
    vertical-align: middle;
    background: url('/wp-content/uploads/colissimo_icon.png') no-repeat center / contain;
}

/* CHECKOUT : Forcer l’affichage de Colissimo en une seule ligne comme Mondial Relay */
.woocommerce-shipping-methods label br {
    display: none;
}

/* CHECKOUT : Style personnalisé pour l’icône Colissimo dans le panier */
.woocommerce-shipping-methods img.lpc_shipping_icon {
    max-width: 8% !important;
    display: inline !important;
    vertical-align: middle !important;
    margin-top: -15px !important;
    margin-bottom: -12px !important;
    margin-left: 4px !important;
    margin-right: 5px;

}