/* Minimal inline-booking presentation matching the previous Cal.com embed. */
html,
body {
    background: transparent !important;
}

#main.container {
    min-height: 0 !important;
    max-width: 100%;
    padding: 0;
}

#main > .wrapper {
    min-height: 0 !important;
    margin: 0;
    padding: 0 !important;
    align-items: flex-start !important;
}

#book-appointment-wizard {
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 auto !important;
}

#header,
#frame-footer {
    display: none !important;
}

.wizard-frame {
    padding: 16px 0 !important;
}

.wizard-frame .frame-container {
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.wizard-frame .frame-title {
    margin: 0 0 24px !important;
    color: #222 !important;
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    font-weight: 400 !important;
}

.wizard-frame .command-buttons {
    margin-top: 20px !important;
    margin-bottom: 4px !important;
}

.btn {
    box-shadow: none !important;
}

.btn-dark,
.btn-primary {
    background: #000 !important;
    border-color: #000 !important;
}

.available-hour.selected-hour,
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

.display-booking-selection,
#wizard-frame-1.greiff-single-service .mb-3:has(#select-service),
#wizard-frame-1 .mb-3:has(#select-provider),
#wizard-frame-1 label[for="select-provider"],
#wizard-frame-1 #select-provider,
#select-time > .mb-3:first-child,
#appointment-details > div > div:nth-child(2),
#appointment-details > div > div:nth-child(5) {
    display: none !important;
}

@media (max-width: 767.98px) {
    .wizard-frame {
        padding-right: 4px !important;
        padding-left: 4px !important;
    }
}