/* ============================
   GMobil - Customização ui-select
   ============================ */

/* Container */
.ui-select-container {
    width: 100%;
    font-size: var(--fonte-campo);
}

/* aberto pra seleção */
.ui-select-container.open{    
    border-radius: 8px;
}

.ui-select-container.ui-select-lista.open{
    border: 1px solid var(--cor-foco-input);
}

.ui-select-pesquisa {
    position: relative;
}

.ui-select-pesquisa.pode-adicionar {
    flex: 1;
}

.ui-select-container.ui-select-pesquisa.open .ui-select-search{
    border: 1px solid var(--cor-foco-input);
}

/* Campo fechado: a borda fica no .ui-select-toggle; o invólucro não tem espaçamento
   para o campo alinhar com o rótulo e com os demais inputs */
.ui-select-container .ui-select-match {
    min-height: var(--altura-campo);
    padding: 0;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
}


/* Remove azul ao focar */
.ui-select-container.focus .ui-select-match,
.ui-select-container.open .ui-select-match {
    border-color: #ddd;
    box-shadow: none;
    outline: none;
}


/* Remove aparência padrão do bootstrap (o toggle é um .btn-default, que escurece no hover/foco) */
.ui-select-container .ui-select-match:hover,
.ui-select-container .ui-select-toggle:hover,
.ui-select-container .ui-select-toggle:focus,
.ui-select-container .ui-select-toggle:active {
    background-color: #fff;
}

.ui-select-match .ui-select-toggle{
    display: flex;
    align-items: center;
    min-height: var(--altura-campo);
    padding: 0 12px;
}


/* Dropdown */
.ui-select-choices {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-top: 4px;
    padding: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
}


/* Itens (o tema bootstrap do ui-select usa ".ui-select-bootstrap", por isso o prefixo: sem ele o azul padrão vence) */
.ui-select-bootstrap .ui-select-choices-row > span {
    padding: 9px 12px;
    border-radius: 6px;
    color: #374151;
    white-space: normal;
}

.ui-select-bootstrap .ui-select-choices-row + .ui-select-choices-row {
    margin-top: 2px;
}


/* Item em destaque (teclado) e hover: tom claro da cor do tema, sem o azul do bootstrap */
.ui-select-bootstrap .ui-select-choices-row.active > span,
.ui-select-bootstrap .ui-select-choices-row > span:hover,
.ui-select-bootstrap .ui-select-choices-row > span:focus {
    background-color: color-mix(in srgb, var(--cor-primaria) 6%, white);
    color: #111827;
}


/* Remove highlight azul da busca */
.ui-select-highlight {
    font-weight: 600;
    color: inherit;
}


/* Campo de pesquisa interno */
.ui-select-search {
    border: none;
    box-shadow: none;
    outline: none;
}


/* Remove caret padrão */
.ui-select-toggle > .caret {
    color: #777;
}

.ui-select-match.btn-default-focus {
    outline: none !important;
    box-shadow: none !important;
}

.cliente-item {

    padding:12px;

}

.cliente-titulo{

    font-weight:600;

}

.cliente-subtitulo{

    color:#666;

    font-size:13px;

}