/* Firefox-specific fixes for Flatpickr month dropdown */
@-moz-document url-prefix() {
    /* Firefox-specific styles */
    .flatpickr-current-month .flatpickr-monthDropdown-months {
        -moz-appearance: none !important;
        appearance: none !important;
        background: #ffffff !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        padding: 2px 20px 2px 4px !important;
        background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: right 6px center !important;
        background-size: 12px !important;
        min-width: 100px !important;
        height: auto !important;
        line-height: 1.4 !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1000 !important;
        display: inline-block !important;
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background-color: #f8f9fa !important;
        border-color: #adb5bd !important;
    }

    .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
        outline: none !important;
        border-color: #80bdff !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    }

    /* Ensure dropdown options are visible */
    .flatpickr-current-month .flatpickr-monthDropdown-months option {
        color: #333 !important;
        background-color: #ffffff !important;
        padding: 4px 8px !important;
    }

    /* Fix for month dropdown positioning and visibility */
    .flatpickr-current-month .flatpickr-monthDropdown-months {
        position: relative !important;
        z-index: 1000 !important;
        display: inline-block !important;
    }

    /* Ensure the calendar container doesn't clip the dropdown */
    .flatpickr-calendar {
        overflow: visible !important;
    }

    .flatpickr-current-month {
        overflow: visible !important;
    }

    /* Additional fix for month navigation */
    .flatpickr-months {
        position: relative !important;
        z-index: 999 !important;
        overflow: visible !important;
    }

    /* Fix for year dropdown as well */
    .flatpickr-current-month input.cur-year {
        -moz-appearance: textfield !important;
        appearance: textfield !important;
    }

    /* Ensure proper stacking context */
    .flatpickr-calendar.open {
        z-index: 9999 !important;
    }

    /* Fix for daterangepicker month/year selects */
    .drp-calendar select.monthselect,
    .drp-calendar select.yearselect {
        -moz-appearance: none !important;
        appearance: none !important;
        background: #ffffff !important;
        border: 1px solid #ddd !important;
        border-radius: 3px !important;
        padding: 4px 20px 4px 8px !important;
        background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position: right 6px center !important;
        background-size: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

/* Alternative fix using select styling for all browsers */
.flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 16px;
    padding-right: 24px;
    cursor: pointer;
}

/* Ensure dropdown is clickable and visible */
.flatpickr-current-month .flatpickr-monthDropdown-months::-moz-focus-inner {
    border: 0;
}

/* Force dropdown to be visible on Firefox */
.flatpickr-current-month .flatpickr-monthDropdown-months select {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Additional fixes for modal contexts */
.modal .flatpickr-calendar {
    z-index: 10000 !important;
}

.modal .flatpickr-current-month .flatpickr-monthDropdown-months {
    z-index: 10001 !important;
}

/* Fix for Bootstrap modal interference */
.modal-open .flatpickr-calendar {
    z-index: 10050 !important;
}

/* Ensure proper focus handling */
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: 2px solid #007bff;
    outline-offset: -2px;
}

/* Fix for mobile/responsive issues */
@media (max-width: 768px) {
    .flatpickr-current-month .flatpickr-monthDropdown-months {
        min-width: 80px !important;
        font-size: 14px !important;
    }
}