/* Pre-load hiding for modals to prevent flash */
.calendar-widget-overlay {
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9998;
}

.calendar-side-panel {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    z-index: 9999;
}

/* Limit width on larger screens to match calendar sidebar */
@media (min-width: 450px) {
    #customCallbackModal {
        width: 450px;
        left: auto;
    }
}
/* Ensure the panel content has a white/light background */
#customCallbackModal .calendar-side-panel__content {
    background: var(--color-bg-secondary);
}
/* Focus states for form */
#customCallbackModal form input:focus,
#customCallbackModal form textarea:focus {
    border-color: var(--color-blue-100) !important;
    outline: none;
}
/* Close button hover */
#customCallbackModal #callbackClose:hover {
    opacity: 1 !important;
    transform: scale(1.1) rotate(90deg) !important;
}
/* Submit Button Hover */
#customCallbackModal button[type="submit"]:hover {
    background-color: var(--color-blue-100) !important;
    transition: background-color 0.2s;
}