/*!
Theme Name: Divi-enfant
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 0.1.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Ashley
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* LOGIN */

#woo-login {
  background-color: transparent;
}

#woo-login form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#woo-login .form-row, .form-row-first, .form-row-last{
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}

.form-row .input-text, .wppb-form-field #username_email, 
.wppb-form-field #passw1, 
.wppb-form-field #passw2, #avis-auteur {
  -webkit-appearance: none;
  background-color: #eee;
  max-width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 10px;
  line-height: 1.7em;
  border-style: solid;
  margin-top: 0.5em;
}

.woocommerce-form-login__submit, #wppb-recover-password-button, .btn-avis {
  background: #ff9900 !important;
  margin: 20px 0 0;
  font-size: 20px;
  padding: 0.1em 1em;
  line-height: 1.7em !important;
  position: relative;
  border: 2px solid #ff9900 !important;
  border-radius: 3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: white !important;
  width: 100%;
}

.woocommerce-button:hover, 
#wppb-recover-password-button:hover {
  cursor: pointer;
  background: #ff9900;
  border-color: #ff9900;
}

.form-row .required {
  color: var(--wc-red);
}

.woocommerce-form-login__rememberme {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.woocommerce-MyAccount-navigation {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
}

.woocommerce-info {
    background: transparent !important;
}


.woocommerce form .form-row input.input-text {
	padding: 10px;
  line-height: 1.7em;
}

.woocommerce button.button, .woocommerce-page button.button {
	background: #ff9900;
    margin: 20px 0 0;
    font-size: 20px;
    padding: 0.1em 1em;
    line-height: 1.7em !important;
    position: relative;
    border: 2px solid #ff9900;
    border-radius: 3px;
    color: white;
	  float: right;
}

.woocommerce button.button, .woocommerce-page button.button:hover {
	background: #ff9900;
    margin: 20px 0 0;
    font-size: 20px;
    padding: 0.1em 1em;
    line-height: 1.7em !important;
    position: relative;
    border: 2px solid #ff9900;
    border-radius: 3px;
    color: white;
}

.woocommerce-page button.button:hover:after {
	all: initial;
}

.contenance {
  background-color: #ff9900;
  color: white;
  padding: 0.5em;
  margin-left: 3em;
}

.edit-account fieldset {
	border: 1px solid #cfc8d8;
  padding: 20px 20px 20px 20px;
}

.woocommerce form .password-input {
	width: 100%;
}

#woo-login {
  background-color: transparent;
}
#woo-login form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#woo-login .form-row, .form-row-first, .form-row-last{
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}

.form-row .input-text {
  -webkit-appearance: none;
  background-color: #eee;
  max-width: 100%;
  border-width: 0;
  border-radius: 0;
  color: #999;
  font-size: 14px;
  padding: 10px;
  line-height: 1.7em;
  border-style: solid;
  margin-top: 0.5em;
}

.woocommerce-form-login__submit {
  background: #ff9900;
  margin: 20px 0 0;
  font-size: 20px;
  padding: 0.1em 1em;
  line-height: 1.7em !important;
  position: relative;
  border: 2px solid #ff9900;
  border-radius: 3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: white;
  width: 100%;
}

.woocommerce-button:hover {
  cursor: pointer;
  background: #ff9900;
  border-color: #ff9900;
}

.form-row .required {
  color: var(--wc-red);
}

.woocommerce-form-login__rememberme {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.woocommerce form .form-row {
  width: 100%;
}

/* LOST PASSWORD */
.wppb-user-forms .wppb-form-field {
  display: flex;
  flex-direction: column;
}

#username_email, #passw1, #passw2 {
  width: 100%;
}

.wppb-success, .wppb-error {
  all: unset !important;
}

.wppb-form-field > span {
  margin-left: 0px !important;
}

#pass-strength-result {
  margin: 13px 5px 5px 0%;
  width: 100% !important;
}

.lost-pass {
  border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}

.wppb-form-field label {
  width: 33% !important;
}

/* NAVIGATION */

.ld-menu-login > a:before {
    font-family: 'ETMODULES';
    content: '\e08a'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: white; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.ld-menu-cart > a:before {
    font-family: 'ETMODULES';
    content: '\e07a'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: white; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.ld-menu-wishlist > a:before {
    font-family: 'ETMODULES';
    content: '\e089'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: white; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.woocommerce .button::after {
font-family: "ETmodules";
}

.woocommerce div.product form.cart .button{
	width:100% !important;
}

/* PRODUCT LIST */
.product-list {
  display: flex;
  flex-direction: row-reverse;
}

.product-list a.button, .add_to_cart_button {
  	background-color: #ff9900;
    border: #ff9900;
    color: white;
    width: 100%;
    text-align: center;
}

.woocommerce a.button, .woocommerce-page a.button {
  font-size: 18px;
  color: white !important;
}

.woocommerce a.button:hover, .woocommerce-page a.button:hover {
  background-color: #ff9900 !important;
}

/* VALIDATION ORDER ff9900 */
.woocommerce-order-details {
  color: #eee;
}

.woocommerce-order-details h2, .woocommerce-customer-details h2 {
  color: #ff9900;
}

.woocommerce-column--billing-address address, .woocommerce-column--shipping-address address {
  color: #eee;
}

/* CONTACT PAGE */
.contact-info .et_pb_column {
  margin-right: 0px
}

.center-columns {
  display: flex;
  justify-content: center
}

/* ACCOUNT DETAILS CUSTOMER PAGE */
.woocommerce button.button, .woocommerce-page button.button {
  color: #eee !important;
}

.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
  color: #666 !important;
}

.woocommerce-MyAccount-orders, .woocommerce-MyAccount-content .woocommerce-table--order-details {
  padding: 3em;;
}

.woocommerce-MyAccount-content .woocommerce-order-details h2, .woocommerce-MyAccount-content .woocommerce-column--shipping-address h2, .woocommerce-MyAccount-content .woocommerce-column--billing-address h2 {
  color: #FFFFFF;
}

/* ACCOUNT SHIPPING ADDRESS */
.woocommerce-MyAccount-content .woocommerce-Address {
  border: 1px solid;
  padding: 2em;
}

.woocommerce-MyAccount-content .woocommerce-Address a {
    border: 1px solid orange;
    padding: 0.6em;
    background-color: orange;
    float: left;
    margin-bottom: 1em;
    color: white;
}

/* PRODUIT LIST */
.yith-wcwl-add-to-wishlist svg.yith-wcwl-icon-svg, .yith-wcwl-add-to-wishlist .add_to_wishlist img {
  color: #008186 !important;
}

/* .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
  right: 10px !important;
  all: unset;
} */

/*******************************
********LITIGES****************
*******************************/
/* litiges.css */

/* Ajouter une bordure à droite des tableaux */
.wp-list-table {
  border-right: 2px solid #000;  /* Bordure droite noire de 2px */
  width: 99%;
}

/* Ajouter de l'espacement entre les cellules du tableau */
.wp-list-table th, .wp-list-table td {
  padding: 8px 12px;
}

/* Appliquer un style pour les bordures et les lignes de tableaux */
.wp-list-table th {
  background-color: #f4f4f4; /* Un fond clair pour les en-têtes */
  text-align: left;
}

.wp-list-table td {
  border-bottom: 1px solid #ddd; /* Ajouter une bordure fine en bas des lignes */
}

/* Appliquer une bordure à droite uniquement pour le dernier tableau */
.wp-list-table.litiges-resolus {
  border-right: 2px solid #000;
}

/* Pour les tableaux des litiges résolus */
.wp-list-table.litiges-resolus td,
.wp-list-table.litiges-resolus th {
  border-right: 2px solid #000; /* Bordure à droite de chaque cellule du tableau */
}
/************************************FRONT**************************************/
/* CSS pour améliorer la présentation de la page de suivi des litiges */
.litiges-suivi-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.litiges-suivi-table th, .litiges-suivi-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.litiges-suivi-table th {
  background-color: #f4f4f4;
}

.litiges-suivi-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.litiges-suivi-table td a {
  color: #0073aa;
  text-decoration: none;
}

.litiges-suivi-table td a:hover {
  text-decoration: underline;
}
/* CSS pour le tableau des litiges */
.litiges-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.litiges-table th, .litiges-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.litiges-table th {
  background-color: #f4f4f4;
}

.litiges-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.litiges-table td a {
  color: #0073aa;
  text-decoration: none;
}

.litiges-table td a:hover {
  text-decoration: underline;
}




/********************************
**** STYLE FOR TABLETTE *****
*********************************/

@media screen and (min-width: 981px) and (max-width: 1280px) {
  .et_pb_gutters3 .et_pb_column_0_tb_header {
    width: 15%;
  }
  .et_pb_gutters3 .et_pb_column_1_tb_header {
    width: 40%;
  }
  .et_pb_gutters3 .et_pb_column_2_tb_header {
    width: 40%;
  }
  .et_pb_gutters3 .et_pb_column_0_tb_header .et_pb_image_0_tb_header {
    width: 80%;;
  }
}
/*FICHE PRODUIT */

.numbers {
  color: #008186;
  font-size: 28px;
  font-weight: bold;
}

.allegation, .allegation_2 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1em;
  column-gap: 1em;
  justify-content: flex-start;
  
}

.allegation tr, .allegation_2 tr {
  width: 48% !important;
}

.item:not(:nth-last-child(-n+2)):after {
    content: '';
    display: block;
    height: 1px;
    background-color: #D3D3D3;
    margin-top: 10px; /* Espace avant la ligne séparatrice */
}

.item td {
  height: 78.39px;
}

.numbers_2 {
  color: #FF9900;
  font-size: 28px;
  font-weight: bold;
}

/* .allegation_2 tr {
  width: 50%;
} */
/********************************
**** STYLE FOR MOBILE PHONE *****
*********************************/

/* NAVBAR */
/*changing the Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
  content: '\4d';
}
/*rotating the Divi Menu icon*/
.mobile_menu_bar:before {
  transition: all .4s ease;
  transform: rotate(0deg);
  display: block;
}

/*rotate the Divi Menu icon on click*/
.mobile_nav.opened .mobile_menu_bar::before {
  transition: all .4s ease;
  transform: rotate(90deg);
  display: block;
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
  border-top:0;
  left: -15px;
}
/*making the Divi Menu full width*/
.et_pb_menu .et_mobile_menu{
    min-width: 105vw;
    padding-top: 20% !important;
    margin-left: 0vw;
    padding-bottom: 3vh !important;
    margin-top: 3vh !important;
}
/*removing the line from the menu items and adding line height*/
.et_mobile_menu li a {
padding:10px 10px!important;
border-bottom: none!important;
}
/*removing padding of the social media icons*/
.et_mobile_menu li li {
  padding-left:0%!important;
}


@media screen and ( min-width: 768px ) {
  .column-to-row {
      display: flex;
      flex-direction: row;
      align-items: center;
  }

  .et_pb_text_inner {
    line-height: 1.4em;
  }

 /*  .allegation_2 tr {
    width: 48%;
  } */
}

@media screen and (min-width: 375px) and (max-width: 767px) {
  .allegation_2 tr {
    width: 100% !important;
  }

  .column-mobile {
    display: flex;
    flex-direction: column;
  }

  .swiper-slide {
    width: 100% !important;
  }
}


/* Login page */
@media only screen and (max-width: 767px) {
  /* For mobile phones: */
  #woo-login {
    width: 100%;
  }
}

@media (max-width: 767px) {
    .woocommerce .form-row {
        float: none !important;
        width: 100% !important;
    }

    .allegation .item, .allegation_2 item {
      width: 100% !important;
    }
}

/* 

/* LOST PASSWORD */

@media screen and (max-width: 500px) {
  .wppb-form-field label {
    width: 100% !important;
    text-align: left;
  }

  .et_pb_code_0.et_pb_module {
    margin-left: 1em !important;
    width: 94%;
}

}

/* FICHE PRODUIT  margin-left: 2em;
    padding-right: 4em !important; */


@media (max-width: 767px) {
  .et_pb_column_1_tb_body.et_pb_column {
    padding-right: 0em !important;
  }
}

@media (max-width: 980px) {
  .et_pb_column .et_pb_module {
    padding-right: 1em !important;
    padding-left: 1em;
  }


  #form-avis .star-rating {
    width: 20% !important;
  }

  .et_pb_column_1_tb_body.et_pb_column {
    padding-right: 0em !important;
  }
}

/*****
***** CSS par page
******/

body.page-id-415  {
  background-color: transparent !important; 
  background-image: url(https://preprod.myrameha.com/wp-content/uploads/2024/10/unsplash_No25c8T0dz4.png) !important;
  height: 100vh;
}