/**
 * Calendar Dropdown Styles
 * Minimal custom styles - most styling now handled by Tailwind classes
 */

/* Calendar input styles */
.calendar-input::placeholder {
    font-family: 'Open Sans', sans-serif;
    color: var(--calendar-placeholder-color, #9CA3AF) !important;
}

/* Focus styles for better accessibility */
.calendar-input:focus + .calendar-icon svg {
    color: var(--calendar-focus-color, #F97316);
}

/* Hide default date input calendar icon in webkit browsers */
.calendar-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* Style for disabled state */
.calendar-input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.calendar-input:disabled + .calendar-icon {
    opacity: 0.6;
}

/* Mobile responsive design handled by Tailwind classes */