/* Fix for dropdown menu height and positioning */
.nice-select .list {
    max-height: 400px !important; /* Increased max height */
    overflow-y: auto !important; /* Ensure scrolling is always available */
    z-index: 999 !important; /* Ensure dropdown appears above other elements */
    margin-top: 4px !important; /* Add space between select and dropdown */
    box-shadow: 0 5px 10px rgba(0,0,0,0.2) !important; /* Better shadow */
    border-radius: 5px !important; /* Rounded corners */
    width: auto !important; /* Allow dropdown to be wider than select */
    min-width: 100% !important; /* Make dropdown at least as wide as select */
    opacity: 1 !important; /* Force visibility */
}

/* Ensure the dropdown opens properly */
.nice-select.open .list {
    transform: none !important; /* Override default transform */
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
    visibility: visible !important;
}

/* Improve scrollbar appearance */
.nice-select .list::-webkit-scrollbar {
    width: 6px;
}

.nice-select .list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.nice-select .list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.nice-select .list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Make list items more legible */
.nice-select .option {
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    min-height: auto !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {
    background-color: #f0f0f0 !important;
}