/**
 * Estilos customizados para o front-end do site (tema).
 */
.filter-group {
    margin-bottom: 1.5rem;
}

/* Estilo para o campo de busca por texto no formulário de filtros. */
.search-text-input {
    width: 100%;
    padding: 8px;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* --- Estilos de Ajuste para o Select2 --- */

/* Ajusta o tamanho da fonte dos itens selecionados (as "tags"). */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 0.85rem;
    /* Ajuste de padding:
     * Topo/Fundo: 2px
     * Direita: 5px
     * Esquerda: 20px (para dar espaço ao botão 'x' e à primeira letra) */
    padding: 2px 5px 2px 20px;
    margin-top: 4px; /* Melhora o alinhamento vertical. */
}

/* Ajusta o tamanho da fonte do campo de busca DENTRO do select múltiplo. */
/* Este é o campo que você mencionou com font-size: 100%. */
.select2-container .select2-search--inline .select2-search__field {
    font-size: 1rem !important; /* Força a fonte para um tamanho padrão. */
    margin-top: 6px; /* Alinha verticalmente com as tags. */
    padding: 0;
}

/* Adiciona um pequeno espaçamento para evitar que o dropdown sobreponha o campo de busca. */
.select2-dropdown {
    margin-top: 32px; /* Empurra o dropdown 5px para baixo. */
    border-color: #ced4da; /* Cor de borda mais suave, padrão bootstrap. */
}

/* Ajusta o tamanho da fonte dos itens na lista de resultados do dropdown. */
.select2-results__option {
    font-size: 0.9rem; /* Define um tamanho de fonte menor e consistente para as opções. */
    padding: 6px 12px; /* Melhora o espaçamento interno. */
}

/* --- Estilos para o Escopo da Busca --- */
.search-scope-group {
    margin: -0.5rem 0 1rem 0; /* Espaçamento acima e abaixo do grupo. */
}

.search-scope-item {
    display: inline-block;
    margin-right: 15px;
    margin-top: 8px;
    font-size: 0.9rem;
}