/* =========================================================
   INGCO – Shop base (sidebar + grid productos) v2.1
   - 1 columna de sidebar + 4 columnas de productos en desktop
   - 3/2/1 columnas responsive
   - Filtro de precio estilizado
   ========================================================= */

:root{ --ingco-yellow:#ffb400; }

/* ----- CONTENEDOR PRINCIPAL (sidebar + contenido) ----- */
.woocommerce-archive-ingco .ingco-shop-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:24px 16px 64px;
  display:grid;
  grid-template-columns: 280px 1fr;   /* <- sidebar + contenido */
  gap:28px;
  align-items:start;
  box-sizing:border-box;
}
@media (max-width: 992px){
  .woocommerce-archive-ingco .ingco-shop-wrap{
    grid-template-columns: 1fr;       /* <- una sola columna en tablet/móvil */
  }
}

/* ----- SIDEBAR ----- */
.shop-sidebar{ 
  background:#0f0f0f; border:1px solid #1f1f1f; border-radius:14px; 
  padding:16px; display:flex; flex-direction:column; gap:18px;
}
.shop-sidebar .widget{
  background:#111; border:1px solid #1e1e1e; border-radius:12px; padding:14px;
}
.shop-sidebar .widget-title{
  margin:0 0 10px; font-size:16px; color:var(--ingco-yellow); 
  text-transform:uppercase; line-height:1.2;
}

/* ===== Filtro de precio (doble rango) ===== */
.price-filter-form{ display:flex; flex-direction:column; gap:.7rem; }
.price-filter-form .range-wrap{ position:relative; height:36px; margin:6px 2px; }
.price-filter-form .range-track{
  position:absolute; left:6px; right:6px; top:50%; height:6px; 
  transform:translateY(-50%); background:#1e1e1e; border-radius:6px; 
  box-shadow:inset 0 0 0 1px #2a2a2a;
}
.price-filter-form .range-highlight{
  position:absolute; top:50%; height:6px; transform:translateY(-50%);
  background:linear-gradient(90deg,#ffb000,#ffcf4a); border-radius:6px;
}
.price-filter-form .range{
  position:absolute; inset:0; width:100%; height:36px; margin:0;
  background:none; pointer-events:none; -webkit-appearance:none; appearance:none;
}
.price-filter-form .range::-webkit-slider-thumb{
  pointer-events:all; -webkit-appearance:none; appearance:none;
  width:18px; height:18px; border-radius:50%; background:#ffb000;
  border:2px solid #000; box-shadow:0 0 0 2px #2a2a2a; cursor:pointer;
}
.price-filter-form .range::-moz-range-thumb{
  pointer-events:all; width:18px; height:18px; border-radius:50%;
  background:#ffb000; border:2px solid #000; cursor:pointer;
}
.price-filter-form .range-readouts{
  display:grid; grid-template-columns:1fr 1fr; gap:.6rem; align-items:center;
}
.price-filter-form .readout{
  display:flex; align-items:center; gap:6px; background:#161616;
  border:1px solid #252525; border-radius:10px; padding:6px 8px;
}
.price-filter-form .readout label{
  color:#9a9a9a; font-size:12px; text-transform:uppercase; white-space:nowrap;
}
.price-filter-form .readout input{
  background:transparent; border:0; color:#fff; width:100%;
}
.price-filter-form .btn-apply{
  grid-column:1 / -1; justify-self:center; width:100%; max-width:220px; margin-top:.2rem;
  background:var(--ingco-yellow); color:#000; border:0; border-radius:12px;
  padding:10px 14px; font-weight:700; cursor:pointer;
}
.price-filter-form .btn-apply:hover{ filter:brightness(1.05); }
@media (max-width:420px){
  .price-filter-form .range-readouts{ grid-template-columns:1fr; }
}

/* ===== GRID DE PRODUCTOS ===== */
.woocommerce-archive-ingco .shop-content .woocommerce-products-grid ul.products,
.woocommerce-archive-ingco .shop-content ul.products{
  display:grid !important;
  grid-template-columns: repeat(4, 1fr);  /* <- 4 columnas */
  gap:20px;
  align-items:stretch;
}

@media (max-width: 1140px){
  .woocommerce-archive-ingco .shop-content .woocommerce-products-grid ul.products,
  .woocommerce-archive-ingco .shop-content ul.products{
    grid-template-columns: repeat(3, 1fr);  /* <- 3 columnas */
  }
}
@media (max-width: 900px){
  .woocommerce-archive-ingco .shop-content .woocommerce-products-grid ul.products,
  .woocommerce-archive-ingco .shop-content ul.products{
    grid-template-columns: repeat(2, 1fr);  /* <- 2 columnas */
  }
}
@media (max-width: 560px){
  .woocommerce-archive-ingco .shop-content .woocommerce-products-grid ul.products,
  .woocommerce-archive-ingco .shop-content ul.products{
    grid-template-columns: 1fr;            /* <- 1 columna */
  }
}

/* Tarjeta producto */
.woocommerce-archive-ingco ul.products li.product{
  background:#0f0f0f; border:1px solid #1a1a1a; border-radius:12px;
  padding:14px; text-align:center;
  transition:transform .2s, box-shadow .2s;
}
.woocommerce-archive-ingco ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px #2a2a2a, 0 10px 24px rgba(0,0,0,.35);
}
.woocommerce-archive-ingco ul.products li.product img{
  width:100%; height:auto; border-radius:10px; object-fit:contain;
}
.woocommerce-archive-ingco ul.products li.product .woocommerce-loop-product__title{
  color:#fff; font-weight:600; margin-top:10px;
}
.woocommerce-archive-ingco ul.products li.product .price{
  color:var(--ingco-yellow); font-weight:700;
}

/* Asegura que el contenido quede por encima de sidebar para z-index raros */
.woocommerce-archive-ingco .shop-content{ position:relative; z-index:50; }