/**
 * EM Studio Booking — Front-end Stylesheet
 */

/* Scope custom fonts and styles to the booking container */
.em-booking-wizard-container {
    --tw-ring-color: rgba(34, 0, 124, 0.1);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
}

/* Custom Drag-and-Drop styles */
.border-dashed {
    border-style: dashed;
}

/* Custom Scrollbars */
.em-booking-wizard-container ::-webkit-scrollbar {
    width: 6px;
}
.em-booking-wizard-container ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.em-booking-wizard-container ::-webkit-scrollbar-thumb {
    background: #c7d2fe;
    border-radius: 10px;
}
.em-booking-wizard-container ::-webkit-scrollbar-thumb:hover {
    background: #4f46e5;
}

/* Flatpickr Premium Theme Overrides */
.flatpickr-calendar {
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    background: transparent !important;
    font-family: inherit !important;
}

.flatpickr-months .flatpickr-month {
    color: #1e1b4b !important; /* indigo-950 */
    fill: #1e1b4b !important;
    height: 48px !important;
}

.flatpickr-current-month {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 700 !important;
}

.flatpickr-weekday {
    font-weight: 700 !important;
    color: #4f46e5 !important; /* indigo-600 */
}

.flatpickr-day {
    border-radius: 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    transition: all 0.2s ease;
}

.flatpickr-day.today {
    border-color: #e0e7ff !important;
    background: #e0e7ff !important;
    color: #312e81 !important;
}

.flatpickr-day.selected, 
.flatpickr-day.selected:hover {
    background: #1e1b4b !important; /* indigo-950 */
    border-color: #1e1b4b !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px -1px rgba(30, 27, 75, 0.3) !important;
}

.flatpickr-day:hover {
    background: #f3f4f6 !important;
}

.flatpickr-day.flatpickr-disabled, 
.flatpickr-day.flatpickr-disabled:hover {
    color: #d1d5db !important;
}

/* Slider Track styling */
input[type="range"]::-webkit-slider-thumb {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #1e1b4b;
    cursor: pointer;
    border: 3px solid #ffffff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.1s ease;
}

input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

/* Glassmorphism details */
.bg-glass {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Modal and Iframe style overrides for iyzico checkout form */
#iyz-checkout-form {
    min-height: 450px;
    width: 100%;
}