/*--- pre-commande----*/
.pre-inscription .block-alert, .pre-inscription .block-tarif{
    display: none;
}
/*-- Global ---*/
  #participant-navigation,
  #participant-title,
  #participant-form-area,
  #final-step {
    display: none;
  }
 button.loading {
    opacity: 0.5;
    pointer-events: none;
    animation: pulse-opacity 1s infinite ease-in-out;
 }

 @keyframes pulse-opacity {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
 }

 form[data-participant]:not([data-participant="1"]) .wc-deposits-options-form {
    display: none !important;
 }
 #refresh-ajax-summary-preorder.show-cart-summary .preorder-in-cart {
    display: inline;
 }
 #refresh-ajax-summary-preorder .preorder-in-cart {
    display: none;
 }
/*---Step 1 ----*/
form.cart.is-loading { opacity: .7; cursor: wait !important;}
form.cart.is-loading * { pointer-events: none; }
#participant-count-wrapper{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
#participant-count-wrapper label{
    white-space:nowrap;
    margin-right: 16px;
}
#participant-count-wrapper input{
    width: 70px;
    border-radius: 4px 0 0 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right:none;
}
#participant-count-wrapper button{
    border: none;
    border-radius: 0 4px 4px 0;
    background-color: var( --e-global-color-e937f14 );
}
#participant-count-wrapper button:hover{
    background-color: var( --e-global-color-cc6e28c );
}
@media screen and (max-width:767px){
#participant-count-wrapper label{
    margin-bottom: 16px;
    width:100%;
}
}
@media screen and (max-width:1024px){
#participant-count-wrapper input{
    padding-top: 9px;
    padding-bottom: 9px;
}
}

/*-- Step 2 --*/
#edit-participant-count{
    padding: 2px 6px;
    border:0px;
    text-transform: none;
    font-weight: 500;
    background-color: var(--e-global-color-secondary);
    color: var( --e-global-color-708accad );
    letter-spacing:0px;
}
#edit-participant-count:hover{
    background-color: var( --e-global-color-708accad );
    color: white;
}
#participant-navigation{
    flex-wrap: wrap;
    gap: 24px;
    margin: 24px 0px;
}
#participant-navigation button{
    border-radius: 0px;
    padding: 0 0 6px 0;
    border-bottom: 3px solid transparent;
    border-top:none;
    border-right:none;
    border-left: none;
    background-color: transparent;
    text-transform: none;
    opacity: .2;
    background-color: transparent;
    letter-spacing:0px;
    font-weight: 700;
    color: var(--e-global-color-e937f14);
}
#participant-navigation button.active {
    border-bottom: 3px solid var( --e-global-color-708accad );
    opacity: 1;
}
#participant-navigation button.correct{
    color:var( --e-global-color-708accad );
    opacity: 1
    pointer-events: none;
}
/*-- Last step --*/
.participant-summary ul li:marker{
    font-size: 10px;
}
.participant-summary ul li{
    opacity: .8;
}
.participant-summary ul li strong{
    font-weight: 600;
}
.participant-summary ul{
    margin-top: 16px;
    padding-inline-start:25px;
}
 .participant-summary {
    background-color :#F4F6F7;
    padding: 16px;
    margin-bottom: 12px;
 }
 .participants-summary{
     margin-top: 16px;
     margin-bottom: 9px;
 }
#modify-participants{
    padding: 2px 6px;
    border:0px;
    text-transform: none;
    font-weight: 500;
    background-color: var(--e-global-color-secondary);
    color: var( --e-global-color-708accad );
    letter-spacing:0px;
}
#modify-participants:hover{
    background-color: var( --e-global-color-708accad );
    color: white;
}
#validate-reservation{
    border: 0px;
    margin-right: 24px;
}

#participants-summary div:last-child{
    margin-bottom: 24px;
}
#participants-summary div:first-child{
    margin-top: 24px;
}

@media screen and (max-width:767px){
    #validate-reservation{
        width:100%;
        margin-right:0px;
        margin-bottom: 24px;
    }
    #modify-participants{
        width:100%;
    }
}

/*-- hide element----*/
form.cart .single_add_to_cart_button {
    display: none !important;
}
.single_variation_wrap .quantity,
.elementor-product-simple .quantity {
    display: none !important;
}
.elementor-product-variable
    form.cart
    .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled {
    display: none !important;
}
.elementor-product-variable
    form.cart
    .woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled button.button.alt{
        display: none;
}
/*-- variations --*/
table.variations tr{
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: stretch;
    padding-bottom: 16px;
}
table.variations tr th{
    padding: 0px !important;
    margin-bottom:8px;
}
table.variations tr td, table.variations tr th{
    background-color:white !important;
}
@media screen and (max-width:767px){
  .woocommerce div.product form.cart .variations select{
      margin-right:0px;
  }
  table.variations tr td{
      padding:0px;
  }
}

/*--- price ---*/
.form-woo .woocommerce-variation-price{
     border-top:4px solid var( --e-global-color-708accad );
     padding: 24px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-align: center;
    background-color: var( --e-global-color-primary );
    margin-bottom: 16px;
}
.form-woo .woocommerce-variation-price span.price{
     color: var( --e-global-color-708accad ) !important;
}

/*--- order WCF ---*/
form.cart button.wapf-add-clone.button {
display:none;}
.wapf-field-group label{
        font-family: var(--e-global-typography-6adbd4d-font-family), Sans-serif;
    font-size: var(--e-global-typography-6adbd4d-font-size);
    font-weight: var(--e-global-typography-6adbd4d-font-weight);
    line-height: var(--e-global-typography-6adbd4d-line-height);
    color:var( --e-global-color-e937f14 );
}
.wapf-field-group select, .wapf-field-group input {
    font-family: var(--e-global-typography-9e09db4-font-family), Sans-serif;
    font-size: var(--e-global-typography-9e09db4-font-size);
    font-weight: var(--e-global-typography-9e09db4-font-weight);
    line-height: var(--e-global-typography-9e09db4-line-height);
    letter-spacing: var(--e-global-typography-9e09db4-letter-spacing);
    border-color: rgb(202, 212, 215);
}
.wapf-field-group select:valid, .wapf-field-group input:valid, table.variations select:valid{
    background-color: #EEFAFF !important;
    color:var( --e-global-color-e937f14 ) !important;
    border-color:var(--e-global-color-accent) !important;
}
.wapf-field-group select{
    appearance: none;
    -webkit-appearance: none;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hldnJvbi1kb3duIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSI+PC9wb2x5bGluZT48L3N2Zz4=) no-repeat;
    background-size: 16px;
    -webkit-background-size: 16px;
    background-position: calc(100% - 12px) 50%;
    -webkit-background-position: calc(100% - 12px) 50%;
}
@media screen and (max-width:767px){
    .wapf-field-container{
        padding:0px;
    }
    .wapf-wrapper{
        padding-right:0px;
        padding-left:0px;
        margin-left:0px;
        margin-right:0px;
    }
}


/*--- total----*/
.wapf-product-totals{
    padding: 24px 32px 20px;
    background-color: var( --e-global-color-primary );
    border-top:4px solid var( --e-global-color-708accad );
}
.wapf-product-totals div span:first-child{
   font-family: var(--e-global-typography-9e09db4-font-family), Sans-serif;
    font-size: var(--e-global-typography-9e09db4-font-size);
    font-weight: var(--e-global-typography-9e09db4-font-weight) !important;
    line-height: var(--e-global-typography-9e09db4-line-height);
    letter-spacing: var(--e-global-typography-9e09db4-letter-spacing); 
    max-width: calc(100% - 300px);
}
.wapf-product-totals .wapf--inner>div{
    display: flex;
    align-items: center;
    gap: 32px;
    justify-content: space-between;
}
.wapf-product-totals div span:last-child{
    white-space: nowrap;
    width: fit-content;
    float: none !important;
        font-family: var(--e-global-typography-b6cea90-font-family), Sans-serif;
    font-size: var(--e-global-typography-b6cea90-font-size) !important;
    font-weight: var(--e-global-typography-b6cea90-font-weight);
    text-transform: var(--e-global-typography-b6cea90-text-transform);
    line-height: var(--e-global-typography-b6cea90-line-height);
    letter-spacing: var(--e-global-typography-b6cea90-letter-spacing);
    color:var( --e-global-color-e937f14 ) !important;
    opacity: .6 !important;
}
.wapf-product-totals .wapf--inner > div:nth-child(3){
    padding-top: 24px;
    margin-top: 14px;
    border-top: 1px solid rgb(202, 212, 215);
}
.wapf-product-totals .wapf--inner > div:nth-child(3) span{
    font-family: var(--e-global-typography-0d296c9-font-family), Sans-serif;
    font-size: var(--e-global-typography-0d296c9-font-size) !important;
    font-weight: var(--e-global-typography-0d296c9-font-weight) !important;
    line-height: var(--e-global-typography-0d296c9-line-height) !important;
    letter-spacing: var(--e-global-typography-0d296c9-letter-spacing) !important;
    opacity: 1 !important;
}
/*--- paiement deposit ---*/
.wc-deposits-options-form hr.separator{
    display: none;
}
.switch-candy{
    background-color: var(--e-global-color-44bb880);
    text-shadow:none !important;
    box-shadow: none !important;
    height:fit-content;
    padding: 15px !important;
    margin-top:20px !important;
    display: flex;
    align-items: center;
}
.wc-deposits-options-form input.input-radio:enabled~label{
    text-shadow:none !important;
    box-shadow: none !important;
    color:var( --e-global-color-e937f14 );
    font-weight: 500;
}
.wc-deposits-options-form div a.wc-deposits-switcher{
    background-color: white !important;
    background:white !Important;
    border:1px solid var( --e-global-color-708accad ) ;
}
.wcdp-payment-plans{
    padding: 0px !important;
}
.wcdp-payment-plans input, .wcdp-payment-plans label{
    display:none;
}
a.wcdp-view-plan-details{
    font-weight: 500;
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-708accad) !important;
    letter-spacing: 0px;
    padding: 2px 12px !important;
    border-radius: 4px;
    width: fit-content;
}
a.wcdp-view-plan-details:hover{
    background-color: var(--e-global-color-708accad);
    color: white !important;
}
.wcdp-payment-plans ul{
    padding:0px !important;
}
.wcdp-payment-plans fieldset{
    margin: 12px 0px;
    border: none;
    background-color: var(--e-global-color-0008aaa);
    border-radius: 4px;
    padding: 20px;
}
.wc-deposits-options-form .amount{
    font-weight: 700 !important;
    color: var( --e-global-color-e937f14 );
}
.wcdp-payment-plans table tbody>tr:nth-child(odd)>td, .wcdp-payment-plans table tbody>tr:nth-child(odd)>th{
    background-color: white !important;
    padding: 10px !important;
}
.wcdp-payment-plans table{
    margin: 0px !important;
}
.wc-deposits-options-form input.input-radio:enabled~label{
        padding-right:15px;
    }
label.pay-full-amount-label{
        padding-right:0px !important;
        padding-left:15px;
    }
@media screen and (max-width:767px){
    .switch-candy{
        padding:10px !important;
    }
    .wc-deposits-options-form input.input-radio:enabled~label{
        font-size:14px;
        line-height: 20px;
        padding-right:10px;
    }
    label.pay-full-amount-label{
        padding-right:0px !important;
        padding-left:10px;
    }
}
/*--- submit participant btn ---*/
#participant-save-btn{
    background-color: var( --e-global-color-708accad );
    padding-top: 14px;
    padding-bottom: 14px;
    margin:20px 0 0;
}
#participant-save-btn:hover{
  background-color: var(--e-global-color-e937f14);  
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.loading::after{
    top:.818em !important;
}
#participant-save-btn.button.alt.loading{
    padding-right: 41px;
}
/*--- title steps ---*/
.steps-title{
    margin-top: 20px;
}