/*
Theme Name: Divi Child
Template: Divi
*/

/* Supprimé car il casse la mise en page centrale du thème Divi */
/* #main-content .container {
    width: 100%;
} */

#main-content .container {
    width: 100%;
}
body.woocommerce-account h3 {
    color: #333 !important;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@media only screen and (min-width: 600px) {
    .entry-content {
        margin-left: 0% !important;
    }
}

/* Structure globale du formulaire */
.woocommerce-address-fields {
    background: #ffffff;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    max-width: 700px;
    margin: auto;
}

/* Titre */
.woocommerce h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    text-align: center;
    font-weight: 600;
}

/* Champs du formulaire */
.woocommerce-address-fields input,
.woocommerce-address-fields select {
    width: 100%;
    padding: 12px 14px;
    font-size: 16px;
    margin-bottom: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: border-color 0.3s ease;
}

.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus {
    border-color: #54922f; /* Couleur verte du site */
    outline: none;
}

/* Étiquettes */
.woocommerce-address-fields label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #333;
}

/* Boutons */
.woocommerce-address-fields button,
.woocommerce form .form-row input.button {
    background-color: #54922f;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    margin: auto;
}

.woocommerce-address-fields button:hover,
.woocommerce form .form-row input.button:hover {
    background-color: #437220;
}

/* Responsive pour le formulaire */
@media screen and (max-width: 768px) {
    .woocommerce-address-fields {
        padding: 1rem;
    }
}

/* ✅ Mise en page Mon compte uniquement (sans affecter accueil) */
body.woocommerce-account .woocommerce {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    width: 900px;
    margin: auto;
    padding: 2rem;
}

/* Menu à gauche */
body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22%;
    min-width: 200px;
}

/* Contenu principal à droite */
body.woocommerce-account .woocommerce-MyAccount-content {
    width: 70%;
    max-width: 800px;
}

/* Responsive */
@media screen and (max-width: 768px) {
    body.woocommerce-account .woocommerce {
        flex-direction: column;
        padding: 1rem;
    }

    body.woocommerce-account .woocommerce-MyAccount-navigation,
    body.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }
}
.woocommerce-EditAccountForm{
	margin-top:30px !important;
}


#retourboutique {
    display: inline-block;
    background-color: #29A22E;
    color: white;
    padding: 15px 14px;         /* réduit la hauteur */
    font-size: 14px;           /* plus petit que 18px */
    margin: 10px 0;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 1.4;
}

#retourboutique:hover {
    background-color: #218a26;
    transform: scale(1.01);
}


table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
  margin-top: 40px !important; /* ou ajuste à 40px si besoin */
}



/* FOOTER COMPACT & MODERNE */

#myfooter {
  padding: 20px 0 !important;
  background-color: #e0efe0 !important;
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
}

#myfooter h2, 
#myfooter h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  color: #333;
}

#myfooter p,
#myfooter a {
  color: #333;
  line-height: 1.6;
  text-decoration: none;
}

#myfooter a:hover {
  color: #2d915b;
  text-decoration: underline;
}

#myfooter .et_pb_column {
  padding: 10px;
}

#myfooter .et_pb_row {
  justify-content: center;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

@media (max-width: 768px) {
  #myfooter .et_pb_column {
    width: 100% !important;
    text-align: center;
  }

  #myfooter .et_pb_row {
    flex-direction: column;
    align-items: center;
  }

  #myfooter h2, 
  #myfooter h3 {
    text-align: center !important;
  }
}

.woocommerce .woocommerce-form-login .lost_password {
    display: none !important;
}



#password-lost-form-wrap {
    margin-top: -390px;
    margin-left: 70px;
    max-width: 350px;
    float: left;
    clear: both;
}

@media (min-width: 768px) {
    #password-lost-form-wrap {
        position: relative;
        top: -450px;
        left: 65px;
        max-width: 360px;
    }
}


.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-affliates a:before {
    display: none !important;
    content: none !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--referral a:before{
    display: none !important;
    content: none !important;
}

.somfrp-lost-pass-form-text {
    display: none !important;
}

#myfooter {
    background-color: #9cbe9c !important;
}



.programme-fidelite {
  color: #000000 !important;
  font-style: normal !important;
}


.container::before {
    display: none !important;
}
form[role="search"] {
    display: none !important;
}

/* Appliquer uniquement sur la page d'édition d'adresse */
body.woocommerce-edit-address .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 !important;
    float: none !important;
    margin-left: 5% !important; /* Décale légèrement vers la droite */
}

/* Réduit la colonne de navigation à gauche */
body.woocommerce-edit-address .woocommerce-MyAccount-navigation {
    width: 1% !important;
    max-width: 1% !important;
}

body.woocommerce-account #customer_login .u-column1
 {
    width: 350px !important;
}


body.woocommerce-account #customer_login .u-column2
 {
    width: 350px !important;
}

/***************************/

/* Uniformiser les champs du mot de passe oublié */
#lostpasswordform input[type="text"],
#lostpasswordform input[type="email"] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
	background-color: #eee; /* gris clair */
    border-radius: 4px;
    font-size: 16px;
    box-shadow: none;
    margin-top: 5px;
    margin-bottom: 15px;
}

/* Uniformiser le bouton reset */
#lostpasswordform input[type="submit"] {
    background-color: #007cba;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease;
}

#lostpasswordform input[type="submit"]:hover {
    background-color: #005fa3;
}

/***SEPARATION*************/

/* Style des champs du formulaire de réinitialisation de mot de passe */
form#resetpasswordform input[type="password"] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f5f5f5; /* même gris clair */
    font-size: 15px;
    color: #333;
    box-shadow: none;
}

/* Style du bouton Reset Password */
form#resetpasswordform input[type="submit"] {
    background-color: #007cba;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease;
    margin-top: 10px;
}

form#resetpasswordform input[type="submit"]:hover {
    background-color: #005fa3;
}

.woocommerce-error {

    margin: 0 0 2em;
    position: absolute;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

body.woocommerce-page.woocommerce-lost-password .lost-password-link {
    display: none !important;
}

.wc_reset_password {
    display: block;
    margin: 20px auto 0 auto;
    padding: 0.6em 1.2em;
    text-align: center;
}

body.logged-in .lost-password-link {
    display: none !important;
}

p.referral_terms_conditions.form-row.form-row-wide {
    display: none !important;
}

.lost-password-link.woocommerce-Button {
    padding: 0.5em 1.1em !important;
    font-size: 1em !important;
    display: inline-block;
    width: auto !important;
    margin-top: 0.5em;
}

/* Supprime les marges et paddings du bloc parent */
.afreg_extra_fields {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* Supprime le h3 inutile s’il est toujours là */
.afreg_extra_fields h3 {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Réduction de l’espacement entre les champs */
.afreg_extra_fields .form-row {
    margin: 0 !important;
    padding: 2px 0 !important;
}

/* Réduction de l’espacement des paragraphes éventuels */
.afreg_extra_fields p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px;
}

/* Optionnel : réduction du bouton s’il est dans ce bloc */
.afreg_extra_fields button,
.afreg_extra_fields .button {
    margin-top: 5px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
}

/******************************/

/* Empiler verticalement les 3 blocs stats */
.woocommerce-account .referral_program_overview {
    display: block !important;  /* forcé même sur grand écran */
    text-align: center;
    margin-bottom: 30px;
}

.woocommerce-account .referral_program_overview > .m_stats {
    width: 100%;
    margin: 0 auto 20px auto;
}

.referral_program_overview .referral_program_stats {
    width: 100% !important;
    display: block !important;
    margin-bottom: 20px;
}


/*****************************/
.referral_program_content img.lazyloaded {
    max-width: 300px !important;  /* taille maximum */
    height: auto !important;      /* conserve les proportions */
    display: block;
    margin: 20px auto;
}


.wmc-banner-preview img {
    max-width: 240px;
    height: auto;
    margin-top: 5px;
}

.wmc-banner-preview {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

/*****************************/


/* Masquer uniquement le prix barré (ancien prix) */
.wc-block-components-product-price__regular {
    text-decoration: none !important; /* Supprime la barre */
    display: none !important; /* Cache l'ancien prix */
}

/* Ne pas masquer le prix final */
.wc-block-components-product-price .wc-block-components-product-price__value {
    display: inline !important;
    visibility: visible !important;
}

/******************************/
/* Page blog : forcer plein largeur et masquer la sidebar */
.page-id-50075 #left-area{
  width:100% !important;
  float:none !important;
}
.page-id-50075 #sidebar{
  display:none !important;
}

/*************MOBILE******************/


/* Mettre uniquement le texte "offert par le parrain" en gras */
div[class*="wc-block-components-totals-fees__"][class*="offert-par-le-parrain"]
  .wc-block-components-totals-item__label {
  font-weight: 0 !important;  /* Met le texte en gras */
  color: #000 !important;        /* Facultatif : couleur noire bien visible */
  width:30px !important;
}

/* Ajouter de l'espace avant la ligne "offert par le parrain" */
div[class*="wc-block-components-totals-fees__"][class*="offert-par-le-parrain"] {
  margin-top: 18px !important;  /* tu peux mettre 10px, 12px, selon le rendu voulu */
  padding-top: 14px !important; /* facultatif, pour plus d’air visuel */
  border-top: 11px solid #eee;  /* optionnel : fine ligne séparatrice */
}



/* Forcer l'affichage de TOUS les montants dans le bloc totaux (WooCommerce Blocks) */
.wc-block-components-totals .wc-block-components-totals-item__value,
.wc-block-components-totals .wc-block-formatted-money-amount {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
}

/* Annuler display:none laissé par JS des blocs WooCommerce */
.wc-block-formatted-money-amount[style*="display"] {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Cacher le bloc détail d'expédition (Expédition / Colissimo / Livraison vers...) 
   mais garder la ligne "Frais d'expédition" au-dessus */
.wp-block-woocommerce-checkout-order-summary-shipping-block.wc-block-components-totals-wrapper {
    display: none !important;
}











/* Encadré d'information pour les clients à -50% sur produit bloqué */
.single-product .phybio-50-notice {
    max-width: 700px;
    margin: 15px auto 20px auto;
    padding: 12px 16px;
    background: #fff8e1; /* jaune très clair */
    border-left: 4px solid #ff9800;
    border-radius: 4px;
    font-size: 14px;
    color: #444;
    line-height: 1.5;
}

/* petit texte complémentaire */
.single-product .phybio-50-notice-small {
    font-size: 13px;
    color: #666;
}

/* Sur un produit bloqué : pas de bouton "Ajouter au panier" */
body.phybio-50-blocked-product .single-product form.cart {
    display: none !important;
}


/* Cacher visuellement le montant de la 3e ligne de totaux (Remise) dans le panier blocs */
.wc-block-cart .wp-block-woocommerce-cart-order-summary-totals-block
  .wc-block-components-totals-item:nth-child(3) .wc-block-components-totals-item__value {
    position: relative;
    color: transparent;           /* on rend le texte invisible */
}

/* On dessine une barre noire à la place */
.wc-block-cart .wp-block-woocommerce-cart-order-summary-totals-block
  .wc-block-components-totals-item:nth-child(3) .wc-block-components-totals-item__value::after {
    content: '';
    position: absolute;
    inset: 0;                     /* occupe tout le span */
    background: #000;             /* barre noire */
}