/* General Select2 Container Styling */
.select2-container {
    width: 100% !important; /* Ensure dropdowns span full width */
    font-size: 14px; /* Adjust font size to match form inputs */
}

    /* Valid State */
    .select2-container.is-valid .select2-selection {
        border: 2px solid #28a745; /* Green border for valid state */
        box-shadow: 0 0 5px rgba(40, 167, 69, 0.5); /* Subtle green glow */
        border-radius: 4px; /* Match the border radius of inputs */
    }

    /* Invalid State */
    .select2-container.is-invalid .select2-selection {
        border: 2px solid #dc3545; /* Red border for invalid state */
        box-shadow: 0 0 5px rgba(220, 53, 69, 0.5); /* Subtle red glow */
        border-radius: 4px; /* Match the border radius of inputs */
    }

    /* Hover/Focus State */
    /*.select2-container .select2-selection:focus,
    .select2-container .select2-selection:hover {
        border-color: #80bdff;*/ /* Blue border on hover/focus */
    /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);*/ /* Subtle blue glow */
    /*}*/

    /* Placeholder Text Styling */
    .select2-container .select2-selection__placeholder {
        color: #6c757d; /* Neutral gray for placeholder text */
        font-style: italic; /* Optional: Italicize placeholder */
    }

    /* Dropdown Arrow Styling */
    .select2-container .select2-selection__arrow {
        height: 100%; /* Match input height */
        /*border-left: 1px solid #ced4da;*/ /* Match input border */
    }

    /* Dropdown Menu Styling */
    .select2-container .select2-dropdown {
        border: 1px solid #ced4da; /* Match input border */
        border-radius: 4px; /* Rounded dropdown edges */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
        z-index: 9999; /* Ensure it appears above other elements */
    }

/* Validation success */
input[type="file"].is-valid {
    border-color: #28a745; /* Green border */
    background-image: none;
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.5); /* Subtle green glow */
    border-radius: 4px; /* Match the border radius of inputs */
}

/* Validation error */
input[type="file"].is-invalid {
    border-color: #dc3545; /* Red border */
    background-image: none;
    box-shadow: 0 0 5px rgba(220, 53, 69, 0.5); /* Subtle red glow */
    border-radius: 4px; /* Match the border radius of inputs */
}