/* vendor-form-modern.css — Etsy-like form + thumbnail list */

/* Container / card */
.evm-ff-wrap,
.evm-vendor-form,
.evm-product-form {
  max-width: 920px;
  margin: 28px auto;
  padding: 22px;
  background:#ffffff;
  border-radius:14px;
  box-shadow: 0 6px 24px rgba(16,24,40,0.06);
  border: 1px solid rgba(16,24,40,0.04);
  font-family: Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Heading */
.evm-ff-heading, .evm-vendor-form h2 {
  font-size:20px;
  font-weight:700;
  color:#111827;
  margin:0 0 14px;
}

/* form rows */
.evm-row {
  display:block;
  margin-bottom:14px;
}
.evm-row label {
  display:block;
  font-weight:600;
  color:#374151;
  margin-bottom:8px;
  font-size:14px;
}

/* inputs/selects/textarea */
.evm-row input[type="text"],
.evm-row input[type="file"],
.evm-row input[type="number"],
.evm-row textarea,
.evm-row select {
  width:100%;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid #e6e9ee;
  background: #fff;
  font-size:14px;
  color:#111827;
  box-shadow:none;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.evm-row textarea { min-height:120px; resize:vertical; }

.evm-row input:focus,
.evm-row textarea:focus,
.evm-row select:focus {
  outline: none;
  border-color: rgba(255,111,97,0.85);
  box-shadow: 0 4px 18px rgba(255,111,97,0.12);
}

/* Fancy file button fallback */
.evm-row input[type="file"] {
  padding:8px 6px;
}

/* Buttons */
.evm-submit,
.evm-vendor-form button,
.evm-ff-wrap .button,
.evm-ff-wrap .button-primary {
  padding:12px 20px;
  background:#ff6f61;
  color:#fff;
  border:none;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
  box-shadow: 0 6px 18px rgba(16,24,40,0.08);
  transition: transform .12s ease, background .12s ease;
}
.evm-submit:hover,
.evm-vendor-form button:hover,
.evm-ff-wrap .button-primary:hover { transform: translateY(-2px); background:#e85a4f; }

/* Secondary cancel button */
.evm-cancel, .evm-cancel {
  display:inline-block;
  margin-left:10px;
  padding:10px 14px;
  border-radius:10px;
  background:#fafafa;
  border:1px solid #eee;
  color:#374151;
  text-decoration:none;
}

/* Featured image / preview */
.evm-preview { display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.evm-preview img { width:96px; height:96px; object-fit:cover; border-radius:8px; border:1px solid #f1f1f1; }

/* My products list — grid of cards */
.evm-my-products {
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:14px;
  margin-top:22px;
}
.evm-my-products li {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px;
  background:#fff;
  border-radius:12px;
  border:1px solid #f0f0f0;
  box-shadow: 0 4px 14px rgba(16,24,40,0.04);
  min-height:110px;
}

/* thumbnail area */
.evm-my-products li img {
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:8px;
  flex:0 0 84px;
  border:1px solid #f2f2f2;
}

/* meta */
.evm-my-products li div { flex:1; min-width:0; }
.evm-my-products li a { color:#111827; font-weight:700; text-decoration:none; display:block; margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.evm-my-products .evm-actions { color:#6b7280; font-size:13px; margin-top:6px; }
.evm-my-products .evm-actions a { color:#6b7280; text-decoration:none; padding:6px 8px; border-radius:8px; }
.evm-my-products .evm-actions a:hover { background:#f8f8f9; color:#111827; }

/* price line */
.evm-vprod-price, .evm-price {
  color:#ff6f61;
  font-weight:700;
  margin-top:6px;
}

/* responsive */
@media (max-width:980px) {
  .evm-my-products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:640px) {
  .evm-ff-wrap, .evm-vendor-form { padding:16px; border-radius:12px; }
  .evm-my-products { grid-template-columns: 1fr; gap:10px; }
  .evm-my-products li { flex-direction:row; }
  .evm-my-products li img { width:72px; height:72px; flex:0 0 72px; }
}