/* ═══════════════════════════════════════════════════════
   Zovino — product-fields.css
   باکس فیلدهای سفارشی خرید (آیدی بازی و...) در صفحه محصول
═══════════════════════════════════════════════════════ */

.zv-custom-fields{
  --blue: #2563EB; --border: rgba(15,23,42,.08); --ink:#0F172A; --sub:#64748B;
  direction: rtl;
  font-family: 'Vazirmatn', sans-serif;
  border-radius: 18px;
  padding: 20px;
  margin: 18px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.zv-custom-fields-title{
  font-size: 14px; font-weight: 800; color: var(--ink); margin: 0;
}

.zv-cf-field{ display: flex; flex-direction: column; gap: 6px; }
.zv-cf-field label{ font-size: 13px; font-weight: 700; color: var(--ink); }
.zv-cf-required{ color: #DC2626; margin-inline-start: 2px; }

.zv-cf-input{
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 11px 14px;
  font-size: 13.5px;
  font-family: inherit;
  background: #fff;
  outline: none;
  direction: rtl;
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.zv-cf-input::placeholder{
  direction: rtl;
  text-align: right;
  opacity: .65;
  color: var(--sub);
}
.zv-cf-input:focus{
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.22);
  background: #fff;
}

.zv-cf-hint{ margin: 0; font-size: 12px; color: var(--sub); line-height: 1.7; }

.zv-cf-status{ margin: 0; font-size: 12px; font-weight: 700; min-height: 16px; }
.zv-cf-status.is-ok{ color: #16A34A; }
.zv-cf-status.is-error{ color: #DC2626; }
.zv-cf-status.is-loading{ color: var(--sub); }