/**
 * Busca UENF — visual padrão + disclosure <details> ("Nova Busca").
 *
 * Visual do formulário copiado do padrão em produção nos sites da UENF
 * (uenf.br/cct — assets/dist/css/style.min.css, .mobile-search-inner):
 * campo branco arredondado à esquerda + botão azul escuro com lupa branca
 * à direita, conjunto em pílula, altura compacta, horizontal. Valores
 * exatos de produção — nada inventado. Escopado a .search-uenf-form:
 * não afeta o searchform.php legado nem outros componentes.
 */

/* !important nas propriedades visuais: o CSS legado do tema
   (css/components/search.css e css/styles.css) usa seletores de alta
   especificidade (input[type="search"].search-custom-uenf,
   .search-container button[type="submit"] com #222a3b e raio 4px) que
   sobrepunham o componente — confirmado com getComputedStyle no Chrome.
   Esses arquivos legados saem na Sprint 4; até lá, o componente precisa
   vencer de forma determinística. */
.search-uenf-form {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  margin: 0;
}

.search-uenf-form input[type="search"].search-field {
  flex: 1;
  min-width: 0;
  background: #ffffff !important;
  border: none !important;
  border-radius: 20px 0 0 20px !important;
  color: #333333 !important;
  font-size: 0.95rem;
  outline: none;
  padding: 8px 14px !important;
}

.search-uenf-form input[type="search"].search-field::placeholder {
  color: #757575; /* contraste AA sobre branco */
}

.search-uenf-form button[type="submit"].search-submit {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--bs-uenf-blue, #1d3771) !important;
  border: none !important;
  border-radius: 0 20px 20px 0 !important;
  color: #ffffff !important;
  cursor: pointer;
  min-width: 44px;
  padding: 8px 16px !important;
  transition: background-color 0.2s ease;
}

.search-uenf-form button[type="submit"].search-submit:hover {
  background: #152a54 !important; /* mesmo hover de produção */
}

.search-uenf-form .search-submit:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -3px;
}

/* Padrão de produção: botão só com a lupa (o texto permanece para
   leitores de tela via aria-label do botão). */
.search-uenf-form .search-submit .search-text {
  display: none;
}

/* Sobre fundo claro (ex.: dentro do details "Nova Busca"), o campo branco
   precisa de contorno para não desaparecer — mesma pílula, com borda leve. */
.search-uenf-details-body .search-uenf-form {
  border: 1px solid #d9dee7;
  border-radius: 20px;
  overflow: hidden;
}

.search-uenf-details > .search-uenf-summary {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: 6px 14px;
  border: 1px solid var(--bs-uenf-blue, #1d3771);
  border-radius: 50px;
  color: var(--bs-uenf-blue, #1d3771);
  font-size: 0.875rem;
  cursor: pointer;
  list-style: none; /* remove o marcador padrão do summary */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.search-uenf-details > .search-uenf-summary::-webkit-details-marker {
  display: none;
}

.search-uenf-details > .search-uenf-summary:hover,
.search-uenf-details[open] > .search-uenf-summary {
  background-color: var(--bs-uenf-blue, #1d3771);
  color: #ffffff;
}

.search-uenf-details > .search-uenf-summary:focus-visible {
  outline: 2px solid var(--bs-uenf-blue, #1d3771);
  outline-offset: 2px;
}

.search-uenf-details-body {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px;
  background-color: #ffffff;
}