/*
  Override de la regla base d'inputs (style.css @layer base). La regla base
  usa var(--radius-default) (configurable a /admin/appearance) que té més
  especificitat (0,3,1) per :not()s. Usem !important per garantir que el
  search-bar és pill-shape sempre, ignorant el radius global del tema.
*/
.syl-search-bar .syl-search-bar__input[type="search"] {
  border-radius: 9999px !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  padding: 0.875rem 1.5rem !important;
}

.syl-search-bar .syl-search-bar__input[type="search"]::placeholder {
  color: #fff;
  opacity: 1;
}

.syl-search-bar .syl-search-bar__input[type="search"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px #fff !important;
  border-color: #fff !important;
}