/* PAGE BOOKING */
.page-template-bookings main#content{
    position: relative;
    margin-top: 150px;
}

.page-template-bookings main#content .booking-process {
    width: 100%;
    padding: 10px;
}

/* PROGRESS BAR */
.booking-progress-bar {
    position: relative;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.booking-progress-bar-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    font-size: 14px;
}

    .booking-progress-bar-item::before {
        position: absolute;
        content: "";
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, var( --e-global-color-primary ) 100%) 1;
        border-bottom-color: transparent;
        width: 100%;
        top: 30px;
        left: -50%;
        z-index: 2;
    }

    .booking-progress-bar-item::after {
        position: absolute;
        content: "";
        border-bottom: 2px solid var( --e-global-color-primary );
        width: 100%;
        top: 30px;
        left: 50%;
        z-index: 2;
    }

    .booking-progress-bar-item .step-counter {
        color:  var( --e-global-color-primary );
        font-family: var( --e-global-typography-text-font-family ), Sans-serif;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #000000;
        border: 4px solid var( --e-global-color-primary );
        margin-bottom: 6px;
    }

    .booking-progress-bar-item .step-name {
        color:  var( --e-global-color-primary );
    }

/*
.booking-progress-bar-item.active {    
    color:  var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );    
}

    .booking-progress-bar-item.active .step-counter {
        border-color: var( --e-global-color-primary );
    }

    .booking-progress-bar-item.active::before {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0, var( --e-global-color-primary ) 100%) 1;
        border-bottom-color: transparent;
    }

    .booking-progress-bar-item.active::after {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-image: linear-gradient( to right, var( --e-global-color-primary ) 0, rgba(0, 0, 0, 0) 100%) 1;
        border-bottom-color: transparent;
    }
*/

.booking-progress-bar-item.completed {
    cursor: pointer;
}

    .booking-progress-bar-item.completed .step-counter {
        color:  var( --e-global-color-primary );
        border-color: #F0E8D530;
    }
        .booking-progress-bar-item.completed .step-counter span{
            opacity: 0.3;
        }

    .booking-progress-bar-item.completed .step-name {
        color:  var( --e-global-color-primary );
        opacity: 0.3;
    }

    .booking-progress-bar-item.completed::before, 
    .booking-progress-bar-item.completed::after {        
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: var( --e-global-color-primary );
        opacity: 0.1;
    }

.booking-progress-bar-item:first-child::before {
    content: none;
}
.booking-progress-bar-item:last-child::after {
    content: none;
}
/* END PROGRESS BAR */





.booking-header h3{
    font-family: var( --e-global-typography-primary-font-family);
    color: var( --e-global-color-primary );
    font-size: 21px;
    margin: 30px 0 15px;
}


.page-template-bookings .booking-client-info-container{
    position: relative;
}

.page-template-bookings .booking-client-info-container .booking-client-info {
    padding: 60px 0 30px !important;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-image: linear-gradient( to right, rgba(0, 0, 0, 0) 10%, var(--e-global-color-primary), rgba(0, 0, 0, 0) 90%) 1;
}

.page-template-bookings .booking-client-info-container .booking-client-info:first-child{
    border-width: 0;
}

.page-template-bookings .booking-client-info-container .booking-client-info .booking-client-info-title{
    color: var(--e-global-color-primary);
    text-transform: uppercase;
}

.page-template-bookings .booking-client-info-container .booking-client-info-fields{
    display: flex;
    justify-content: start;
    gap: 15px 30px;
}



.page-template-bookings .booking-info-container{
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    gap: 0 60px;
}



.page-template-bookings .booking-info-container .booking-clients-number-input-container{
    position: relative;
    width: auto;
    background-color: transparent;
    min-width: 300px !important;    
    display: flex;
    align-content: center;
}

    .page-template-bookings .booking-info-container .booking-clients-number-input-container label{  
        font-size: 1.2em;
        margin-right: 10px;
        font-weight: 500;
        padding: 10px 0 0;
        align-content: center;
    }

    .page-template-bookings .booking-info-container .booking-clients-number-input-container .select2-selection{  
        font-size: 1.2em;
        font-weight: 500;
        border-color: var( --e-global-color-secondary );
        border-style: solid;
        border-width: 0 0 1px 0;
        border-image: linear-gradient( to right, var(--e-global-color-secondary), var(--e-global-color-primary), var(--e-global-color-secondary)) 1;
    }
        .page-template-bookings .booking-info-container .booking-clients-number-input-container .select2-selection .select2-selection__rendered{  
            padding-right: 35px;
        }

        .page-template-bookings .booking-info-container .booking-clients-number-input-container .select2-selection .select2-selection__arrow b {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;  
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            border: 0;
            margin: 0;
            left: auto;
            top: 50%;
            transform: translateY(-50%);
            width: 15px;
            height: 12px;
        }
            .page-template-bookings .booking-info-container .booking-clients-number-input-container .select2-selection .select2-selection__arrow b:before {
                content: "\f078";
            }


 .page-template-bookings .booking-info-container .booking-same-products-input-container{
    font-size: 1.2em;
 }           

.page-template-bookings .booking-client-info-container .booking-client-info-field{
    position: relative;
    width: auto;
    min-width: 100px;
    background-color: transparent;
}

.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field label{
    cursor: text;
    font-family: inherit;
    font-size: 1rem;
    font-style: inherit;
    font-weight: inherit;
    left: .5625em;
    letter-spacing: inherit;
    line-height: 30px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 0;
    transform: translateY(.6em);
    transform-origin: top left;
    transition: all .2s ease;
}


.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field input{
    background: none;
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 4px;
    box-sizing: border-box;
    color: var( --e-global-color-primary );
    font-family: inherit;
    font-size: 1rem;
    height: 50px;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 1.5em .5em .5em ;
    width: 100%;
}


.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field .select2-selection{
    border: 1px solid var(--e-global-color-secondary);
    font-family: inherit;
    font-size: 1rem;
    height: 50px;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 1.5em .5em .3em;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    background: none;
}

.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field .select2-selection__rendered{
    color: var( --e-global-color-primary );
    line-height: 1;
    margin: 0;
    padding: 0 20px 0 0;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    background: none;
}


.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field:autofill + label,
.page-template-bookings .booking-client-info-container .booking-client-info-fields .booking-client-info-field.is-active label{
    transform: translateY(8px) scale(.6);
    line-height: 1.5em;
}

.booking-error-message,
.booking-footer-message,
.booking-giftvoucher-error-message,
.booking-coupon-error-message,
.cardinfo-alert{
    color: var( --e-global-color-820d1f9 );
    padding-top: 10px;
}

.booking-footer-actions{
    text-align: end;
}

    .booking-footer-actions button{
        outline: 2px solid var( --e-global-color-secondary );
        border: 2px solid var( --e-global-color-text );
        background: var( --e-global-color-secondary );
        color: var( --e-global-color-text );
        margin-left: 15px;
        text-transform: uppercase;
    }

    .booking-footer-actions button:focus,
    .booking-footer-actions button:active,
    .booking-footer-actions button:hover{
        border: 2px solid var( --e-global-color-text ) !important;
        outline: 2px solid var( --e-global-color-accent ) !important;
        background: var( --e-global-color-accent ) !important;
        color: var( --e-global-color-text ) !important;
    }


.page-template-bookings .booking-product{
    display: flex;
    margin: 30px auto;
    background: #000000;
}

.page-template-bookings .booking-product .booking-product-image{
    position: relative;
    flex: 1;
}

.page-template-bookings .booking-product .booking-product-image img,
.page-template-bookings .booking-product .booking-product-image picture{
    display: block;
    object-fit: cover;
    height: 100%;
}

.page-template-bookings .rituales-del-hammam .booking-product .booking-product-image::before{
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: auto;
    opacity: 0.6;
    z-index: 1;
    background-image: url('https://ritualesdeloriente.com/wp-content/uploads/2023/05/moucharabieh-rituales.png');
    background-position: top left;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.page-template-bookings .booking-product .booking-product-details{
    flex: 3;
    padding: 15px 30px 30px 30px;
}

.page-template-bookings .booking-product .booking-product-details h4{
    margin-block-start: .5rem;
    margin-block-end: 0.5rem;
}

.page-template-bookings .booking-product .booking-product-details .booking-treatment-time img{
    width: 18px;
    margin-right: 10px;
    margin-top: 3px;
}
.page-template-bookings .booking-product .booking-product-details .booking-product-details-title{
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 3px 0 0;
    margin: 0;
}

.page-template-bookings .booking-product .booking-product-details .booking-product-details-price{
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: 0.8rem;
    float: right;
    padding: 7px 0;
    margin: 0;
}

.page-template-bookings .booking-product .booking-product-details .booking-product-details-price .amount{
    font-size: 1.2rem;
}



.page-template-bookings .booking-product .booking-product-details .booking-product-details-actions{
    position: relative;
}


.page-template-bookings .booking-product .booking-product-details .booking-treatment-time p{
    margin: 0;
    display: flex;
    align-items: center;
}

.page-template-bookings .booking-product .booking-product-details .booking-product-details-description{
    color: var( --e-global-color-7654a6b );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
    position: relative;
    padding-top: 20px;
}

.page-template-bookings .booking-product .booking-product-details .booking-product-details-description:before{
    content: '';
    background-image: linear-gradient(to right, rgba(255,255,255,0), var( --e-global-color-secondary ), rgba(255,255,255,0));
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 80%;
    margin: 5px auto;
}

.woocommerce-loop-product__actions .booking-product-options,
.page-template-bookings .booking-product .booking-product-details .booking-product-show-options,
.page-template-bookings .booking-product .booking-product-details .booking-product-options{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px 15px;
    margin-top: 15px;
}


.page-template-bookings .booking-product .booking-product-details .booking-product-show-options{
    justify-content: end;
}


.woocommerce-loop-product__actions .booking-product-options,
.page-template-bookings .booking-product .booking-product-details .booking-product-actions{
    margin-left: auto;
}



.woocommerce-loop-product__actions .booking-product-options .booking-product-option,
.woocommerce-loop-product__actions .booking-product-options .booking-product-extra-options,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options{
    position: relative;
    min-width: 150px;
}


.woocommerce-loop-product__actions .booking-product-options .booking-product-option label,
.woocommerce-loop-product__actions .booking-product-options .booking-product-extra-options label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options label{
    cursor: text;
    font-family: inherit;
    font-size: 0.8em;
    font-style: inherit;
    font-weight: inherit;
    left: .675em;
    letter-spacing: inherit;
    line-height: 0.9em;
    margin: 0;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 0;
    transform: translateY(0.7em);
    transform-origin: top left;
    transition: all .2s ease;
}


.woocommerce-loop-product__actions .booking-product-options .booking-product-option .select2-selection,
.woocommerce-loop-product__actions .booking-product-options .booking-product-extra-options .select2-selection,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option .select2-selection,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options .select2-selection{
    border: 1px solid var(--e-global-color-secondary);
    font-family: inherit;
    font-size: 1em;
    height: 50px;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 1.8em .5em .3em;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    background: none;
    min-width: 180px;
}

.woocommerce-loop-product__actions .booking-product-options .booking-product-option .select2-selection__rendered,
.woocommerce-loop-product__actions .booking-product-options .booking-product-extra-options .select2-selection__rendered,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option .select2-selection__rendered,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options .select2-selection__rendered{
    color: var( --e-global-color-primary );
    line-height: 1;
    margin: 0;
    padding: 0 20px 0 0;
    width: 100%;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
}


.woocommerce-loop-product__actions .booking-product-options .booking-product-option:autofill + label,
.woocommerce-loop-product__actions .booking-product-options .booking-product-option.is-active label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option:autofill + label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-option.is-active label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options:autofill + label,
.page-template-bookings .booking-product .booking-product-details .booking-product-options .booking-product-extra-options.is-active label{
    transform: translateY(8px) scale(.75);
    line-height: 1.5em;
}


.woocommerce-loop-product__actions .booking-product-options .booking-product-actions button,
.page-template-bookings .booking-product .booking-product-details .booking-product-show-options button,
.page-template-bookings .booking-product .booking-product-details .booking-product-actions button{
    height: 40px;
    text-transform: uppercase;
    outline: 2px solid var( --e-global-color-secondary );
    border: 2px solid var( --e-global-color-text );
    background: var( --e-global-color-secondary );
    color: var( --e-global-color-text );
}


.woocommerce-loop-product__actions .booking-product-options .booking-product-actions button:hover,
.page-template-bookings .booking-product .booking-product-details .booking-product-show-options button:hover,
.page-template-bookings .booking-product .booking-product-details .booking-product-actions button:hover,
.woocommerce-loop-product__actions .booking-product-options .booking-product-actions button:focus,
.page-template-bookings .booking-product .booking-product-details .booking-product-show-options button:focus,
.page-template-bookings .booking-product .booking-product-details .booking-product-actions button:focus,
.woocommerce-loop-product__actions .booking-product-options .booking-product-actions button:active,
.page-template-bookings .booking-product .booking-product-details .booking-product-show-options button:active,
.page-template-bookings .booking-product .booking-product-details .booking-product-actions button:active{
    outline: 2px solid var( --e-global-color-accent ) !important;
    border: 2px solid var( --e-global-color-text ) !important;
    background: var( --e-global-color-accent ) !important;
    color: var( --e-global-color-text ) !important;
}

.woocommerce-loop-product__actions .booking-product-options .booking-product-actions button:before{
    top: 8px;
    left: 8px;
}


/* BOOKING DATE TIME AND SPECIAL REQUEST */



.booking-special-request-container .booking-special-request-form{
    padding-right: 60px;
}

.booking-special-request-container .booking-special-request-client-info-container{
    display: flex;
    justify-content: start;
    gap: 0 30px;
}
    .booking-special-request-container .booking-special-request-client-info-container .booking-email{
        flex: 2;
    }

.booking-special-request-container .booking-accept-conditions-container{
    margin-bottom: 30px;
}


.booking-special-request-container{
    display: none;
    padding: 0 30px 60px;
    background: #000;
}

.booking-special-request-container,
.booking-date-time-container{
    margin-top: 15px;
    margin-bottom: 30px;
}

.booking-special-request,
.booking-date-time{
    position: relative;
    display: inline-block;
    min-width: 275px;
    background: var(--e-global-color-text);
    margin-bottom: 30px;
}


.booking-special-request-columns{
    display: flex;
    justify-content: space-between;
    gap: 0 30px;
}

    .booking-special-request-columns > div:first-child{
        flex: 2;
    }

    .booking-special-request-columns .booking-special-request-info{
        flex: 1;
        padding-top: 24px;
        text-align: justify;
    }
        .booking-special-request-columns .booking-special-request-info h2{
            font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
            font-weight: var( --e-global-typography-primary-font-weight );
            color: var( --e-global-color-primary );
        }

#booking_date,
#booking_time{
    cursor: pointer;
}

.booking-date-calendar{
    display: none;
}

.ui-datepicker-inline{
    max-width: 100%;
}

.ui-datepicker table.ui-datepicker-calendar .ui-state-disabled{
    opacity: 0.6;
}

.ui-datepicker table.ui-datepicker-calendar tr:hover > td{
    background-color: #000;
}

.ui-datepicker table.ui-datepicker-calendar .ui-state-default{    
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
}

.ui-datepicker table.ui-datepicker-calendar .ui-state-hover{
    color: var( --e-global-color-primary );
    font-weight: 600;
    overflow: hidden;
}

.ui-datepicker table.ui-datepicker-calendar .ui-state-active{
    background-color: var( --e-global-color-primary );
    color: #000000 !important;
}

.bookings-calendar-configuration-container{
    display: none;
}




.booking-ideal-time ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 15px;
    padding: 20px 0 30px;
}

.booking-ideal-time ul li{
    padding: 5px 10px;
    border: 1px solid var( --e-global-color-secondary );
    color: var(--e-global-color-primary);
    border-radius: 4px;
    min-width: 60px;
    text-align: center;
}

.booking-ideal-time ul li:hover{
    cursor: pointer;
    color: var( --e-global-color-primary);
    border-color: var( --e-global-color-primary);
}

.booking-ideal-time ul li.selected{
    cursor: pointer;
    background-color: var( --e-global-color-secondary );
    color: var(--e-global-color-text);
    border-color: var(--e-global-color-secondary);
}





/* BOOKING GIFTVOUCHER */
.booking-coupon-container,
.booking-giftvoucher-container{
    margin-top: 15px;
    margin-bottom: 30px;
}

.booking-coupon-container{
    margin-bottom: 60px;    
}

.booking-coupon-container .booking-coupon-checkbox-header,
.booking-giftvoucher-container .booking-giftvoucher-checkbox-header{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.booking-coupon-container .booking-coupon-checkbox,
.booking-giftvoucher-container .booking-giftvoucher-checkbox{
    display: flex;
    gap: 30px;
    margin: 30px 0 15px;
}


.booking-coupon-form,
.booking-giftvoucher-form{
    display: none;
}


.booking-coupon,
.booking-giftvoucher{
    position: relative;
    display: inline-block;
    min-width: 300px;
    background: var( --e-global-color-text);
}

.booking-coupon.valid::after,
.booking-giftvoucher.valid::after{
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 25px;
    color: var(--e-global-color-primary);
    position: absolute;
    top: 4px;
    right: 15px;
}

.booking-coupon.invalid::after,
.booking-giftvoucher.invalid::after{ 
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 25px;
    color: var(--e-global-color-820d1f9);
    position: absolute;
    top: 4px;
    right: 15px;
}


.booking-coupon-actions,
.booking-giftvoucher-actions{
    margin: 0 0 0 30px;
    display: inline-block;
    vertical-align: top;
}
    .booking-coupon-actions .btn-check-booking-coupon,
    .booking-giftvoucher-actions .btn-check-booking-giftvoucher{
        text-transform: uppercase;
        height: 47px;
    }


.btn-remove-booking-coupon:hover,
.btn-remove-booking-coupon:focus,
.btn-remove-booking-coupon:active,
.btn-remove-booking-coupon,
.btn-remove-booking-giftvoucher:hover,
.btn-remove-booking-giftvoucher:focus,
.btn-remove-booking-giftvoucher:active,
.btn-remove-booking-giftvoucher{
    border: 0 !important;
    padding: 0 !important;
}


/* BOOKING SUMMARY */
.page-template-bookings .booking-summary{
    margin: 15px 0 0;
}

.page-template-bookings .booking-summary .product{
    display: flex;
    width: 100% !important;
    overflow: hidden;
    margin-bottom: 15px;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__thumbnail{
    position: relative;
    flex: 1;
}


.page-template-bookings .booking-summary .product.product_cat-rituales-del-hammam .woocommerce-loop-product__thumbnail::before{
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    width: 100%;
    height: auto;
    opacity: 1;
    z-index: 1;
    background-image: url('https://ritualesdeloriente.com/wp-content/uploads/2023/05/moucharabieh-rituales.png');
    background-position: top left;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__thumbnail img,
.page-template-bookings .booking-summary .product .woocommerce-loop-product__thumbnail picture{
    margin: 0;
    height: 100%;
    object-fit: cover;
    width: auto;
}


.page-template-bookings .booking-summary .product .woocommerce-loop-product__content{
    position: relative;
    display: flex;
    background: #000000;
    flex: 3;
    padding: 15px 30px;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__content .woocommerce-loop-product__close{
    position: absolute;
    top: 10px;
    right: 10px;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__content .woocommerce-loop-product__row{
    position: relative;
    flex: 1;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__content .woocommerce-loop-product__row h3{
    font-size: 1.2em;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__content .woocommerce-loop-product__row .woocommerce-loop-product__title{
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 3px 0 0;
    margin: 0;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__meta dl dt{
    display: none;
}
.page-template-bookings .booking-summary .product .woocommerce-loop-product__meta dl dd{
    margin: 0;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__price-default,
.page-template-bookings .booking-summary .product .woocommerce-loop-product__price{
    color: var( --e-global-color-primary );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    float: right;
    padding: 0;
    margin: 0;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__price-default .amount,
.page-template-bookings .booking-summary .product .woocommerce-loop-product__price .amount{
    font-size: 1.2rem;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__treatmenttime{
    position: relative;
    display: flex;
}
.page-template-bookings .booking-summary .product .woocommerce-loop-product__treatmenttime .hide-text{
    font-size: 0;
}
.page-template-bookings .booking-summary .product .woocommerce-loop-product__treatmenttime p{
    margin: 0;
}
.page-template-bookings .booking-summary .product .woocommerce-loop-product__treatmenttime img{
    width: 18px;
    margin-right: 10px;
    margin-top: 3px;
}

.page-template-bookings .booking-summary .product .woocommerce-loop-product__excerpt{
    color: var( --e-global-color-7654a6b );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
    position: relative;
    display: block;
    padding-top: 20px;
}
.page-template-bookings .booking-summary .product .woocommerce-loop-product__excerpt::before {
    content: '';
    background-image: linear-gradient(to right, rgba(255,255,255,0), var( --e-global-color-secondary ), rgba(255,255,255,0));
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 80%;
    margin: 5px auto;
}

.page-template-bookings .booking-summary .product .treatment_time{
    color: var( --e-global-color-secondary );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
    position: relative;
    display: block;
}

.page-template-bookings .booking-summary .product .treatment_time p{
    display: flex;
    align-items: center;
}

.page-template-bookings .booking-summary .product .treatment_time img,
.page-template-bookings .booking-summary .product .treatment_time picture{
    width: 18px;
    margin-right: 15px;
    margin-top: 3px;
}

.page-template-bookings .booking-summary .product .treatment_time img:last-child,
.page-template-bookings .booking-summary .product .treatment_time picture:last-child{
    margin-right: 6px;
}

.page-template-bookings button.booking-add-product:hover,
.page-template-bookings button.booking-add-product:focus,
.page-template-bookings button.booking-add-product:active,
.page-template-bookings button.booking-add-product,
.page-template-bookings button.booking-close-accordion:hover,
.page-template-bookings button.booking-close-accordion:focus,
.page-template-bookings button.booking-close-accordion:active,
.page-template-bookings button.booking-close-accordion{
    padding: 12px 0;
    border: none !important;
    outline: none;
}



.page-template-bookings .booking-summary-totals{
    display: block;
    text-align: end;
    margin-top: 30px;
}

.page-template-bookings .booking-summary-totals .booking-summary-total{
    padding: 15px 0 30px;
    font-size: 1.2em;
}

.page-template-bookings .booking-summary-totals .booking-summary-subtotal > span,
.page-template-bookings .booking-summary-totals .booking-summary-coupons > span,
.page-template-bookings .booking-summary-totals .booking-summary-total > span{
    color: var( --e-global-color-primary );
    display: inline-block;
    min-width: 80px;
}

.page-template-bookings .booking-summary-totals .booking-summary-coupons > a{
    font-size: 0.8em;
}

.page-template-bookings .booking-summary-totals .booking-summary-total > span{
    font-size: 1.4em;
}


/* END BOOKING SUMMARY */



/* CHECKOUT */
.elementor-widget-woocommerce-checkout-page .e-checkout__container,
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details{
    display: flex;
}

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details.col2-set .col-1{
    width: 65%;
}

.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details.col2-set .col-2{
    width: 35%;
}
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details.col2-set .col-2 .e-checkout__column-end{
    padding-left: 60px;
    height: 100%;
}



.bookings_checkout_form h3,
.bookings_checkout_login_form h3,
.elementor-widget-woocommerce-checkout-page .woocommerce h3{
    border: 1px solid var( --e-global-color-secondary );
    padding: 8px;
}
.bookings_checkout_form h3 label,
.bookings_checkout_login_form h3 label,
.elementor-widget-woocommerce-checkout-page .woocommerce h3 label{
    margin-left: 10px;
}


.elementor-widget-woocommerce-checkout-page .e-login-wrap-start{
    display: flex;
    gap: 0 30px;
}
.elementor-widget-woocommerce-checkout-page .e-login-wrap-start p{
    flex: 1;
}


.elementor-widget-woocommerce-checkout-page .woocommerce button.woocommerce-button,
.elementor-widget-woocommerce-checkout-page .woocommerce-form-login__submit{
    width: 100%;
    border: 0;
    color: #ffffff;
    background: var( --e-global-color-secondary );
}

.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section{
    width: 65%;
    margin-bottom: 80px;
    padding: 15px;
    border: 1px solid var(--e-global-color-secondary);
}

.bookings_checkout_form .elementor-form-fields-wrapper{
    gap: 15px;
}

.bookings_checkout_form .elementor-field-type-html{
    color: var(--e-global-color-secondary);
    margin-top: -15px;
}

.bookings_checkout_form .elementor-field-type-text,
.bookings_checkout_form .elementor-field-type-email,
.bookings_checkout_form .elementor-field-type-tel,
.bookings_checkout_form .elementor-field-type-select,
.bookings_checkout_login_form .elementor-field-text,
.bookings_checkout_login_form .elementor-field-password{
    position: relative;
    min-width: 150px;
    background: var( --e-global-color-text);
    border-radius: 4px;
}

.bookings_checkout_form #form-field-booking_user_phone::placeholder{
    font-size: 16px;
}

.bookings_checkout_form .elementor-field-type-text .iti__selected-country,
.bookings_checkout_form .elementor-field-type-tel .iti__selected-country{
    border: 0 !important;
    padding: 1.7em .3em .7em;
}

.bookings_checkout_form .elementor-field-type-text label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-email label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-tel label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-select label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-text label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-password label.elementor-field-label{
    cursor: text;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-weight: inherit;
    left: 0.765em;
    letter-spacing: inherit;
    line-height: 1.8em;
    margin: 0;
    max-width: calc(100% - 32px);
    overflow: hidden;
    position: absolute;
    text-decoration: inherit;
    text-overflow: ellipsis;
    text-transform: inherit;
    top: 0;
    transform: translateY(0.9em);
    transform-origin: top left;
    transition: all .2s ease;
}


.bookings_checkout_login_form .elementor-field-type-text label.elementor-field-label{
    left: 1em;
}

.bookings_checkout_login_form .elementor-field-type-password label.elementor-field-label{
    left: 0.8em;
}

.bookings_checkout_form .elementor-field-type-text .elementor-field,
.bookings_checkout_form .elementor-field-type-email .elementor-field,
.bookings_checkout_form .elementor-field-type-tel .elementor-field,
.bookings_checkout_form .elementor-field-type-select .elementor-field,
.bookings_checkout_login_form .elementor-field-type-text .elementor-field,
.bookings_checkout_login_form .elementor-field-type-password .elementor-field{    
    background-color: transparent;
    border: 1px solid var( --e-global-color-secondary );
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 1em;
    height: 50px;
    line-height: 1;
    margin: 0;
    min-height: 0;
    padding: 1em .5em;
    width: 100%;
    min-width: 270px;
}

.bookings_checkout_form .elementor-field-type-text .elementor-field select,
.bookings_checkout_form .elementor-field-type-email .elementor-field select,
.bookings_checkout_form .elementor-field-type-tel .elementor-field select,
.bookings_checkout_form .elementor-field-type-select .elementor-field select,
.bookings_checkout_login_form .elementor-field-type-text .elementor-field select,
.bookings_checkout_login_form .elementor-field-type-password .elementor-field select{
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
}

.bookings_checkout_form .elementor-field-type-text .select2-container--default .select2-selection--single,
.bookings_checkout_form .elementor-field-type-email .select2-container--default .select2-selection--single,
.bookings_checkout_form .elementor-field-type-tel .select2-container--default .select2-selection--single,
.bookings_checkout_form .elementor-field-type-select .select2-container--default .select2-selection--single{
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
}


.bookings_checkout_form .elementor-field-type-text.is-active label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-text .elementor-field:autofill + label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-email.is-active label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-email .elementor-field:autofill + label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-tel.is-active label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-tel .elementor-field:autofill + label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-select.is-active label.elementor-field-label,
.bookings_checkout_form .elementor-field-type-select .elementor-field:autofill + label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-text.is-active label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-text .elementor-field:autofill + label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-password.is-active label.elementor-field-label,
.bookings_checkout_login_form .elementor-field-type-password .elementor-field:autofill + label.elementor-field-label{
    transform: translateY(10px) scale(.75);
    line-height: 1em;
}

.bookings_checkout_form .elementor-field-type-text .elementor-field,
.bookings_checkout_form .elementor-field-type-email .elementor-field,
.bookings_checkout_form .elementor-field-type-tel .elementor-field,
.bookings_checkout_form .elementor-field-type-select .elementor-field,
.bookings_checkout_login_form .elementor-field-type-text .elementor-field,
.bookings_checkout_login_form .elementor-field-type-password .elementor-field,
.elementor-widget-woocommerce-checkout-page .woocommerce .e-woocommerce-login-section .form-row .input-text,
.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row .input-text{
    padding: 1.5em .5em .5em 0.8em;
}


.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods{
    border: 1px solid var( --e-global-color-secondary );
    padding: 15px;

}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment .payment_methods .payment_box{
    background: transparent;
}
.bookings-checkout-page .rdo-block-woocommerce-checkout-order {
    color: var( --e-global-color-secondary ) !important;
    background-color: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    padding-bottom: 15px;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order-info {
    padding-bottom: 15px;
}


.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item {
    display: flex;
}
.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info > div{
    display: flex;
    justify-content: space-between;
    color: var(--e-global-color-primary);
    font-size: 1em;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info .rdo-block-woocommerce-checkout-order-info-label{
    color: var(--e-global-color-secondary);
}

    .bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info a:focus
    .bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info a:focus-visible,
    .bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info a:active,
    .bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-info a:hover{
        color: var(--e-global-color-primary) !important;
    }

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-client-info{
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--e-global-color-primary);
    font-size: 1em;
    padding: 15px 0 10px;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-client-info a{
    margin-left: auto;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-client-info span{
    padding-top: 4px;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-image{
    margin-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 48px;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-image picture,
.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-image img{
    max-width: 48px;
    width: 48px;
}
.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-image .rdo-block-woocommerce-checkout-order-item-quantity{
    align-items: center;
    background-color: transparent !important;
    border: 1px solid var( --e-global-color-secondary ) !important;;
    border-radius: 1em;
    box-shadow: none;
    color: var( --e-global-color-secondary ) !important;
    display: flex;
    justify-content: center;
    line-height: 18px;
    min-height: 20px;
    min-width: 20px;
    padding: 0 .4em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    white-space: nowrap;
    z-index: 1;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-description{
    padding: 0 12px 5px;
}

.bookings-checkout-page .rdo-block-woocommerce-checkout-order .rdo-block-woocommerce-checkout-order-item-prices{
    margin-left: auto;
    text-align: right;
}


.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table{
    font-size: 16px;
}

.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table td {
    background-color: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    padding: 15px 0 0;
}

.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table th{
    text-align: left;
    color: var( --e-global-color-secondary ) !important;
    font-weight: 400;
}
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table td{
    color: var( --e-global-color-primary ) !important;
    text-align: right;
}

.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-subtotal th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .order-total th{
    color: var( --e-global-color-primary ) !important;
}


.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount-label th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount-label td{
    font-size: 14px;
}

.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount-label th span{
    position: relative;
    padding-right: 15px;
}
    .bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount-label th span:after{
        position: absolute;
        content: '/';
        right: 0; 
        top: auto;
        width: 10px;
        height: 10px;
    }
        .bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount-label th span:last-child::after{
            content: '';
        }

.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-discount td{
    font-size: 14px;
}


.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-subtotal th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .cart-subtotal td,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .order-total th,
.bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .order-total td {
    font-size: 18px;
    padding: 30px 0 0;
    line-height: 18px;
}

    .bookings-checkout-page .rdo-woocommerce-checkout-review-order-table .order-total th small{
        font-size: 10px;
    }


.bookings-checkout-form #booking_checkout_form button#booking_checkout_form_btn{
    outline: 2px solid var( --e-global-color-secondary );
    border: 2px solid var( --e-global-color-text );
    background: var( --e-global-color-secondary );
    color: var( --e-global-color-text );
    margin-top: 30px;
    margin-left: 15px;
    text-transform: uppercase;
}

.bookings-checkout-form #booking_checkout_form button#booking_checkout_form_btn:focus,
.bookings-checkout-form #booking_checkout_form button#booking_checkout_form_btn:active,
.bookings-checkout-form #booking_checkout_form button#booking_checkout_form_btn:hover{
    border: 2px solid var( --e-global-color-text );
    outline: 2px solid var( --e-global-color-accent );
    background: var( --e-global-color-accent );
    color: var( --e-global-color-text );
}


.e-coupon-box .e-checkout-secondary-title{
    border: 1px solid var( --e-global-color-secondary );
    padding: 8px;
}
.e-coupon-anchor-description{
    color: var( --e-global-color-secondary );
}
.woocommerce button.woocommerce-button.e-apply-coupon{
    border: 0;
    background: var( --e-global-color-secondary );
    color: #ffffff;
}

/* END BOOKING CHECKOUT */



/* START BOOKING THANK YOU PAGE */
.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page {
    color: var( --e-global-color-secondary ) !important;
    background-color: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
}



.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-user-firstname,
.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-booking-id{
    color: var(--e-global-color-primary);
    font-weight: 600;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-booking-message{
    font-style: italic;
    color: var(--e-global-color-primary);
    padding: 15px 0;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item {
    display: flex;
}
.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-info > div{
    display: flex;
    justify-content: space-between;
    color: var(--e-global-color-primary);
    font-size: 1em;
}


.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-info .rdo-block-woocommerce-thankyou-page-info-label{
    color: var(--e-global-color-secondary);
}



.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-client-info{
    color: var(--e-global-color-primary);
    font-size: 1em;
    font-weight: 600;
    padding: 30px 0 10px;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-image{
    margin-top: 5px;
    padding-bottom: 5px;
    position: relative;
    width: 48px;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-image picture,
.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-image img{
    max-width: 48px;
    width: 48px;
}
.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-image .rdo-block-woocommerce-thankyou-page-item-quantity{
    align-items: center;
    background-color: transparent !important;
    border: 1px solid var( --e-global-color-secondary ) !important;;
    border-radius: 1em;
    box-shadow: none;
    color: var( --e-global-color-secondary ) !important;
    display: flex;
    justify-content: center;
    line-height: 18px;
    min-height: 20px;
    min-width: 20px;
    padding: 0 .4em;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    white-space: nowrap;
    z-index: 1;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-description{
    padding: 0 12px 5px;
}

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page .rdo-block-woocommerce-thankyou-page-item-prices{
    font-weight: 700;
    margin-left: auto;
    text-align: right;
}


.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table{
    margin-top: 30px;
    font-size: 1em;
}

.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table td {
    background-color: transparent !important;
    box-shadow: 0 0 0 0 transparent !important;
    padding: 15px 0 0;
}

.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table th{
    text-align: left;
    color: var( --e-global-color-secondary ) !important;
    font-weight: 400;
}
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table td{
    color: var( --e-global-color-primary ) !important;
    text-align: right;
}

.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-subtotal th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .order-total th{
    color: var( --e-global-color-primary ) !important;
}


.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount-label th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount-label td{
    font-size: 14px;
}

.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount-label th span{
    position: relative;
    padding-right: 15px;
}
    .bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount-label th span:after{
        position: absolute;
        content: '/';
        right: 0; 
        top: auto;
        width: 10px;
        height: 10px;
    }
        .bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount-label th span:last-child::after{
            content: '';
        }

.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-discount td{
    font-size: 14px;
}


.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-subtotal th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .cart-subtotal td,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .order-total th,
.bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .order-total td {
    font-size: 18px;
    padding: 30px 0 0;
    line-height: 18px;
}

    .bookings-thankyou-page .rdo-woocommerce-thankyou-page-table .order-total th small{
        font-size: 10px;
    }




.bookings-thankyou-page .booking-progress-bar-item::before,
.bookings-thankyou-page .booking-progress-bar-item::after {
    top: 20px;
}

.bookings-thankyou-page .booking-progress-bar-item .step-counter{
    font-size: 14px;
    width: 40px;
    height: 40px;
}


.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-summary-message{
    margin-top: 45px;
}

    .bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-summary-message .rdo-block-woocommerce-thankyou-page-summary-message-label{
        color: var( --e-global-color-primary );
    }

.bookings-thankyou-page .rdo-block-woocommerce-thankyou-page-whatsapp-link{
    color: var(--e-global-color-primary);
    padding-top: 15px;
    font-size: 16px;
    display: block;
}
/* END BOOKING THANK YOU PAGE */



/* END BOOKING MANAGEMENT PAGE */

.cardinfo-container {
    position: relative;
}

.cardinfo-redsys-logo{
    position: absolute;
    top: -6%;
    right: 11%;
    width: 130px;
    height: auto;
    max-width: 100%;
    z-index: 10;
}

.cardinfo-container input::placeholder{
    color: var(--e-global-color-secondary) !important;
}

.cardinfo-container .cardinfo-card-number-details{
    display: flex;
    gap: 30px;
    justify-content: start;
}


.cardinfo-container .cardinfo-card-number,
.cardinfo-container .cardinfo-exp-date,
.cardinfo-container .cardinfo-cvv{
    height: 80px;
    overflow: hidden;
}


.cardinfo-health-terms label,
.cardinfo-conditions-terms label,
.cardinfo-legal-terms label{
    display: contents;
    padding-left: 10px;
}

.cardinfo-container .cardinfo-button-container{
    position: relative;
    padding-top: 10px;
    width: 160px;
    height: 80px;
    overflow: hidden;
}
    .cardinfo-container .cardinfo-button-container .btn-cardinfo-overlay{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }


.cardinfo-container #cardinfo-options{
    margin-top: 30px;
}

.cardinfo-container .cardinfo-conditions-terms-container,
.cardinfo-container .cardinfo-health-terms-container,
.cardinfo-container .cardinfo-legal-terms-container {
    display: flex;
    gap: 10px;
    align-items: start;
    margin-bottom: 15px;
    font-size: 12px;
    color: var(--e-global-color-secondary);
}

    .cardinfo-container .cardinfo-conditions-terms-container label,
    .cardinfo-container .cardinfo-health-terms-container label,
    .cardinfo-container .cardinfo-legal-terms-container label{
        align-items: start;
        line-height: 18px;        
    }

        .cardinfo-container .cardinfo-conditions-terms-container label a,
        .cardinfo-container .cardinfo-health-terms-container label a,
        .cardinfo-container .cardinfo-legal-terms-container label a{
            color: var(--e-global-color-secondary);
            text-decoration: none;
            font-size: 12px;
        }
            .cardinfo-container .cardinfo-conditions-terms-container label a:hover,
            .cardinfo-container .cardinfo-health-terms-container label a:hover,
            .cardinfo-container .cardinfo-legal-terms-container label a:hover{
                color: var(--e-global-color-primary);
            }


    .cardinfo-container .cardinfo-conditions-terms-container input,
    .cardinfo-container .cardinfo-health-terms-container input,
    .cardinfo-container .cardinfo-legal-terms-container input{
        margin-top: 2px;       
    }
        

.booking-management-page-cancelation,
.booking-management-page-gateway{
    display: none;
}

.booking-management-page-actions{
    display: flex;
    justify-content: end;
    margin-top: 20px;
    gap: 20px;
}

    
    .booking-management-page-actions button{
        text-transform: uppercase;
    }


#btn_cancel_booking:hover,
#btn_cancel_booking:focus,
#btn_cancel_booking:active,
#btn_cancel_booking{
    outline: none !important;
    border: none !important;
    background: transparent !important;
    color: var( --e-global-color-secondary ) !important;
    text-transform: none !important; 
    text-decoration: underline !important;
    text-underline-offset: 5px;
    padding: 0 !important;
    margin: 0 auto 0 0 !important;
    align-self: end;
}


#btn_cancel_booking:hover{
    color: var( --e-global-color-primary ) !important;
}

.booking-cancelation-message{
    margin: 30px 0;
}

.booking-cancelation-confirmation-message{
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: baseline;
}

    .booking-cancelation-confirmation-message button{
        outline: 2px solid var( --e-global-color-secondary );
        border: 2px solid var( --e-global-color-text );
        background: var( --e-global-color-secondary );
        color: var( --e-global-color-text );
        margin-left: 15px;
        text-transform: uppercase;
    }

    .booking-cancelation-confirmation-message button:hover,
    .booking-cancelation-confirmation-message button:focus,
    .booking-cancelation-confirmation-message button:active{
        border: 2px solid var( --e-global-color-text ) !important;
        outline: 2px solid var( --e-global-color-accent ) !important;
        background: var( --e-global-color-accent ) !important;
        color: var( --e-global-color-text ) !important;
    }


.booking-management-confirmation-actions{
    display: flex;
    gap: 15px;
    justify-content: end;
    align-items: center;
}


.booking-management-page-cancelation .booking-management-cancelation-actions{
    display: flex;
    gap: 15px;
    justify-content: end;
    align-items: baseline;
}

.booking-management-page-cancelation #btn_confirm_booking_cancelation:hover,
.booking-management-page-cancelation #btn_confirm_booking_cancelation:focus,
.booking-management-page-cancelation #btn_confirm_booking_cancelation:active,
.booking-management-page-cancelation #btn_confirm_booking_cancelation{
        outline: 2px solid var( --e-global-color-secondary );
        border: 2px solid var( --e-global-color-text );
        background: var( --e-global-color-secondary );
        color: var( --e-global-color-text );
        margin-left: 15px;
        text-transform: uppercase;
    }
/* END BOOKING MANAGEMENT PAGE */