/* Target only Chosen instances with the custom class */
.custom-chosen + .chosen-container.chosen-container-single .chosen-single {
 display: block;
 width: 100%;
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: 0.25rem;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 height: auto;
 box-shadow: none;
}

/* For form-control-pill - rounded edges */
.custom-chosen + .chosen-container.chosen-container-single .chosen-single {
 border-radius: 50rem !important;
}

/* Hover state */
.custom-chosen + .chosen-container.chosen-container-single .chosen-single:hover {
 border-color: #86b7fe;
}

/* Focus state - match Bootstrap's focus ring */
.custom-chosen + .chosen-container.chosen-container-single.chosen-container-active .chosen-single {
 border-color: #86b7fe;
 outline: 0;
 box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Dropdown arrow - style it like Bootstrap */
.custom-chosen + .chosen-container.chosen-container-single .chosen-single div {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 2.5rem;
 background: transparent;
}

.custom-chosen + .chosen-container.chosen-container-single .chosen-single div b {
 background: none !important;
 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 border-top: 0.3em solid #495057;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;
}

/* No results message */
.custom-chosen + .chosen-container .chosen-drop {
 border-radius: 0 0 0.25rem 0.25rem;
 border-color: #ced4da;
}

.custom-chosen + .chosen-container .chosen-results {
 padding: 0.375rem 0;
 color: #212529;
}

.custom-chosen + .chosen-container .chosen-results li {
 padding: 0.375rem 0.75rem;
}

.custom-chosen + .chosen-container .chosen-results li.highlighted {
 background-color: #0d6efd;
 background-image: none;
 color: #fff;
}

/* Disabled state */
.custom-chosen + .chosen-container.chosen-container-single.chosen-disabled .chosen-single {
 background-color: #e9ecef;
 opacity: 1;
 cursor: not-allowed;
}