:root {
  --vpcr-accent: #9b54ec; /* Morado único VetPCR */
  --vpcr-accent-ink: #ffffff;
  --vpcr-ink: #022e47;      /* Texto base (oscuro) */
  --vpcr-bg: #f4f5f5;       /* Fondo gris claro */
  --vpcr-card: #ffffff;
  --vpcr-border: rgba(2,46,71,.10);
}

body.tax-product_cat,
body.post-type-archive-product {
  background: var(--vpcr-bg);
  font-family: 'Poppins', system-ui, sans-serif;
}

/* Header/Footer (si usas header custom, quedará consistente) */
.custom-header { background: var(--vpcr-accent) !important; }
.custom-header a,
.custom-header .login-icon { color: var(--vpcr-accent-ink) !important; }
.site-footer { background: var(--vpcr-accent) !important; }

/* Wrapper */
.vpcr-category-wrapper {
  display: flex; gap: 2.5rem;
  padding: 3rem 5%;
  align-items: flex-start;
  margin-top: 1rem;
}

/* Sidebar */
.vpcr-sidebar { min-width: 220px; font-weight: 600; color: var(--vpcr-accent); }
.vpcr-sidebar-title { margin: 1rem 0 1.2rem; color: var(--vpcr-accent); }
.vpcr-subcat {
  display: block; margin: 0 .25rem .35rem 1rem; color: var(--vpcr-accent);
  text-decoration: none; padding: .1rem .35rem; border-radius: 10px;
}
.vpcr-subcat:hover { background: var(--vpcr-accent); color: var(--vpcr-accent-ink); }

.vpcr-sidebar-search { margin-bottom: 1.5rem; }
.vpcr-sidebar-search input[type="search"]{
  width: 100%; padding: .65rem .8rem; border-radius: 12px;
  border: 1px solid var(--vpcr-border); background: var(--vpcr-card);
}

.vpcr-backlink{
  display:inline-block; margin: .25rem 0 1.25rem;
  color: var(--vpcr-accent); text-decoration: none; font-weight: 600;
}
.vpcr-backlink:hover{ text-decoration: underline; }

/* Main */
.vpcr-main { flex: 1; }
.vpcr-cat-title{
  display:inline-block;
  background: var(--vpcr-accent); color: var(--vpcr-accent-ink);
  font-size: 1.8rem; font-weight: 800;
  padding: .8rem 2rem; border-radius: 40px 0 0 40px; margin: 0 0 2rem 0;
}

/* Grilla de productos (compatible con loop de Woo) */
.woocommerce ul.products{ display:flex !important; flex-wrap:wrap !important; gap: 1rem !important; }
.woocommerce ul.products li.product{
  background: var(--vpcr-card);
  border: 1px solid var(--vpcr-border);
  border-radius: 16px;
  width: 270px; min-height: 360px;
  box-shadow: 0 8px 20px rgba(0,0,0,.05);
  padding: 1rem; text-align:center; transition: transform .2s ease;
}
.woocommerce ul.products li.product:hover{ transform: translateY(-4px); }
.woocommerce ul.products li.product img{
  width:100%; height: 220px; object-fit: contain; border-radius: 12px; margin-bottom: .75rem;
}
.woocommerce ul.products li.product h2{
  font-size: .9rem; line-height: 1.35; color: var(--vpcr-ink);
  height: 2.7em; overflow: hidden; margin: .25rem 0 .5rem;
}

/* Botón (un solo color) */
.woocommerce ul.products li.product .button{
  background: var(--vpcr-accent); color: var(--vpcr-accent-ink);
  border-radius: 20px; padding: .45rem 1.1rem; font-weight: 700; font-size: .9rem;
}
.woocommerce ul.products li.product .button:hover{ opacity:.85; }

/* Orden y contador */
.woocommerce-result-count,
.woocommerce-ordering{ color: var(--vpcr-accent); font-weight:600; }
.woocommerce-ordering select{
  border: 1px solid var(--vpcr-border); border-radius: 20px; padding: .6rem .9rem; background: #fff; color: var(--vpcr-accent);
}
.woocommerce-ordering select:hover{ background: var(--vpcr-accent); color: #fff; }

/* Paginación */
nav.woocommerce-pagination ul.page-numbers li a,
nav.woocommerce-pagination ul.page-numbers li span{
  background: var(--vpcr-accent); color: var(--vpcr-accent-ink);
  border-radius: 50%; padding: .6rem .8rem; font-weight: 700;
}
nav.woocommerce-pagination ul.page-numbers li .current{ filter: brightness(0.85); }

/* Responsive */
@media (max-width: 992px){
  .vpcr-category-wrapper{ flex-direction: column; }
  .vpcr-cat-title{ border-radius: 20px; text-align:center; width: 100%; }
  .woocommerce ul.products{ justify-content: center; }
  .woocommerce ul.products li.product{ width: calc(50% - .5rem); }
}
@media (max-width: 767px){
  .woocommerce ul.products{ flex-direction: column; padding: 0 1rem; }
  .woocommerce ul.products li.product{ width: 100%; }
  .vpcr-sidebar{ width: 100%; text-align:center; }
}