/* Connexion : Centrer les formulaires de connexion */
#menu-gauche-compte {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 20px;
    }

/* Connexion : forcer le centrage des formulaires sur desktop */
@media (min-width: 981px) {
    #customer_login,
    #customer_login .u-columns {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 20px;
    }
}

/* Connexion : Empiler les colonnes sur mobile et tablette */
@media (max-width: 980px) {
    #menu-gauche-compte {
        display: block;
    }
}





/* Connexion : Titres Se connecter, creer un compte*/
#mon-compte-woo h2:not(.custom-account-titles) {
    font-size: 1.2em;
    margin: 50px 0 10px 0;
    text-align: center;
}

/* Connexion : retirer marge entre titres "se connecter" ou "sinscrire", et les bloc dessous*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    margin: 0em 0;}



/*-------------------------------------------------------
  AFFICHAGE DE LA PAGE CONNEXION SOUS FORME D'ONGLETS
-------------------------------------------------------*/

/* Onglets Divi style pour Mon Compte - mobile uniquement */
@media (max-width: 767px) {
  #customer_login .u-columns {
    display: block !important;	  
  }

  /* Conteneur des onglets */
  #customer_login .divi-tabs {
    display: flex;
	margin-bottom: 60px;
  }

  #customer_login .divi-tabs button {
	color: #fff;
    flex: 1;
    padding: 10px;
    background: #002133;
    border: 1px solid #ccc;
    border-bottom: none;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s;
  }
  #customer_login .divi-tabs button:hover {
	  background: #11afb2;}
  #customer_login .divi-tabs button.active {
    background: #0f969b;  }
  #customer_login .divi-tabs button.active:hover {
	  background: #11afb2;}


  /* Cacher les colonnes par défaut sur mobile */
  #customer_login .u-column1,
  #customer_login .u-column2 {display: none;}

  #customer_login .u-column1.active,
  #customer_login .u-column2.active {
    display: block;
    margin-top: 0;
  }
}









/********************************************************************/
/******************* 1- MON COMPTE DIVERS  ****************************
/********************************************************************/


/* CF CODE SUPPLEMENTAIRE AJOUTE DANS LE BLOC LIGNE de DIVI */


/* WOO MON COMPTE : ajuster le contenu des différentes pages */
.woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 100% !important;
}

/* WOO MON COMPTE : alignement du menu à gauche sur tablette et mobile*/
@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-start !important;
    }
}

/* WOO MON COMPTE : titre principal des pages*/
#mon-compte-woo .custom-account-titles {
    margin-bottom: 15px;
}

#mon-compte-woo #colonne-account-menu {
    font-size: 9px;
}

/* WOO MON COMPTE : éléments masqués */
#mon-compte-woo .woocommerce-MyAccount-navigation,
/* cacher la colonne de liens */
body:not(.logged-in) .menu-item-356789.menu-item-has-children>a::after {
    /* Cacher la flèche (ou icône) du menu si l'utilisateur est déconnecté */
    display: none;
}

/* WOO MON COMPTE : custom des bts de validation dans les pages internes */
#pages-compte:not(.bt-menu-compte) c.woocommerce a.button,
#pages-compte:not(.bt-menu-compte) .woocommerce .button.button,
#mon-compte-panier .woocommerce .button.button {
    margin: 0.5vh;
	width: 100%;
  text-align: center;
}

body .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    /*bouton de la validation de commande*/
    float: left;
}

#mon-compte-woo button.button:disabled {
    /* bouton désactivé dans chgmt de mdp*/
    background: #CCC;
    cursor: none;
    border-radius: 30px;
    pointer-events: none;
}

#mon-compte-woo button.woocommerce-Button.button::after {
    font-weight: 300;
}




/********************************************************************/
/******************* 2- MON COMPTE mes infos  ****************************
/********************************************************************/


/* WOO MON COMPTE mes infos > formulaire */
#mon-compte-woo .woocommerce form .form-row input.input-text,
body #validation-commande form .form-row input.input-text {
    color: #017693;
}

#mon-compte-woo .woocommerce form .form-row label {
    line-height: 2;
    font-weight: 500;
    font-size: 14px;
}

#mon-compte-woo .woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    width: 100%;
    padding: 12px;
}

/* WOO MON COMPTE mes infos > ligne "indique comment votre nom....*/
#mon-compte-woo #pages-compte em {
    font-size: 14px;
}

/* WOO MON COMPTE mes infos > titre "changement de mot de passe*/
#mon-compte-woo #pages-compte .woocommerce-EditAccountForm fieldset legend {
    font-size: 1.2em;
    padding: 5vh 0 2vh 0;
    font-weight: 700;
}



/********************************************************************/
/******** MON COMPTE COMMANDES + PAIEMENT  *******************
/********************************************************************/

#mon-compte-woo h2:not(.custom-account-titles) {
    /* Titre "détails de la commande" et titres des adresses*/
    font-size: 1.2em;
    margin: 20px 0 10px 0;
}

#mon-compte-woo table {
    background: #eee;
}

#mon-compte-woo table td {
    padding: 20px;
}

#mon-compte-woo table th {
    padding: 9px 20px;
    line-height: 1.5em;
}



/********************************************************************/
/******************** 3- MON COMPTE adresses  ****************************
/********************************************************************/

/* WOO MES ADRESSES : ajustement des blocs adresses*/
#mon-compte-woo .woocommerce-Address {
    float: left;
    background-color: #eee;
    width: 48%;
    padding: 30px;
    margin: 5px;
}

/* WOO MES ADRESSES : alignement des liens "modifier adresse..." à gauche*/
.woocommerce-account .addresses .title .edit {
    float: left;
    margin-bottom: 10px;
}

@media (max-width: 980px) {
    #mon-compte-woo .woocommerce-Address {
        width: 100%;
    }
}

/* WOO MES ADRESSES : personnalisation des messages erreurs etc*/

/*-------LES ALERTES INFO --------------*/
#mon-compte-woo div.woocommerce-info,
#validation-commande div.woocommerce-info {
background: #e9e9e9 !important;
  border: none !important;
  color: #000 !important;
  font-size: 16px !important;
}

#mon-compte-woo .woocommerce-info li,
#mon-compte-woo .woocommerce .woocommerce-NoticeGroup-checkout .woocommerce-info li,
#mon-compte-woo .woocommerce .woocommerce-MyAccount-content .woocommerce-info li {
    background: none;
    font-size: 16px;
    color: grey;
    padding: 0px;
}

/*-------LES ALERTES MESSAGE --------------*/

#mon-compte-woo .woocommerce-message a {
    color: #017693;
    margin-left: 15px;
}

#mon-compte-woo .woocommerce div.woocommerce-MyAccount-content div.woocommerce-notices-wrapper div.woocommerce-message {
    /* message succes chgmt adresse*/
    background: #0176931f !important;
    color: #017693 !important;
    font-size: 16px !important;
}

#mon-compte-woo .woocommerce-message li,
#mon-compte-woo .woocommerce .woocommerce-NoticeGroup-checkout .woocommerce-message li,
#mon-compte-woo .woocommerce .woocommerce-MyAccount-content .woocommerce-message li {
    color: #004424;
    background: #1bc6b666;
    font-size: 16px;
}

/*-------LES ALERTES ERROR --------------*/

#mon-compte-woo ul.woocommerce-error {
    background: #a41b1b1f !important;
    color: #a41b1b !important;
    font-size: 16px;
}

#mon-compte-woo .woocommerce .woocommerce-NoticeGroup-checkout .woocommerce-error li,
#mon-compte-woo .woocommerce .woocommerce-MyAccount-content .woocommerce-error li,
#mon-compte-woo .woocommerce-error,
#validation-commande .woocommerce-error {
    background: #0000 !important;
    color: #a41b1b !important;
    font-size: 16px;
}



/********************************************************************/
/******************* 4 MON COMPTE Login  *******************************
/********************************************************************/

/* WOO LOGIN > pleine largeur de la colonne de gauche et bloc de droit */
@media (min-width: 981px) {

    #menu-gauche-compte.et_pb_gutters2 .et_pb_column_3_4,
    #menu-gauche-compte.et_pb_gutters2.et_pb_row .et_pb_column_3_4 {
        width: 100%;
    }
}

/* WOO LOGIN > onglet inactif*/
.xoo-el-form-container ul.xoo-el-tabs li {
    background-color: #fff;
    border: 1px solid black;
}

/* WOO LOGIN > fond du formulaire*/
.xoo-el-form-container.xoo-el-form-inline {
    max-width: 550px;
    margin: 10px auto;
    background-color: #eee;
    padding: 30px;
    border-radius: 10px;
}

/* WOO LOGIN > connection - phrase confidentialité*/
#mon-compte-woo #pages-compte .woocommerce-form-login p.woocommerce-LostPassword {
    text-align: center !important;
}

#mon-compte-woo #pages-compte .woocommerce-form-login p.woocommerce-LostPassword a {
    font-size: 14px;
}

/* WOO LOGIN > création de compte - phrase confidentialité*/
.woocommerce-privacy-policy-text p {
    font-size: 12px;
    padding: 5px 5px 10px 5px;
    line-height: 1.5em;
}