/* aura-fix-category — correções gap-audit aura-48 (28/06/2026) */

/* ── Sem banner de categoria (igual ao mockup): título só p/ SEO ────── */
.aura-cat-srtitle {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* Caso algum cache ainda renderize o banner antigo, neutraliza-o */
.aura-cat .cathead.cathero { display: none; }

/* Listagens sem sidebar (busca/ofertas/marcas): grid em largura total, mesmo visual */
.aura-cat .layout--full { grid-template-columns: 1fr; }

/* ── Toolbar: ocultar seletor de itens por página (mockup não tem) ──── */
.aura-cat .toolbar #input-limit { display: none; }

/* ── Filtros por atributo (nativos OpenCart): mesmo padrão dos demais ── */
/* Reaproveita .fblock/.opt já existentes; aqui só um leve realce no checkbox. */
.aura-cat .side .filter-attr {
  accent-color: #4b1d8f;
}

/* ── Realce da subcategoria ATIVA (pill no topo) ───────────────────── */
.aura-cat .subnav .subpill.on {
  background: #4b1d8f;
  border-color: #4b1d8f;
  color: #fff;
  box-shadow: 0 4px 14px rgba(75, 29, 143, .22);
}

/* ── Realce da subcategoria ATIVA (linha na sidebar) ───────────────── */
.aura-cat .side .subrow.on {
  background: #f0e9fb;
  color: #4b1d8f;
  font-weight: 700;
  border-radius: 10px;
  box-shadow: inset 3px 0 0 #4b1d8f;
}

/* ── Estado vazio da subcategoria ──────────────────────────────────── */
.aura-cat .empty.empty-sub {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  padding: 48px 24px;
}
.aura-cat .empty.empty-sub .empty-icon {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #ece4fb, #f7f5fb);
  border: 1px solid #e6def7;
  color: #4b1d8f;
}
.aura-cat .empty.empty-sub .empty-icon svg {
  width: 34px;
  height: 34px;
}
.aura-cat .empty.empty-sub h3 {
  margin: 0;
  color: #4b1d8f;
  font-size: 20px;
}
.aura-cat .empty.empty-sub .btn-parent {
  display: inline-block;
  width: auto;
  text-decoration: none;
  background: #15a05a;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 16px;
  font-weight: 700;
}
.aura-cat .empty.empty-sub .btn-parent:hover {
  filter: brightness(.96);
}

/* ── Frase de paginação no rodapé (mantida abaixo dos links) ──────── */
.aura-cat .cat-pag .pag-results {
  display: block;
  margin-top: 8px;
  color: #6b6385;
  font-size: 13px;
}

/* ===== Filtros no mobile (padrão Linda Casa): painel escondido atrás do botão
   "Filtrar" na toolbar; abre como overlay de tela cheia com botão "Ver produtos".
   Antes, o cliente rolava ~2,3 telas de filtros antes do primeiro produto. ===== */
.aura-cat .fbtn-mobile,
.aura-cat .side .fclose,
.aura-cat .side .fapply { display: none; }

@media (max-width: 900px) {
  .aura-cat .side { display: none; }

  .aura-cat .toolbar { flex-wrap: wrap; gap: 10px; }
  .aura-cat .fbtn-mobile {
    display: inline-flex; align-items: center; gap: 7px;
    background: #fff; border: 1.5px solid #e6e1f0; border-radius: 12px;
    padding: 9px 16px; font: inherit; font-weight: 700; font-size: 13.5px;
    color: #2a2440; cursor: pointer;
  }

  body.dz-filters-open { overflow: hidden; }
  body.dz-filters-open .aura-cat .side {
    display: block; position: fixed; inset: 0; z-index: 4000;
    background: #fff; border: 0; border-radius: 0;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: 18px 18px 100px;
  }
  body.dz-filters-open .aura-cat .side h2 {
    display: flex; align-items: center; justify-content: space-between;
  }
  body.dz-filters-open .aura-cat .side .fclose {
    display: inline-flex; align-items: center; justify-content: center;
    background: none; border: 0; padding: 6px; color: #2a2440; cursor: pointer;
  }
  body.dz-filters-open .aura-cat .side .fapply {
    display: block; position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 4001;
    background: #15a05a; color: #fff; border: 0; border-radius: 14px;
    padding: 15px; font: inherit; font-weight: 800; font-size: 15px; cursor: pointer;
    box-shadow: 0 10px 26px rgba(21, 160, 90, .35);
  }
}