/* ==========================================================================
   Correções Visuais Customizadas - Oficina Pró
   ========================================================================== */

/**
 * [TEMA CLARO] Torna as bordas dos campos de formulário mais visíveis.
 */
.form-control,
.form-select {
  border-color: #242934 !important; 
}

.form-control:focus,
.form-select:focus {
  border-color: #869099 !important;
  box-shadow: none !important;
}

/**
 * [TEMA ESCURO] Correção específica para a borda dos formulários
 * no modo escuro, que é excessivamente clara por padrão no template.
 */
.dark-only .form-control,
.dark-only .form-select {
    /* Cor da borda padrão - um cinza mais visível no fundo escuro */
    border-color: #4b5563 !important;
    
    /* Opcional: Melhora a cor do texto para melhor contraste */
    color: #d1d5db !important;
}

.dark-only .form-control:focus,
.dark-only .form-select:focus {
    /* Cor da borda ao focar - um cinza ainda mais claro para contraste */
    border-color: #9ca3af !important;
}

/**
 * Estiliza o contêiner do dropdown de sugestões no modo escuro.
 */
.dark-only .tt-menu {
  background-color: #2a354c !important; /* Cor de fundo escura, mas diferente do body */
  border: 1px solid #4b5563 !important; /* Mesma borda dos nossos inputs */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/**
 * Estiliza cada item individual na lista de sugestões.
 */
.dark-only .tt-suggestion {
  color: #d1d5db !important; /* Cor de texto clara */
  padding: 8px 12px !important;
  border-bottom: 1px solid #374151; /* Linha separadora sutil */
}

/**
 * Estiliza o item quando o mouse passa por cima ou está selecionado.
 */
.dark-only .tt-suggestion.tt-cursor,
.dark-only .tt-suggestion:hover {
  background-color: #374151 !important; /* Um fundo um pouco mais claro para destaque */
  color: #ffffff !important;
}

/**
 * Garante que o texto dentro da sugestão (como o detalhe) também fique claro.
 */
.dark-only .tt-suggestion strong,
.dark-only .tt-suggestion small {
    color: inherit !important; /* Herda a cor clara do pai (.tt-suggestion) */
}