.search-row .search-submit {
  min-width: 64px;
  background: var(--yellow);
  color: var(--ink);
}

.search-row .search-submit:hover,
.search-row .search-submit:focus-visible {
  background: var(--ink);
  color: white;
}

/* Categorias sempre à mostra, nas cores da Infohouse. */
.search-shell #categories {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
  gap:10px;
  overflow:visible;
  margin-top:20px;
  padding:4px 0 10px;
}
.search-shell #categories button {
  position:relative;
  min-height:52px;
  white-space:normal;
  padding:12px 10px;
  border:2px solid var(--yellow);
  border-radius:12px;
  background:var(--yellow);
  color:var(--ink);
  font-size:.94rem;
  font-weight:850;
  box-shadow:0 4px 0 #caa800;
  transition:transform .2s,background .2s,box-shadow .2s;
}
.search-shell #categories button:hover {
  transform:translateY(-3px);
  background:#ffe55c;
  box-shadow:0 7px 0 #caa800,0 10px 18px #12141718;
}
.search-shell #categories button.active {
  background:var(--ink);
  color:var(--yellow);
  border-color:var(--ink);
  box-shadow:0 4px 0 var(--red);
}
.search-shell #categories button:focus-visible {
  outline:3px solid var(--red);
  outline-offset:4px;
}
.search-shell #subcategories {
  flex-wrap:wrap;
  overflow:visible;
  gap:8px;
}
.search-shell #subcategories button {min-height:44px;font-size:.9rem;}
@keyframes infohouse-category-glow {
  0%,100% {box-shadow:0 4px 0 #caa800;}
  50% {box-shadow:0 4px 0 #caa800,0 0 15px #ffd80a66;}
}
@media(prefers-reduced-motion:no-preference) {
  .search-shell #categories button:not(.active) {animation:infohouse-category-glow 3.6s ease-in-out infinite;}
  .search-shell #categories button:nth-child(3n+2) {animation-delay:.6s;}
  .search-shell #categories button:nth-child(3n) {animation-delay:1.2s;}
}
@media(prefers-reduced-motion:reduce) {
  .search-shell #categories button {animation:none;transition:none;}
  .search-shell #categories button:hover {transform:none;}
}
@media(max-width:600px) {
  .search-shell #categories {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .search-shell #categories button {font-size:.88rem;min-height:48px;}
}
