/* PCDIGA — catalog lane (category / product / search). Complementa theme.css. */

/* botões "Comparar / Favoritos" do card devem parecer texto, como na estática */
.mk-pcard .mk-pactions .mk-pact {
  background: none; border: 0; padding: 0; margin: 0;
  font: inherit; color: inherit; cursor: pointer; line-height: inherit;
}
.mk-pcard .mk-pactions .mk-pact:hover { color: var(--mk-orange); }
.mk-pcard form { display: contents; }

/* sidebar de refinamento (categorias / disponibilidade) */
.mk-catside { border-color: var(--mk-border); }
.mk-catside .menu li > a { font-size: 13px; padding: 6px 8px; }
.mk-listing-grid { display: grid; gap: 16px; grid-template-columns: 240px 1fr; }
@media (max-width: 1023px) { .mk-listing-grid { grid-template-columns: 1fr; } }

/* toolbar do listing: título não pode encostar no select */
.mk-sechead { flex-wrap: wrap; gap: 12px; }
.mk-sechead h1.mk-sectitle, .mk-sechead h2.mk-sectitle { min-width: 0; overflow-wrap: anywhere; }
.mk-sechead .mk-toolbar { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.mk-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 8px 0 28px; font-size: 13px; }
.mk-pagination .pagination { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0; }
.mk-pagination .page-item .page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 8px; border: 1px solid var(--mk-border); border-radius: 6px; background: #fff; color: var(--mk-navy); font-size: 13px; }
.mk-pagination .page-item.active .page-link { background: var(--mk-orange); border-color: var(--mk-orange); color: #fff; font-weight: 700; }

/* PDP */
.mk-pdp .mk-thumbs img { cursor: pointer; }
.mk-pdp .mk-thumbs img.is-active { border-color: var(--mk-orange); }
.mk-qty { width: 80px; }
.mk-optbox { border: 1px solid var(--mk-border); border-radius: 8px; padding: 12px; display: grid; gap: 10px; }
.mk-spec-wrap { overflow-x: auto; }
@media (max-width: 639px) {
  .mk-spec td { display: block; width: 100% !important; }
  .mk-spec td:first-child { border-bottom: 0; padding-bottom: 0; font-size: 11px; text-transform: uppercase; }
}

/* menu de categorias na sidebar (módulo Category do OpenCart) */
.mk-catside .mk-catmenu { display: block; }
.mk-catside .mk-catmenu li { display: block; }
.mk-catside .mk-catmenu a { display: block; font-size: 13px; line-height: 1.35; padding: 6px 8px; border-radius: 6px; }
.mk-catside .mk-catmenu a:hover { background: var(--mk-surface); color: var(--mk-orange); }
.mk-catside .mk-catmenu a.mk-catmenu-active { color: var(--mk-orange); font-weight: 700; }
.mk-catside .mk-catmenu ul { padding-left: 10px; }
.mk-catside img { max-width: 100%; height: auto; border-radius: 6px; }

/* controles da sidebar não podem sair do cartão */
.mk-catside { min-width: 0; overflow: hidden; }
.mk-catside form { display: grid; gap: 8px; min-width: 0; }
.mk-catside .input, .mk-catside .select, .mk-catside .btn { width: 100%; min-width: 0; max-width: 100%; }

/* em mobile a lista real de categorias é longa: mantém a sidebar compacta */
@media (max-width: 1023px) {
  .mk-catside .mk-catmenu { max-height: 260px; overflow-y: auto; }
}

/* galeria: miniaturas não podem sair do ecrã em mobile */
.mk-pdp .mk-thumbs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
.mk-pdp .mk-thumbs img { flex: 0 0 auto; }