/* Additions for the server-rendered (Blade) version. Keep app.css identical to the React build. */
[hidden] { display: none !important; }

/* Product sidebar: readable category thumbnails + "Printers" group heading */
.products-sidebar .category-icon {
  width: 34px;
  height: 34px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
.products-sidebar .category-icon-image {
  object-fit: contain;
  padding: 2px;
}
.sidebar-group-label {
  padding: 14px 20px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
}

/* Category pages: product-type filter chips + SEO guide */
.type-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.type-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border: 1px solid #e5e7eb; border-radius: 999px;
  background: #ffffff; color: #374151; font-size: 0.85rem; font-weight: 500;
}
.type-chip span { font-size: 0.75rem; color: #9ca3af; }
.type-chip:hover { border-color: #2563eb; color: #2563eb; }
.type-chip.active { background: #2563eb; border-color: #2563eb; color: #ffffff; }
.type-chip.active span { color: #dbeafe; }
.category-guide {
  margin: 48px 0 24px; padding: 28px; background: #ffffff;
  border: 1px solid #e5e7eb; border-radius: 14px;
}
.category-guide h2 { font-size: 1.35rem; color: #0f172a; margin: 0 0 12px; }
.category-guide p { color: #475569; line-height: 1.75; margin: 0 0 12px; }
.category-guide p:last-child { margin-bottom: 0; }

/* Manufacturer photos have white backgrounds: show the whole product instead of cropping. */
.product-image.brand-product-image { object-fit: contain; background: #ffffff; }