/* Bridge Tom Select state classes to Phoenix form controls without restyling Tom Select globally. */
.auth-location-control .ts-wrapper {
    min-height: 0;
}

.auth-location-control .ts-wrapper.single .ts-control.form-select {
    padding-right: 2.5rem !important;
    background-image: var(--phoenix-form-select-bg-img), var(--phoenix-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 9px 12px;
}

/* Replace Tom Select's white inset highlight with the Phoenix select shadow. */
.auth-location-control .ts-wrapper.single:not(.focus) .ts-control.form-select {
    box-shadow: inset 0 1px 2px transparent;
}

.auth-location-control .ts-wrapper.single .ts-control::after {
    display: none;
}

.auth-location-control .ts-wrapper.single.has-items:not(.dropdown-active) .ts-control > input {
    position: absolute;
    left: -10000px;
    opacity: 0;
}

.auth-location-control .ts-wrapper.single.has-items.dropdown-active .ts-control > .item {
    display: none;
}

.auth-location-control .ts-wrapper.focus .form-select {
    border-color: var(--phoenix-primary) !important;
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--phoenix-primary-rgb), 0.25);
}

.auth-location-control .ts-wrapper.disabled .form-select {
    background-color: rgba(var(--phoenix-gray-100-rgb), 0.7) !important;
}

.auth-location-control .ts-dropdown-content {
    scroll-behavior: auto;
}

.auth-location-control .ts-dropdown .option.active {
    color: var(--phoenix-dropdown-link-hover-color);
    background-color: var(--phoenix-dropdown-link-hover-bg);
}