.bookly-right {
    float: left!important;
}
.bookly-left {
    float: right!important;
}
.bookly-rtext {
    text-align: left;
}

/* Form Elements */
.bookly-form-group > div {
    margin: 5px 0 0 14px !important;
}
.bookly-form-group:last-child > div {
    margin-left: 0;
}

/* Login Form */
.bookly-close:hover,
.bookly-close:focus,
.bookly-close {
    float: left;
}
.bookly-modal {
    right: 0;
    left: auto;
}
.bookly-modal .bookly-modal-dialog {
    right: 50%;
    margin-right: -200px;
    left: auto;
    margin-left: auto;
}
.bookly-modal .bookly-modal-content .bookly-modal-footer {
    text-align: left;
}
@media (max-width: 768px) {
    .bookly-modal .bookly-modal-content .bookly-modal-footer {
        text-align: left;
    }

}
/* Progress Tracker */
.bookly-progress-tracker > div {
    padding: 0 4px 0 0;
}
.bookly-progress-tracker > div:last-child .step {
    border-radius: 5px 0 0 5px !important;
}
.bookly-progress-tracker > div:first-child .step {
    border-radius: 0px 5px 5px 0 !important;
}
.bookly-progress-tracker > div:last-child {
    padding-left: 0px !important;
}
.bookly-progress-tracker > div:first-child {
    padding-left: 4px !important;
    padding-right: 0px !important;
}

/* Service */
.bookly-service-step .bookly-available-date,
.bookly-service-step .bookly-week-days {
    margin-right: 0 !important;
    margin-left: 14px !important;
}
.bookly-mobile-step-1 {
    margin-left: -14px;
    margin-right: auto;
}

/* Time */
.bookly-slot-calendar {
    float: right;
}

/* Buttons */
.bookly-back-step {
    margin-left: 10px;
    margin-right: auto;
    float: right!important;
}
.bookly-time-next {
    margin-right: 10px;
    margin-left: 0;
}
.bookly-go-to-cart{
    float: right!important;
}
/* Details */
.bookly-form-group .iti input {
    padding-right: 45px !important;
    padding-left: 0 !important;
}

.bookly-mobile-step-1,
.bookly-details-step {
    margin: 0 0 0 -14px !important;
}

.bookly-list {
    margin-right: 10px!important;
    margin-left: auto;
}

.iti .selected-flag .iti__flag {
    margin: auto 10px auto auto !important;
}

.bookly-details-step .bookly-form-group .iti input,
.bookly-details-step .bookly-form-group .iti input[type=text],
.bookly-details-step .bookly-form-group .iti input[type=tel] {
    padding: 6px 48px 5px 5px !important;
}

.iti .iti__selected-flag .iti__arrow {
    left:4px;
    border-right:3px solid transparent;
    border-left:3px solid transparent;
    right: auto;
}

.iti .iti__country-list .iti__flag-box,
.iti .iti__country-list .iti__country-name {
    margin-left:6px;
}

.iti select {
    right:0;
    left: auto;
}

/* Ladda — center spinner inside buttons (match backend) */
.bookly-form .ladda-button[data-style="zoom-in"] .ladda-spinner,
.bookly-nav-steps .ladda-button[data-style="zoom-in"] .ladda-spinner,
.bookly-columnizer .bookly-hour .ladda-spinner,
.bookly-columnizer .bookly-day .ladda-spinner {
    left: calc(50% - 24px) !important;
    right: auto !important;
    margin-left: 0 !important;
}

.bookly-form .ladda-button[data-style="zoom-in"],
.bookly-nav-steps .ladda-button[data-style="zoom-in"],
.bookly-columnizer .bookly-hour,
.bookly-columnizer .bookly-day {
    position: relative;
}

/* Svelte calendar / button loaders */
.bookly-form .bookly-loading-mark,
.bookly-form span.bookly\:absolute.bookly\:inset-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bookly-form [class*="bookly-calendar"] [role="button"],
.bookly-form [class*="bookly-calendar"] button {
    position: relative !important;
}

/* Calendar — soft highlight around popup panel */
.bookly-form .bookly-js-datepicker-calendar,
.bookly-form .bookly-js-slot-calendar > div,
.bookly-form .bookly-available-date .bookly-js-datepicker-calendar {
    background-color: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.bookly-form .bookly-js-available-date .bookly\:bg-white,
.bookly-form .bookly-js-slot-calendar .bookly\:bg-white,
.bookly-form .bookly-js-datepicker-calendar .bookly\:bg-white,
.bookly-form .bookly-js-datepicker-calendar .bookly\:max-w-lg {
    background-color: #f8f9fa !important;
}

.bookly-css-root .bookly-calendar-overlay.svelte-1ug41q9 {
    background-color: rgba(248, 249, 250, 0.82) !important;
}

/* Week days — spacing between orange circles */
.bookly-service-step .bookly-week-days .bookly-form-group,
.bookly-repeat-step .bookly-week-days .bookly-form-group {
    margin: auto 5px !important;
}

.bookly-service-step .bookly-week-days .bookly-form-group label {
    font-size: 0.85em;
    white-space: nowrap;
}

/* Repeat step — compact inline layout like backend */
.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row > div {
    float: none !important;
    width: auto !important;
    flex: 0 0 auto;
}

.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row:nth-of-type(1) > div,
.bookly-repeat-step .bookly-js-repeat-variants-container > .bookly-row:nth-of-type(4) > div,
.bookly-repeat-step .bookly-square.bookly-checkbox {
    float: right !important;
}

.bookly-repeat-step .bookly-col-label,
.bookly-repeat-step .bookly-js-variant-daily.bookly-col-label,
.bookly-repeat-step .bookly-js-until.bookly-col-label,
.bookly-repeat-step .bookly-get-schedule,
.bookly-nav-steps .bookly-btn,
.bookly-week-days .bookly-form-group {
    text-align: center !important;
}

.bookly-repeat-step .bookly-js-editable {
    margin-top: 6px;
}

/* Repeat */
.bookly-repeat-step .bookly-schedule-row > div:last-child {
    border-left: 0 !important;
    border-right: 1px solid #cccccc !important;
}

/* Pagination */
.bookly-pagination li:first-child a {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-right: 1px;
}

.bookly-pagination li:last-child a {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}

.bookly-payment-nav .bookly-box.bookly-list {
    border: solid 1px #ddd !important;
    border-radius: 4px;
    padding: 6px 10px;
    width: fit-content !important;
    min-width: 300px !important;
  }
  
  .bookly-payment-nav .bookly-box.bookly-list label img {
    width: 30px !important;
    height: auto;
    margin-right: 8px;
    order: 2;
  }
  
  .bookly-payment-nav .bookly-box.bookly-list label {
    display: flex;
    align-items: center;
  }
  
  .bookly-payment-nav .bookly-box.bookly-list label input {
    order: 2;
  }
  
  .bookly-payment-nav .bookly-box.bookly-list label span {
    order: 3;
  }

/* Mobile */
@media screen and (max-width: 650px) {
    .bookly-mobile-float-none {
        float: none !important;
    }
    .bookly-form-group > div {
        margin-left: 0 !important;
    }
    .bookly-service-step .bookly-available-date,
    .bookly-service-step .bookly-week-days {
        margin-left: 0 !important;
    }
    .bookly-service-step .bookly-time-to {
        float: left !important;
    }
    .bookly-mobile-step-1 {
        margin-left: 0;
    }

    .bookly-not-time-screen {
        margin-right: 0!important;
        margin-left: auto !important;
    }
}

@media (hover) {
    .bookly-form .bookly-columnizer .bookly-hour:hover {
      border-width: 1px !important;
    }
}