/* WM Booking Box — layout only. Colors and type sizes come from Card design. */

.wm-bookingbox {width: 100%; box-sizing: border-box; }

.wm-bookingbox-services {display: flex; flex-wrap: wrap; gap: 8px; width: 100%; margin-bottom: 12px; }

.wm-bookingbox-text {display: flex; flex-direction: column; justify-content: center; }

.wm-bookingbox-body {min-height: 300px; }

.wm-bookingbox-phase {display: flex; flex-direction: column; gap: 12px; width: 100%; justify-content: center; }

.wm-bookingbox-phase--2 {justify-content: flex-start; }

.wm-bookingbox-phase[hidden] {display: none !important; }

.wm-bookingbox-title {margin: 0; line-height: 1.25; }

.wm-bookingbox-excerpt {line-height: 1.45; }

.wm-bookingbox-date-wrap {display: flex; flex-direction: column; gap: 6px; }

.wm-bookingbox-date-label,
.wm-bookingbox-slots-label {text-transform: uppercase; letter-spacing: 2px; }

.wm-bookingbox-date {width: max-content; padding: 4px 8px; font-size: 24px; border: 1px solid #919090; border-radius: 6px; box-sizing: border-box; background-color: var(--wp--preset--color--light-1);}

.wm-bookingbox-date::-webkit-datetime-edit,
.wm-bookingbox-date::-webkit-datetime-edit-fields-wrapper,
.wm-bookingbox-date::-webkit-datetime-edit-text,
.wm-bookingbox-date::-webkit-datetime-edit-month-field,
.wm-bookingbox-date::-webkit-datetime-edit-day-field,
.wm-bookingbox-date::-webkit-datetime-edit-year-field {font-size: 12px; line-height: 1.3;}

.wm-bookingbox-slots-label {margin: 0; }

.wm-bookingbox-slots-wrap {min-height: 72px; }

.wm-bookingbox-slots {display: flex; flex-wrap: wrap; gap: 8px; min-height: 40px; transition: opacity 0.15s ease; }

.wm-bookingbox-slots.is-loading {opacity: 0.45; pointer-events: none; }

.wm-bookingbox-slots .wm-slot-btn {margin: 0; cursor: pointer; border: 0; border-radius: 4px; transition: all 0.4s; padding: 6px 14px; }

.wm-bookingbox-slots .wm-slot-btn.is-selected {outline: 2px solid currentColor; outline-offset: 2px; }

.wm-bookingbox .wp-element-button {border: 0; cursor: pointer; }

.wm-package-occasion-schedule {margin: 0 0 1rem; }

.wm-package-occasion-selected {margin: 0.5rem 0 0; }

.wm-bookingbox-no-slots {margin: 0; }

.wm-bookingbox-form-mount {width: 100%; }

.wm-bookingbox-form-mount .wm-modal-content {background-color: unset !important; padding: 0; width: unset !important; }

.wm-bookingbox-form-mount .wm-modal-content.wm-booking-form--inline {margin: 0; box-shadow: none; border: 0; }

.wm-bookingbox-image {flex-shrink: 0; }

.wm-bookingbox-text .wm-admin-customer-search {display: none; }