/* Tom Select overrides - loaded after tom-select default CSS */
.ts-wrapper .ts-control,
.ts-wrapper.single .ts-control,
div.ts-wrapper .ts-control,
div.ts-wrapper.single .ts-control,
.ts-wrapper.single.plugin-clear_button .ts-control,
.ts-wrapper.single.plugin-virtual_scroll .ts-control,
.ts-wrapper.single.plugin-clear_button.plugin-virtual_scroll .ts-control,
.ts-wrapper.single.plugin-clear_button.plugin-virtual_scroll.has-options .ts-control {
    min-height: 2.25rem !important;
    height: 2.25rem !important;
    padding: 6px 10px !important;
    border-radius: 0.5rem !important;
}

.ts-wrapper.kiarana-form-control {
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/*
 * Zone tactile (kiarana-mobile-touch-scope) : un Tom Select simple a la hauteur des autres
 * champs du téléphone. Le sélecteur dépasse la spécificité des règles ci-dessus, qui fixent
 * la hauteur avec !important. Un choix multiple garde sa hauteur libre.
 */
@media (max-width: 767px) {
    .kiarana-mobile-touch-scope :is(.ts-wrapper.single, .ts-wrapper.single.plugin-clear_button.plugin-virtual_scroll.has-options) > .ts-control {
        height: 2.75rem !important;
        min-height: 2.75rem !important;
        align-items: center;
    }
}