/* Marketplace-specific styles (in addition to theme.css) */

/* Product modal (<dialog>) backdrop */
dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

/* File input */
input[type="file"] {
  color: #94a3b8;
  font-size: 0.875rem;
}
input[type="file"]::file-selector-button {
  background: rgb(124 58 237);
  color: #ffffff;
  border: 0;
  border-radius: 0.25rem;
  padding: 0.5rem 0.75rem;
  margin-right: 0.75rem;
  cursor: pointer;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 500;
}
input[type="file"]::file-selector-button:hover {
  background: rgb(139 92 246);
}

/* Product card action buttons (WhatsApp / Telegram) */
.btn-wa:hover {
  background: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.35);
}
.btn-tg:hover {
  background: rgba(56, 189, 248, 0.15);
  border-color: rgba(56, 189, 248, 0.35);
}

/* Product detail — image zoom on hover */
.zoom-wrap { cursor: zoom-in; }
.zoom-wrap img { transition: transform 0.2s ease; }
.zoom-wrap:hover img { transform: scale(2); }

/* Product detail — thumbnail strip */
.thumb {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  overflow: hidden;
}
.thumb img { width: 100%; height: 100%; object-fit: cover; }
.thumb.active { border-color: rgb(139 92 246); }