/* FICHE PRODUIT : Badge RUPTURE DE STOCKS dans blocs cross products */
.soldout,
.woocommerce div.product p.stock {
    padding: 3px 12px;
    text-align: center;
    background-color: #000;
    color: white;
    font-weight: semi-bold;
    position: relative;
    top: 3px;
    right: 0px;
    font-size: 14px;
    border-radius: 3px;
    width: 29%;
}


/*******************************************************************/
/**************  FICHE PRODUIT GALERIE  **********************
/******************************************************************/

/* ------------  WOO FICHE PRODUIT : afficher 5 imgs dans galerie + select en couleur ------------ */

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 7px;
    padding: 0;
    max-width: 100%;
    margin-top: 1.667%;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: calc(20% - 7px);
    /* Prend en compte la marge */
    max-width: calc(20% - 7px);
    margin: 0;
}

.woocommerce div.product div.images .flex-control-thumbs img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border: 1px solid transparent;
    transition: border 0.3s ease;
}

.woocommerce div.product div.images .flex-control-thumbs li .flex-active {
    border-color: #aaaaaa;
}

/*-----------------------------------------------------*/

/* FICHE PRODUIT : ancien BADGE PROMO sur photo produit
  #boutique-page-produit .onsale{
      display:none;
  } */



/*******************************************************************/
/**************  FICHE PRODUIT DESCRIPTION  **********************
/******************************************************************/


/*FICHE PRODUIT : suppression du bottom sous le ranking*/
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0px;
}


/* WOO FICHE PRODUIT + PAGE BOUTIQUE : Style du badge "NOUVEAU"  */
.itsnew {
    padding-top: 10px;
    color: #09a0db;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    z-index: 10;
    white-space: nowrap;
    /* Evite le retour à la ligne */
    position: relative;
    display: inline-block;
    order: -1;
}

#boutique-page-produit .itsnew {
    font-size: 1.8em;
    margin-bottom: 20px;
}


/* WOO FICHE PRODUIT : Afficher le badge nouveau en haut au dessus du titre (facultatif) */
body.single-product .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

/* FICHE PRODUIT : "a partir de"*/
.price .price-label {
    font-size: 0.9rem;
    font-weight: 300;
}

/* FICHE PRODUIT : bloc pour aligner tous les élmts (badge + prix + prix barré) */
p.price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* FICHE PRODUIT : Bloc prix + prix barré */
p.price .price {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* FICHE PRODUIT : BADGE PROMO a coté du prix */
p.price .sale-badge {
    background-color: #42a8e5;
    color: white;
    padding: 4px 8px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 0.7em;
    display: inline-block;
    white-space: nowrap;
}

/* PRIX  */
p.price ins {
    order: 1;
    font-weight: bold;
    color: #222;
}

/* PRIX BARRE */
p.price del {
    order: 2;
    opacity: 0.7;
    font-size: 0.8em;
    font-weight: normal;
}


/* FICHE PRODUIT : puces de la description courte (compatible avec safari)*/
#boutique-page-produit .puce-description-courte .et_pb_module_inner ul {
    padding-left: 0;
    /* Supprime l’indentation par défaut */
    padding-bottom: 0px;
}

#boutique-page-produit .puce-description-courte ul li {
    list-style: none;
    padding-left: 25px;
    position: relative;
    line-height: 19px;
    padding-bottom: 0.5em;
}

#boutique-page-produit .puce-description-courte ul li::before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-weight: 900;
    color: #000;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0.1em;
}



/*******************************************************************/
/**************  FICHE PRODUIT SWACHES  ****************************/
/*******************************************************************/

/* réduction de la cellule du label de l'attribut du swatch*/
table.variations th.label {
    width: 0px;
    white-space: nowrap;
    /* évite les retours à la ligne */
}

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
    display: none;
}

.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li.attr_swatch_design_1,
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.attr_swatch_design_default {
    padding: 0 5px;
    border-radius: 0px;
    height: 35px;
}

.woocommerce div.product form.cart .variations td {
    padding: 0px !important;
}

.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li.attr_swatch_design_default.thwvsf-selected,
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li.attr_swatch_design_1.thwvsf-selected {
    padding: 0 5px;
}

/* FICHE PRODUIT : réduire interlignage entre les variations*/
#boutique-page-produit ul.thwvsf-wrapper-ul {
    padding: 0 0 10px 1em;
}


/*-----------------------------------------------------------*/


/* FICHE PRODUIT : retirer la mention "en stock" */
.woocommerce-variation-availability .in-stock,
.woocommerce div.product p.stock {
    display: none !important;
}

/* FICHE PRODUIT :  : bouton effacer aligné a gauche*/
#boutique-page-produit .reset_variations {
    background: none;
    border: none;
    color: #017693;
    cursor: pointer;
    text-decoration: underline;
    float: left;
    margin-top: 0;
    margin-left: 15px;
}

/* "Effacer" aligné avec les swatches sur Desktop uniquement */
@media (min-width: 1024px) {
    .variations td.value {
        display: flex;
        align-items: center;
        /* aligne verticalement swatches et bouton */
    }

    /* espace entre swatches et bouton */
    .variations td.value .reset_variations {
        margin-left: 10px;
        position: relative;
    }
}


/* FICHE PRODUIT :  cacher le prix qui s'affiche en bas sous les swatches */
#boutique-page-produit .woocommerce-variation-price {
    display: none;
}

/*FICHE PRODUIT : format du prix au dessus des variations */
#page-container .woocommerce div.product span.price,
.woocommerce-page div.product span.price {
    font-weight: 400;
}


/* FICHE PRODUIT :  afficher le prix sous les swatches sur mobile */
@media (max-width: 400px) {
    #boutique-page-produit .woocommerce-variation-price {
        display: block;
    }
}

/* FICHE PRODUIT : bouton panier augmenter espace entre icone et texte*/
#page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button::before,
#page-container .et_pb_section .et_pb_wc_add_to_cart_0_tb_body .button:hover::before {
    margin-left: -1.9em !important;
}




/*******************************************************************/
/**************  FICHE PRODUIT BLOC QTY  ****************************
/******************************************************************/

.woocommerce #boutique-page-produit input[type="number"]::-webkit-inner-spin-button,
.woocommerce #boutique-page-produit input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.woocommerce #boutique-page-produit input[type="number"].qty {
    -moz-appearance: textfield;
}

.woocommerce #boutique-page-produit .quantity {
    border: 1px solid #ddd !important;
}

.woocommerce #boutique-page-produit .quantity input.qty,
.woocommerce #boutique-page-produit .quantity .minus,
.woocommerce #boutique-page-produit .quantity .plus {
    line-height: 16px;
    height: 40px !important;
    background-color: #fff !important;
    color: #000 !important;
    padding: 0 !important;
    float: left;
    font-weight: 600;
    font-size: 20px !important;
}

.woocommerce #boutique-page-produit .quantity .minus,
.woocommerce #boutique-page-produit .quantity .plus {
    border: none !important;
    cursor: pointer;
    width: 40px !important;
    background-color: #f2f2f2 !important;
}

.woocommerce #boutique-page-produit .quantity .minus:hover,
.woocommerce #boutique-page-produit .quantity .plus:hover {
    background-color: #d0d0d0 !important;
}

.woocommerce #boutique-page-produit .quantity input.qty {
    border-left: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    width: 44px !important;
}

div.quantity.hidden {
    border: none !important;
}

/* bloc quantity: Suppression des flèches dans tous les navigateurs */
.woocommerce #boutique-page-produit input[type="number"].qty::-webkit-outer-spin-button,
.woocommerce #boutique-page-produit input[type="number"].qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    /* Safari et Chrome */
    appearance: none;
    /* Edge, Opera */
    margin: 0;
}

/* bloc quantity: Pour Firefox */
.woocommerce #boutique-page-produit input[type="number"].qty {
    -moz-appearance: textfield;
}

/* bloc quantity: Pour les autres navigateurs (y compris Brave) */
.woocommerce #boutique-page-produit input[type="number"].qty {
    appearance: none;
    margin: 0;
    -webkit-appearance: none;
    /* Safari/Chrome */
    -moz-appearance: textfield;
    /* Firefox */
}


/*******************************************************************/
/**************  FICHE PRODUIT ONGLETS  **********************
/******************************************************************/

/*PRODUIT ONGLETS : centrer les titres des onglets*/
#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h2 {
    margin-bottom: 20px;
    text-align: center;}

/* PRODUIT ONGLETS : Textes and co */

#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content table {
    margin-bottom: 30px;}

#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h5,
#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h4,
#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h3 {
    line-height: 1.5em;}

/*titre certificat*/ 
#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h3:nth-child(n+2) {    
    margin: 30px 0px 0px 0;
    font-size: 20px;
    font-weight: 600;
    text-align: left !important;}

/*titre desc onglet*/ 
#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content h2 {
    margin-bottom: 20px;}

/*Label onglet*/ 
#boutique-page-produit-desc .yikes-custom-woo-tab-title {
    margin-bottom: 20px;
}

/*#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content p {
      margin-bottom: 1%;
  }*/


p {/*-------------------------------------------------------------------------------> a supprimer ?*/
    padding-bottom: 2%;
}

#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content span {
    padding-bottom: 0px;}

#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content ul {
    margin: 1em 0 1em 0;}

#boutique-page-produit-desc .et_pb_tab .et_pb_tab_content ul li {
    margin: 0 0 0 2em;
    padding: 0px;}

@media (max-width: 600px) {
    #boutique-page-produit-desc .et_pb_tab .et_pb_tab_content ul li {
        margin: 0 0 0 0;    }
}

/*----------------------*/

/* PRODUIT ONGLETS : masquer les gros titres redondants dans les onglets*/
/*#boutique-page-produit-desc .yikes-custom-woo-tab-title {
      position: absolute;
      left: -9999px;
      top: -9999px;
  }*/

/* PRODUIT ONGLETS : "bt savoir plus" Decription*/
#boutique-page-produit-desc .bt-savoir {
    margin: 60px auto;
    text-align: center;}

#boutique-page-produit-desc .bt-savoir a {
    color: #fff;
    background: #0f969b;
    padding: 10px 10%;
    border-radius: 50pt;
    font-weight: 400;
		transition: background 0.3s ease;}

#boutique-page-produit-desc .bt-savoir a:hover {
    background: #11afb2;}

/* PRODUIT ONGLETS : CONSEILS UTILISATION > #tableau-utilisations avec doses par sachet */
#tableau-utilisations {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;}

#tableau-utilisations th,
#tableau-utilisations td {
    border: 1px solid #a2a2a2;
    padding: 10px;
    text-align: left;
    background-color: #FFFFFF;}

#tableau-utilisations th {
    width: 40%;}

@media (max-width: 600px) {

    #tableau-utilisations,
    #tableau-utilisations tbody,
    #tableau-utilisations tr,
    #tableau-utilisations th,
    #tableau-utilisations td {
        display: block;
        width: 100%;    }

    #tableau-utilisations th {
        text-align: center;
        background-color: #DBDBDB;    }

    #tableau-utilisations td {
        border-top: none; }
}

/* FICHE PRODUIT ONGLETS : CONSEILS UTILISATION COLLAGENE > cadres */
#boutique-page-produit-desc .cadre-conseil {
    border: 2px solid #11afb2;
    padding: 10px;
    width: 80%;
    margin: 20px auto;
    text-align: center;
}

/* FICHE PRODUIT ONGLETS : CONSEILS UTILISATION SPIRULINE > cadres*/
#boutique-page-produit-desc .cadre-conseil-spi {
    background: #f2f2f2;
    padding: 30px;
    width: 100%;
    margin: 20px auto;
}

/* FICHE PRODUIT ONGLETS : COMPOSITION > tableaux----------------------------------------------------------------------*/

/* Ajout du fond des titres */
.nutrition-table .header {
    background-color: #f2f2f2;
}

/* Mettre en gras les cellules d'en-tête */
.nutrition-table .header .nutrition-label,
.nutrition-table .header .nutrition-value {
    font-weight: bold;
    padding: 10px;
    text-align: left;
}

/* Styliser les étiquettes et valeurs dans l'en-tête */
.nutrition-table .header .nutrition-label,
.nutrition-table .header .nutrition-value {
    padding: 20px 0;
    text-align: left;
}

.nutrition-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2em 0;
}

.nutrition-table {
    display: flex;
    flex-wrap: wrap;
    width: 47%;
    min-width: 300px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

/* Lignes standard (2 colonnes) */
.nutrition-row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 6px 30px;
    border-bottom: 1px solid #ccc;
}

/* Lignes pour les tableaux à 3 colonnes */
.nutrition-table.three-cols .nutrition-row {
    display: flex;
    width: 100%;
}

.nutrition-table.three-cols .nutrition-label {
    flex: 1;
    text-align: left;
    padding-right: 10px;
}

.nutrition-table.three-cols .nutrition-value {
    width: 100px;
    /* largeur fixe pour alignement parfait */
    text-align: left;
    /* chiffres à gauche */
}

/* Dernière ligne sans bordure */
.nutrition-row:last-child {
    border-bottom: none;
}

/* Colonnes pour tableaux standard */
.nutrition-label {
    font-size: 0.9rem;
    text-align: left;
    padding-right: 10px;
    font-weight: 400;
}

.nutrition-value {
    font-size: 0.9rem;
    text-align: left;
    width: 28%;
}

/* Responsive pour mobiles */
@media (max-width: 768px) {
    .nutrition-container {
        flex-direction: column;
        width: 100%;
    }

    .nutrition-table {
        width: 100%;
        margin-bottom: 20px;
    }
}



/*******************************************************
************ FICHE PRODUIT COMMENTAIRES  ***************
*******************************************************/

/*FICHE PRODUIT : commentaires :  format phrase "soyez le premier a laisser un  commentaire suite mise à jour*/
#boutique-page-produit .et_pb_wc_reviews_0_tb_body .comment-reply-title {
  font-weight: 200;
  font-size: 1em;
  line-height: 2.7em;
}