/* Celebree Location Dropdown with Choices.js Styling */
/* Used on the Corporate Contact Us page (Preferred School Location field) */

/* Choices.js container */
.gform_wrapper .choices {
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* Main dropdown display */
.gform_wrapper .choices__inner {
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 8px 40px 8px 15px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Selected item text - prevent wrapping */
.gform_wrapper .choices__list--single .choices__item {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

/* Dropdown list container */
.gform_wrapper .choices__list--dropdown {
    max-height: 300px !important;
    overflow-y: auto !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    margin-top: 2px !important;
}

/* Remove scrollbar from inner list to prevent double scrollbar */
.gform_wrapper .choices__list--dropdown .choices__list {
    max-height: none !important;
    overflow: visible !important;
}

/* Individual dropdown items */
.gform_wrapper .choices__list--dropdown .choices__item--selectable {
    padding: 5px 12px !important;
    font-size: 14px !important;
    line-height: 1.4rem !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}
/*@media (max-width: 640px) {
    .gform_wrapper .choices__list--dropdown .choices__item--selectable {
        font-size: 12px !important;
        padding: 0 10px !important;
    }
}*/

/* Hover state */
.gform_wrapper .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f0f0f0 !important;
    color: #f28a01 !important;
}

/* State header styling (disabled items) */
.gform_wrapper .choices__list--dropdown .choices__item--disabled {
    font-weight: 700 !important;
    color: #0D3A5D !important;
    opacity: 1 !important;
    padding: 10px 15px 0 15px !important;
    text-transform: uppercase !important;
    cursor: default !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
}
/*@media (max-width: 640px) {
    .gform_wrapper .choices__list--dropdown .choices__item--disabled {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
}*/

/* Indentation for location items (non-disabled) */
.gform_wrapper .choices__list--dropdown .choices__item--selectable:not(.choices__item--disabled) {
    padding-left: 20px !important;
}
/*@media (max-width: 640px) {
    .gform_wrapper .choices__list--dropdown .choices__item--selectable:not(.choices__item--disabled) {
        padding-left: 20px !important;
    }
}*/

/* Search box styling */
.gform_wrapper .choices__input {
    font-size: 16px !important;
    padding: 8px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    margin-bottom: 8px !important;
}

/* Force full width on parent containers */
.gform_wrapper .gfield.celebree-location-field,
.gform_wrapper .gfield .ginput_container_select {
    width: 100% !important;
}
