/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* Theme scrollbars – match SellAuth theme (accent + background) */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cl-accent), 0.6) rgba(var(--cl-background), 0.5);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: rgba(var(--cl-background), 0.5);
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
  background: rgba(var(--cl-accent), 0.6);
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--cl-accent), 0.85);
}

*::-webkit-scrollbar-thumb:active {
  background: rgb(var(--cl-accent));
}

*::-webkit-scrollbar-corner {
  background: rgba(var(--cl-background), 0.5);
}

/* ===== Product cards: image full width + View Details on hover only ===== */
.product-card-link .product-card-image-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.product-card-link .product-card-image-wrapper .product-card-img {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: var(--product-image-fit, cover) !important;
}

.product-card-link .product-card-view-details {
  opacity: 0 !important;
  transition: opacity 0.2s ease-in-out !important;
}

.product-card-link:hover .product-card-view-details {
  opacity: 1 !important;
}