/* =============== INVENTORY PAGE — light theme =============== */
.bl-inventory-page { background:#fff; min-height:60vh; }
.bl-inventory-page .inv-empty, .bl-inventory-page .inv-cta, .bl-inventory-page #invNoResults {
  text-align:center; padding:40px 20px; background:#fafafa; border:1px solid #ddd; border-radius:4px; margin:20px 0;
}
.bl-inventory-page .inv-empty h2, .bl-inventory-page #invNoResults h2 { color:#222; margin-bottom:10px; font-weight:700; }
.bl-inventory-page .inv-empty p, .bl-inventory-page .inv-cta p, .bl-inventory-page #invNoResults p { color:#666; font-size:15px; margin:0 0 16px; }
.bl-inventory-page #invNoResults { display:none; }
.bl-inventory-page .inv-btn {
  display:inline-block; padding:10px 24px; background:#111; color:#fff !important;
  text-decoration:none; border:1px solid #111; border-radius:3px;
  font-weight:700; font-size:13px; letter-spacing:0.8px; text-transform:uppercase;
  transition:background .2s;
}
.bl-inventory-page .inv-btn:hover { background:#000; }

/* FILTER BAR */
#invFilters {
  background:#fff; border-bottom:1px solid #e5e5e5;
  padding:14px 0 18px; margin-bottom:22px;
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
}
.cf-label {
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;
  color:#666; padding-right:6px;
}
.cf-fields { display:flex; flex-wrap:wrap; gap:8px; flex:1; }
.cf-field { flex:0 1 165px; min-width:130px; }
.cf-search { display:flex; align-items:stretch; gap:0; margin-left:auto; }
.cf-search input {
  width:160px; padding:8px 12px; border:1px solid #ccc; border-right:none;
  border-radius:3px 0 0 3px; font-size:14px; font-family:inherit; color:#222;
  outline:none; background:#fff; box-sizing:border-box;
}
.cf-search-btn {
  padding:0 14px; background:#111; color:#fff; border:1px solid #111;
  border-radius:0 3px 3px 0; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center;
}
.cf-search-btn:hover { background:#000; }
#invFilters select {
  width:100%; padding:8px 28px 8px 12px; border:1px solid #ccc; border-radius:3px;
  font-size:14px; font-family:inherit; color:#222; outline:none; cursor:pointer;
  box-sizing:border-box; -webkit-appearance:none; appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' fill='none' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 10px center;
}
#invFilters input::placeholder { color:#999; }
#invFilters input:focus, #invFilters select:focus { border-color:#888; }

/* COUNT */
#invCount { margin-bottom:14px; font-size:13px; color:#888; }
#invCount strong { color:#222; font-weight:700; }

/* GRID */
.bl-inventory-page .inv-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin:0 0 24px; }
.bl-inventory-page .inv-card {
  display:flex; border:1px solid #ddd; border-radius:4px; overflow:hidden;
  background:#fff; transition:box-shadow .2s; color:#222 !important;
  text-decoration:none !important;
}
.bl-inventory-page .inv-card:hover { box-shadow:0 2px 12px rgba(0,0,0,0.12); }
.bl-inventory-page .inv-card-img {
  flex:0 0 220px; height:200px; overflow:hidden; background:#f0f0f0;
  display:flex; align-items:center; justify-content:center; aspect-ratio:auto;
}
.bl-inventory-page .inv-card-img img { width:100%; height:100%; object-fit:cover; }
.bl-inventory-page .inv-card-noimg { background:#e8e8e8 !important; flex-direction:column; gap:8px; color:#999; font-size:13px; }
.bl-inventory-page .inv-card-body {
  flex:1; padding:16px 20px; display:flex; flex-direction:column; justify-content:center;
}
.bl-inventory-page .inv-card-title {
  margin:4px 0 10px; font-size:15px; line-height:1.35; color:#222;
  font-weight:700; text-transform:uppercase;
}
.bl-inventory-page .inv-card-stock {
  color:#666; font-size:13px; font-style:italic;
  margin:0 0 8px; padding-bottom:8px; border-bottom:1px solid #ddd;
}
.bl-inventory-page .inv-card-price { margin-bottom:12px; }
.bl-inventory-page .inv-price-current { font-size:20px; font-weight:800; color:#000; }
.bl-inventory-page .inv-price-was {
  font-size:16px; font-weight:600; color:#999;
  text-decoration:line-through; margin-right:8px;
}
.bl-inventory-page .has-sale .inv-price-current { color:#16a34a; }
.bl-inventory-page .inv-btn-details {
  display:inline-block; padding:10px 28px; text-decoration:none !important;
  border:none; border-radius:3px; font-size:13px; font-weight:700;
  letter-spacing:0.8px; text-transform:uppercase; transition:background .2s;
  background:#111; color:#fff !important; align-self:flex-start;
}
.bl-inventory-page .inv-card:hover .inv-btn-details { background:#000; }

/* store chip row (unified mode) */
.bl-inventory-page .store-chips { padding:0 0 16px; justify-content:center; }

/* SERVER-SIDE PAGINATION */
#invPagination {
  display:flex; align-items:center; justify-content:center; gap:8px;
  flex-wrap:wrap; margin:4px 0 20px;
}
#invPagination a, #invPagination span.disabled, #invPagination span.current {
  padding:8px 14px; border:1px solid #ccc; border-radius:4px; font-size:14px;
  color:#222; background:#fff; text-decoration:none; min-width:40px; text-align:center;
}
#invPagination a:hover { background:#f4f4f4; border-color:#999; }
#invPagination span.current { background:#111; color:#fff; border-color:#111; font-weight:700; }
#invPagination span.disabled { opacity:0.35; }
#invPagination span.gap { border:none; padding:8px 4px; min-width:auto; color:#999; }

/* RESPONSIVE */
@media (max-width:900px) { .bl-inventory-page .inv-grid { grid-template-columns:1fr; } }
@media (max-width:680px) {
  .bl-inventory-page .inv-card { flex-direction:column; }
  .bl-inventory-page .inv-card-img { flex:none; width:100%; height:200px; }
  #invFilters { padding:10px 0 12px; gap:8px; }
  .cf-fields { flex:1 1 100%; }
  .cf-field { flex:1 1 calc(50% - 4px); min-width:0; }
  .cf-search { width:100%; margin-left:0; }
  .cf-search input { flex:1; }
}
