/* aura-fix-search — alinhamento da busca ao mockup Aura (28/06/2026) */

/* 1) Ocultar qualquer formulário de busca do OpenCart (mockup não possui form) */
#product-search .search-filters,
#product-search #button-search,
#product-search #input-search,
#product-search #input-category,
#product-search #input-description,
#product-search #input-sub-category { display: none !important; }

/* 4) Contador "N produto(s) encontrado(s)" logo abaixo do H1 */
#product-search .search-header { margin-bottom: 24px; }
#product-search .search-count {
  margin: 6px 0 0;
  font-family: var(--au-fb, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  color: var(--au-muted, #6f6890);
}

/* H1 destaque Aura */
#product-search .search-header h1 {
  font-family: var(--au-fd, 'Plus Jakarta Sans', sans-serif);
  color: var(--au-ink, #1f1733);
}

/* 5) Empty-state */
#product-search .au-empty {
  background: var(--au-surface-2, #f7f5fb);
  border: 1px solid var(--au-border, #ece8f3);
  border-radius: var(--au-radius, 16px);
  padding: 56px 24px;
}
#product-search .au-empty .search-no-results__icon { color: var(--au-primary, #4b1d8f); opacity: .45; }
#product-search .au-empty h3 {
  font-family: var(--au-fd, 'Plus Jakarta Sans', sans-serif);
  font-size: 22px;
  font-weight: 800;
  color: var(--au-ink, #1f1733);
  margin-bottom: 10px;
}
#product-search .au-empty p {
  font-family: var(--au-fb, 'Inter', sans-serif);
  font-size: 15px;
  color: var(--au-muted, #6f6890);
  margin-bottom: 22px;
}

/* Botão verde "Ver todos os produtos" */
#product-search .au-empty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--au-cta, #15a05a);
  color: #fff !important;
  font-family: var(--au-fb, 'Inter', sans-serif);
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: var(--au-btn-radius, 12px);
  border: none;
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 6px 18px rgba(21, 160, 90, .25);
}
#product-search .au-empty__btn:hover {
  background: var(--au-cta-hover, #0f8a4d);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(21, 160, 90, .30);
}

/* Remove a borda-esquerda roxa herdada do h3 no empty-state (gerava um "|" solto à esquerda) */
.search-no-results h3, .au-empty h3{ border-left:0 !important; padding-left:0 !important; }

/* ===== Termos mais buscados — dropdown da barra de busca (01/07/2026) ===== */
#header-search { position: relative; }
.mobile-search-form { position: relative; }

.dz-suggest {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 60;
  background: #fff;
  border: 1px solid var(--au-border, #ece8f3);
  border-radius: 14px;
  box-shadow: 0 16px 38px rgba(75, 29, 143, .13);
  padding: 10px;
  font-family: var(--au-fb, 'Inter', sans-serif);
}
.dz-suggest[hidden] { display: none; }

.dz-suggest__head {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--au-muted, #6f6890);
  padding: 6px 10px 8px;
}
.dz-suggest__list { list-style: none; margin: 0; padding: 0; }

.dz-suggest__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 10px;
  color: var(--au-ink, #1f1733);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .12s ease, color .12s ease;
}
.dz-suggest__item svg { width: 15px; height: 15px; color: #9a92b5; flex: none; }
.dz-suggest__item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dz-suggest__item:hover {
  background: var(--au-primary-soft, #f1ecfa);
  color: var(--au-primary, #4b1d8f);
}
.dz-suggest__item:hover svg { color: var(--au-primary, #4b1d8f); }

.dz-suggest--mobile { border-radius: 12px; }