/* Los headers de grupo (.facet-group__head, botón "Metal"/"Precio"/etc) y los
   controles móviles (.facets__mobile-btn, .facets__close) son <button>: un
   <button> NO hereda color de texto del body por defecto (color propio del
   UA stylesheet, típicamente negro) salvo que se declare explícito. dawn.css
   y cielo.css nunca lo declaraban -> texto negro ilegible en dark mode
   (y en cualquier fondo oscuro en light mode también, de hecho). */
.facet-group__head,
.facets__mobile-btn,
.facets__close {
  color: inherit;
}

/* Filtro de precio (rango) del sidebar de facets — snippets/facets.html.
   Nunca se estilizó en ningún tema (ni siquiera dawn), por eso salía como
   inputs nativos sin borde apretados contra un "Aplicar" en texto plano
   heredando la fuente de cuerpo. Un solo archivo compartido, no por-tema. */
.facet-price-row {
  display: flex;
  flex-wrap: wrap;
  gap: .6em;
}
.facet-price-input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 1px solid var(--color-border, #e2e8f0);
  border-radius: var(--radius-sm, 6px);
  color: var(--color-text, inherit);
  font-family: var(--font-ui, inherit);
  font-size: .82rem;
  padding: .6em .8em;
}
.facet-price-input::placeholder {
  color: var(--color-text-faint, var(--color-text-light, #94a3b8));
}
.facet-price-input:focus {
  outline: none;
  border-color: var(--color-accent, #6366f1);
}
.facet-price-btn {
  flex-basis: 100%;
  background: var(--color-accent, #6366f1);
  color: #fff;
  font-family: var(--font-ui, inherit);
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: .65em 1em;
  border-radius: var(--radius-sm, 6px);
  transition: background .15s ease;
}
.facet-price-btn:hover {
  background: var(--color-accent-dk, var(--color-accent-hover, var(--color-accent, #6366f1)));
}