/**
 * Date Range Field Styles
 * 
 * @package NF_Date_Range
 * @since 1.0.0
 */

.nf-daterange-wrapper {
    position: relative;
}

/* Focus states for accessibility */
.nf-daterange-input:focus,
.nf-daterange-input:focus-visible {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

.nf-daterange-input::placeholder {
    color: #999;
}

/* Loading state while Flatpickr initializes */
.nf-daterange-wrapper:not(.nf-daterange--ready) .nf-daterange-input {
    cursor: wait;
    opacity: 0.7;
}

.nf-daterange-wrapper.nf-daterange--ready .nf-daterange-input {
    cursor: pointer;
}

/* Flatpickr calendar customization */
.flatpickr-calendar {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.inRange {
    background-color: rgba(0, 115, 170, 0.2);
    border-color: #0073aa;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.selected.endRange {
    background-color: #0073aa;
    color: white;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .flatpickr-calendar,
    .nf-daterange-input {
        transition: none;
    }
}