/*
 * Select2 v4 — ajustes de migração Cobrarweb
 *
 * O blue-theme-complement.css contém apenas regras Select2 v3 (.select2-choice,
 * .select2-arrow, etc.) que não afetam o DOM do v4. Este arquivo compensa a
 * ausência desses estilos, fazendo o Select2 v4 ter aparência idêntica ao
 * Bootstrap .form-control.input-sm — igualando o visual de produção.
 */

/* ── Paridade visual com Bootstrap .form-control.input-sm ───────── */
/*
 * Produção: blue-theme-complement.css aplica .select2-choice { height:30px;
 * border:1px solid #ddd } via regras v3. No v4 essas classes não existem;
 * sem override o Select2 fica com height:28px e border:#aaa (select2.css).
 */

.select2-container--default .select2-selection--single {
    height: 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
    padding-left: 10px !important;
    padding-right: 20px !important;
    color: #555 !important;
    font-size: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px !important;
    top: 1px !important;
}

/* ── Fix de layout: gap de line-height no grid Bootstrap 3 ──────── */
/*
 * O Select2 v4 gera um container com display:inline-block + vertical-align:middle.
 * Dentro de um div block (.col-md-8), isso cria um gap de altura que não existe
 * em fields nativos com .form-control (display:block), desalinhando o grid float.
 */

.col-md-8 > .select2-container {
    display: block;
}

/* ── Borda vermelha dupla para campos obrigatórios ───────────────── */
/*
 * blue-theme-complement.css aplica "border-left: double 2px red" via
 * "select:required", mas o Select2 oculta o <select> original.
 * Este seletor de irmão adjacente propaga o estilo ao container visível.
 */

select:required + .select2-container .selection .select2-selection {
    border-left: double 2px red !important;
}

/* ── Classic theme (fix de posicionamento original) ─────────────── */

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444 !important;
    line-height: 34px !important;
}