.woocommerce {
    margin-top: 100px;
    position: relative;
}
.woocommerce-notices-wrapper {
    /* margin-top: 100px; */
}
.woocommerce.container.pb-8.background-overlay-bottom {
    z-index: auto !important;
}
/**Login page**/

.woocommerce form .form-row-first,
 .woocommerce form .form-row-last,
 .woocommerce-page form .form-row-first, 
 .woocommerce-page form .form-row-last {
    width: 50% !important;
}

.login-img h2 {
    font-size: 25px;
}

.login-img h2:after {
    display: none;
}

 .woocommerce form.login, 
 .woocommerce form.register {
    border:0px !important;
    padding:0px !important;
}
.woocommerce-form-row,
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row{
    display: flex;
    flex-direction: column;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}
input#rememberme {
    width: 5%;
}
.submit-content {
    display: flex;
    gap: 50px;
    align-content: center;
    flex-direction: column;
    align-items: flex-start;
    margin: 40px 5px 0px 10px;
}
.woocommerce-LostPassword.lost_password a {
    font-size: 15px;
}
.woocommerce-LostPassword.lost_password a:after {
    background-color: black;
    content: '';
    height: 1px;
    width: 100%;
    display: block;
}



.row.sinscrire {
    gap: 25px;
}
.row.sinscrire a:after {
    background-color: white;
    content: '';
    height: 1px;
    width: 100%;
    display: block;
}
.registrationform .background-holder {
    position: relative !important;
    height: 100%;
}

.registrationform .login-img .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.registrationform .login-img  {
   z-index: 2;
}
.row.registrationform {
    z-index: 2;
    position: relative;
}
.login-content h2::after
{
    left:0 !important
}
/**/

.loadmore a.btn.loading {
    opacity: .5;
    pointer-events: none;
    cursor: wait;
}

.add-to-cart {
    opacity: 1;
    -webkit-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}

.add-to-cart.loading {
    opacity: 0.5;
    pointer-events: none;
}

.add-to-cart span:not(:first-child),
.add-to-cart.loading span:first-child,
.add-to-cart.success span:first-child,
.add-to-cart.error span:first-child,
.backcourse span:not(:first-child),
.backcourse.loading span:first-child,
.backcourse.success span:first-child,
.backcourse.error span:first-child
 {
    display: none;
}

.add-to-cart.loading span.loading {
    display: inline-block;
}

.add-to-cart.success span.success {
    display: inline-block;
}

.add-to-cart.error span.error,
.backcourse.error span.error {
    display: inline-block;
}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
    line-height: inherit !important;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table {
    border: 0px !important;
}
.myaccount-wc-ds {
    display: grid;
    grid-template-columns: 1fr;
    padding: 80px 0px;
}

.woocommerce-page table.cart td.actions {
    text-align: right !important;
}

.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
    text-align: left !important;
}


/* My account section */

ul li.woocommerce-MyAccount-navigation-link--dashboard a:before,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--back-to-memberships a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f0e4";
}

ul li.woocommerce-MyAccount-navigation-link--orders a:before,
ul#menu-membership .commandes a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f291";
}

ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f0f3";
}

ul li.woocommerce-MyAccount-navigation-link--edit-address a:before,
ul#menu-membership .addresses a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f015";
}

.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before,
ul#menu-membership .paiement a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f09d";
}

ul li.woocommerce-MyAccount-navigation-link--edit-account a:before ,
ul#menu-membership .compte a:before{
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f007";
}

ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before ,
ul#menu-membership .logout a:before{
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f08b";
}

ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--myreferrals a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f830";
}
ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--members-area a:before,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-membership-details a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f2c2";
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-membership-sensei a:before {
    font-family: 'Font Awesome 5 pro', sans-serif;
    content: "\f02d";
}

nav.woocommerce-MyAccount-navigation ul a {
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: nowrap;
    width: 100%;
    color: var(--noir);
    opacity: 0.7;
    font-size: 14px;
    text-decoration: none;
    font-family: 'AntiqueOliveStd-Roman';
}

.woocommerce-MyAccount-navigation .is-active a {
    font-size: 15px !important;
    opacity: 1;
}

nav.woocommerce-MyAccount-navigation {
    padding: 0px;
    width: 100% !important;
}
nav.woocommerce-MyAccount-navigation li:nth-child(1) {
    border-top: 0;
}

nav.woocommerce-MyAccount-navigation li {
    padding: 15px 0px;
    border-top: 1px solid #85a8b559;
}

.woocommerce-MyAccount-navigation ul li.is-active a:before {
    opacity: 1;
}

.woocommerce-MyAccount-navigation ul li a:before {
    opacity: .35;
    margin-right: 20px;
    color: var(--clear-blue) !important;
}



.woocommerce-MyAccount-content {
    border: 1px solid var(--blue);
    border-radius: 14px;
    padding: 0px;
}

nav.woocommerce-MyAccount-navigation.container ul,
nav.woocommerce-MyAccount-navigation.wc-memberships-members-area-navigation ul {
    list-style: none;
    padding: 0px !important;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--my-membership-sensei.is-active {
    padding-left: 44px;
}

td.membership-actions.order-actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}
/* Adjust the padding and margin of the My Account page */


/* Style the navigation tabs */
.woocommerce-MyAccount-navigation {
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation-link {
    margin-right: 20px;
}

/* Style the content area */
.woocommerce-MyAccount-content p {
    margin-bottom: 10px;
}

/* Style the orders table */
.woocommerce-MyAccount-orders {
    width: 100%;
}

.woocommerce-MyAccount-orders th,
.woocommerce-MyAccount-orders td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* Customize the buttons */


/* Style the account details form */

.woocommerce-EditAccountForm input,
.woocommerce-EditAccountForm select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}



p.order-again {
    display: none;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 ,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    width: 100% !important;
    max-width: 100%;
}
.woocommerce-address-fields .form-row {
    display: block !important;
}

.woocommerce form .form-row select {
    cursor: pointer;
    margin: 0;
    border-color: var(--clear-blue);
    border-radius: 80px;
    padding: 0.8rem;
}

.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2
{
    display: none;
}


.members-area .woocommerce-MyAccount-content {
    /* width: 100% !important; */
    text-align: left;
}
input#payment_method_stripe {
    width: auto;
    display: inline-flex;
}
.woocommerce-MyAccount-content h3 {
    color: var(--clear-blue) !important;
}
.my_account_memberships.my_membership_sensei th {
  font-size: 16px;
}

ul#menu-membership li:nth-child(1) {
    border-top: 1px solid #85a8b559 !important;
}

nav.woocommerce-MyAccount-navigation.container ul, 
nav.woocommerce-MyAccount-navigation.wc-memberships-members-area-navigation ul {

    margin-bottom: 0px;
}
@media (min-width: 1024px) {
    .submit-content {
        align-content: center;
        flex-direction: row;
        align-items: center;
    }
    nav.woocommerce-MyAccount-navigation {
        width: 25% !important;
    }
    }


/*---------------------------------------------*/
/*Make Woocommerce Messages Float Above Content*/
/*---------------------------------------------*/

.woocommerce-notices-wrapper {
    position:fixed;
    top:20%;
    left:50%;
    width:500px;
    z-index: 9999;
    background:white;
    border-radius:10px;
    text-align:center;
}


/*---------------------------------------------------*/
/*Make Woocommerce Notices Disappear After 15 Seconds*/
/*---------------------------------------------------*/
.woocommerce-notices-wrapper {
    opacity:0;
    -moz-animation:notices 5s;
    -webkit-animation:notices 5s;
    -o-animation:notices 5s;
    animation:notices 5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
@keyframes notices {
   0% { opacity:1} 
   15% { opacity:1} 
   30% { opacity:1} 
   45% { opacity:1} 
   60% { opacity:1}
   75% { opacity:1}
   100% { opacity:0} }

   .wc-block-components-notice-banner.is-error {
    background-color: white !important;
}


/***Variations***/


select.product_variations {
    background: white;
    color: #181818;
    padding: 10px 0px 10px 20px;
    border-color: #6ce3d1;
    border-width: 2px;
    border-radius: 50px;
    appearance: none; 
    -webkit-appearance: none;
    width: 100%;
    max-width: 100%;
  }


  select.product_variations {
    background-image:
      linear-gradient(45deg, transparent 50%, gray 50%),
      linear-gradient(135deg, gray 50%, transparent 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 20px) calc(1em + 2px),
      calc(100% - 15px) calc(1em + 2px),
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    text-transform: capitalize;
  }
  
  
select.product_variations:focus {
    background-image:
      linear-gradient(45deg, #6ce3d1 50%, transparent 50%),
      linear-gradient(135deg, transparent 50%, #6ce3d1 50%),
      linear-gradient(to right, #ccc, #ccc);
    background-position:
      calc(100% - 15px) 1em,
      calc(100% - 20px) 1em,
      calc(100% - 2.5em) 0.5em;
    background-size:
      5px 5px,
      5px 5px,
      1px 1.5em;
    background-repeat: no-repeat;
    border-color: #6ce3d1;
    outline: 0;
  }
  
  
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
  
  .packs .btn-primary.add-to-cart {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 15px !important;  }

    .remodal.achat  .btn-primary.add-to-cart {
        font-weight: 600 !important;
        letter-spacing: 1.47px !important;
    }
  .selectprice {
    font-size: 22px;
    margin: 50px 0px 10px 0px !important;
}

tr.cart-discount th,
a.woocommerce-remove-coupon {
    display: none !important;
}

@media (min-width: 1024px) {
select.product_variations {
    width: 50%;
  }
}