/* ============================================================
   Blots — Personalización de Catalog Hub   [blocksy-child/assets/catalog-hub.css]

   El plugin (catalog-hub-for-woocommerce) trae su propio CSS neutro, basado en
   variables. Aquí sólo se le aplica la identidad de Blots y se apaga el hero
   nativo de Blocksy en los archivos de agrupación.

   Sustituye a los antiguos brand.css y directory.css, que contenían la cabecera
   y el directorio cuando los pintaba el tema.
   ============================================================ */

.cathub-index,
.cathub-grid,
.cathub-header,
.cathub-filters,
.cathub-empty {
  --cathub-radius: 18px;
  --cathub-border: #ececf0;
  --cathub-bg: #ffffff;
  --cathub-muted: #5f6672;
  --cathub-accent: var(--blots-red, #c42327);

  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Tarjetas con la sombra y el realce del resto del sitio. */
.cathub-card {
  box-shadow: 0 2px 10px rgba(17, 24, 39, .05);
}

a.cathub-card:hover,
a.cathub-card:focus-visible {
  box-shadow: 0 14px 34px rgba(17, 24, 39, .12);
  border-color: var(--cathub-accent);
}

/* Cabecera de la ficha: mismo lenguaje que el resto de las cabeceras. */
.cathub-header__title {
  font-size: clamp(24px, 3.4vw, 34px);
  letter-spacing: -.01em;
  color: #14161c;
}

.cathub-header__eyebrow {
  font-weight: 600;
}

.cathub-empty__cta:hover {
  background: var(--blots-red-d, #a51d20);
}

/* Respetar el ancho de contenido de Blocksy en el índice y en la cabecera. */
.cathub-page__inner {
  max-width: var(--theme-content-width, 1290px);
}

.cathub-header {
  --cathub-content-width: var(--theme-content-width, 1290px);
}

/*
 * Blocksy pinta un hero cuadrado gigante en los archivos de taxonomía. Se apaga
 * por filtro en functions.php (blocksy:hero:custom-source); esta regla es el
 * respaldo por si el filtro no llega a aplicarse.
 */
.tax-product_brand .hero-section[data-type="type-2"],
.tax-product_store .hero-section[data-type="type-2"] {
  display: none;
}