/* 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 (Telegram / email) */
.btn-tg:hover {
  background: rgba(56, 189, 248, 0.15);
  border-color: rgba(56, 189, 248, 0.35);
}
.btn-email:hover {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.35);
}

/* Product detail — image zoom on hover */
.zoom-wrap { cursor: zoom-in; }
.zoom-wrap img { transition: transform 0.2s ease; object-fit: contain; }
.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); }

/* Rendered markdown (product description) */
.markdown p { margin: 0 0 0.75rem; }
.markdown ul, .markdown ol { margin: 0 0 0.75rem; padding-left: 1.5rem; }
.markdown ul { list-style: disc; }
.markdown ol { list-style: decimal; }
.markdown li { margin-bottom: 0.25rem; }
.markdown a { color: #a78bfa; text-decoration: underline; }
.markdown code { font-family: "JetBrains Mono", monospace; background: rgba(31, 41, 55, 0.6); padding: 0.125rem 0.375rem; border-radius: 0.25rem; }
[data-theme="light"] .markdown a { color: #7c3aed; }
[data-theme="light"] .markdown code { background: rgba(226, 232, 240, 0.8); }