/* ----------------------------
  Mon compte
---------------------------- */ 
.woocommerce-account #wrapper,
.page-template-page-compte #wrapper {
    background: url(../img/charte/bg-connect.jpg) no-repeat scroll 50% top transparent;
    background-size: 100% auto;
    background-attachment: fixed;
    position: relative;
}
.woocommerce-account #wrapper:before,
.page-template-page-compte #wrapper:before {
    content: "";
    display: block; width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; background: rgba(0,0,0,.3);
}
    .woocommerce-account .breadcrumb span,
    .page-template-page-compte .breadcrumb span {
        color: var(--color00);
    }
    .woocommerce-account .headerPage h1 {
        display: none;
        visibility: hidden;
    }
    .woocommerce-account:not(.logged-in) .woocommerce {
        max-width: 90%;
        width: 41rem;
        margin: 0 auto 5rem;
        background: var(--color00);
        border-radius: 3.5rem;
        padding: 15px;
    }
    .woocommerce-account:not(.logged-in) .woocommerce p, .woocommerce-account:not(.logged-in) .woocommerce span , .woocommerce-account:not(.logged-in) .woocommerce a { 
        font-family: "sf_compact_displaymedium";
        font-size: 14px;
      }
    .woocommerce-account:not(.logged-in) .woocommerce > h2 {
        text-align: center;
        margin: 47px 0 6px 0;
      }
    .woocommerce-account:not(.logged-in) .woocommerce > p {
        text-align: center;
        width: 70%;
        margin: auto;
      }
    .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login {
        border: none;
      }
      .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__rememberme {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login__submit {
          display: flex;
          margin: 10px auto;
        }

        .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
          margin-right: auto;
          margin-top: 36px;
          font-size: 18px;
          font-weight: bold;
          color: white;
          text-transform: uppercase;
          background: var(--color03);
          display: flex;
          align-items: center;
          padding: 2px 0 2px 21px;
        }
        .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-form-login__submit span {
          transform: rotate(90deg);
        }

        .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-LostPassword {
          margin-top: 14px;
        }
          .woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login .woocommerce-LostPassword a{
            color: var(--color04) !important;
            text-decoration: none !important;
          }

        .woocommerce-account:not(.logged-in)  .woocommerce-form-login .woocommerce-Input, .woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-Input:focus  {
          padding-left: 20px;
          font-size: 14px;
          color: var(--color04) !important;
          background-color: var(--color00) !important;
          border: 1px solid var(--color04);
        }

        .woocommerce-account .woocommerce-MyAccount-navigation {
            background: var(--color00);
            padding: 11rem 3rem;
            border-radius: 3.5rem;
            width: 33%;
        }
        @media screen and (max-width: 768px) {
          .woocommerce-account .woocommerce-MyAccount-navigation {
              width: 100%;
              margin: 0 0 3rem;
          }
        }
          .woocommerce-MyAccount-navigation ul {
            margin: 0;
            border-top: 1px solid var(--color04);
          }
            .woocommerce-account .woocommerce-MyAccount-navigation ul:not(.noBefore) li {
                padding: 0;
                border-bottom: 1px solid var(--color04);
                margin: 0;
            } 
            .woocommerce-account ul:not(.noBefore) li::before {
                display: none;
            } 
                .woocommerce-account.logged-in #wrapperInner li a:not([class*="btn-"]) {
                    color: var(--color04);
                    text-decoration: none;
                    padding: 1.3rem;
                    display: block;
                    text-align: center;
                    transition: color .5s ease 0s;
                }
                .woocommerce-account.logged-in #wrapperInner li:hover a:not([class*="btn-"]),
                .woocommerce-account.logged-in #wrapperInner li.is-active a:not([class*="btn-"]) {
                    color: var(--color02);
                }


          .woocommerce-account .woocommerce-MyAccount-content {
              background: var(--color00);
              padding: 5rem;
              border-radius: 3.5rem;
              width: calc(67% - 4.5rem);
              overflow-x: auto;
          }

          @media screen and (max-width: 768px) {
            .woocommerce-account .woocommerce-MyAccount-content {
                width: 100%;
            }
          }
          @media screen and (max-width: 575px) {
            .woocommerce-account .woocommerce-MyAccount-content {
                padding: 5rem 3rem;
            }
          }
              .title {
                  color: var(--color03);
                  font-family: 'sf_compact_displaymedium', sans-serif;
                  font-size: 2.1rem;
                  border-bottom: 1px solid var(--color04);
                  padding: 0 0 1rem;
                  margin: 0;
              }
              body .acf-field.acf-accordion .acf-label.acf-accordion-title {
                  padding: 12px 0;
                  position: relative;
              }
              body .acf-field.acf-accordion .acf-label.acf-accordion-title:after {
                content: url(../img/charte/arrow-accordeon.svg);
                display: block;
                position: absolute; right: 1rem; top: calc(50% - .8rem);
                transform: rotate(0);
                transition: .5s ease 0s;
              }              
              body .acf-field.acf-accordion.-open .acf-label.acf-accordion-title:after {
                transform: rotate(180deg);
              }
                body .acf-accordion .acf-accordion-title label {
                  font-size: 1.6rem;
                  color: #6F7072;
                  font-family: 'open_sansbold', sans-serif;
                }

              .acf-field.acf-accordion .acf-input.acf-accordion-content>.acf-fields {
                border-top: none;
              }
              .acf-field.acf-accordion .acf-fields>.acf-field {
                  padding: 15px 0;
              }

              body .acf-required {
                  color: var(--color03);
              }
              input.button.button-secondary {
                  background: var(--color03);
                  color: var(--color00);
                  text-transform: uppercase;
                  float: right;
                  margin: 2rem 0 0;
              }
              h2.woocommerce-order-details__title {
                  text-align: center;
                  font-size: 2rem;
                  color: var(--color02);
              }




    .woocommerce-account .woocommerce .shop_table tbody td {
        font-family: 'open_sansregular', sans-serif;
    }
        .woocommerce-account .woocommerce table.my_account_orders .button {
            background: var(--color03);
            font-family: 'sf_compact_textheavy', sans-serif;
            margin: 2px;
            border-radius: 5px;
            color: var(--color00);
            width: 150px;
            display: inline-flex;
            align-items: center;
        }
        .woocommerce-account .woocommerce table.my_account_orders .button:hover{
          background-color: var(--color02);
        }


   
  .page-template-page-compte h1 {
      color: var(--color00)
  }     
  .page-template-page-compte .comptet-page-inte {
      background: var(--color00);
      padding: 5rem;
      border-radius: 3.5rem;  
      width: 1240px;
      max-width: 90%;
      margin: 0 auto;
  }
    .page-template-page-compte .comptet-page-inte > .container {
      padding: 0; 
      margin: 0;
    }
      /* .page-template-page-compte .comptet-page-inte > a {
          background: var(--color02);
          color: var(--color00);
          text-transform: uppercase;
          display: inline-block;
          margin: 0 0 2rem;
          padding: 1rem;
          border-radius: .5rem;
      } */

.woocommerce-MyAccount-content .acfe-form .acf-field.acf-field-accordion.acf-field-5fec5f54784ad.acf-accordion {
  display: none;
  visibility: hidden;
  opacity: 0;
}


/* @changelog 2021-02-03 [FIX] (Anne-Lyse) Modification de l'affiche des champs du compte */
body.woocommerce-account .acf-form-fields .acf-fields{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.woocommerce-account .acf-form-fields .acf-fields .acf-field{
  flex: 1 0 48%;
  max-width: 48%;
}
body.woocommerce-account  .acf-form-fields .acfe-field-group-layout-block .acf-input {
  padding: 20px !important;
}

body.woocommerce-account  .acf-form-fields .acfe-field-group-layout-block .acf-input .acf-fields .acf-input{
  padding: 0;
}

body.woocommerce-account  .acf-form-fields .acfe-field-group-layout-block .acf-field{
  max-width: 100%;
  flex:1 0 100%;
}

.acf-field-5ff70791b9485 .acf-label {
    padding: 0 2.5rem;
}

.woocommerce-Button{
  background-color: var(--color03) !important;
    color: #fff !important;
}
.woocommerce-Button:hover{
  background-color: var(--color06);
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}



body.woocommerce-account .acf-fields.-border{
  border: none;
}

body.woocommerce-account .acf-field-5ff707deb9486,
body.woocommerce-account .acf-field-5ff7088ad2948,
body.woocommerce-account .acf-field-5ff70791b9485{
  flex: 1 0 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.acf-label{
  font-family: 'sf_compact_textheavy', sans-serif;
}