/* ===== پایه طلایی–نقره‌ای ===== */
.gk-form-card {
  --gold:#d4af37; --silver:#c0c0c0; --dark:#2c2c2c; --light:#fff;
  background: linear-gradient(145deg, #ffffff 0%, #f8f8f8 60%, #ffffff 100%);
  border: 2px solid var(--gold);
  border-radius: 18px;
  padding: 22px 22px 12px;
  max-width: 820px;
  margin: 24px auto;
  box-shadow: 0 10px 30px rgba(0,0,0,.07), inset 0 0 0 1px rgba(212,175,55,.15);
  position: relative;
}
.gk-form-card:before{
  content:"";
  position:absolute; inset:-2px;
  border-radius:20px;
  background: linear-gradient(90deg, rgba(212,175,55,.25), rgba(192,192,192,.25));
  filter: blur(12px);
  z-index:-1;
}
.gk-form-title{
  margin:0 0 10px 0;
  font-weight:800; color:#333; font-size:20px;
  background: linear-gradient(90deg, var(--gold), var(--silver));
  -webkit-background-clip: text; background-clip:text; color:transparent;
}

.gk-alert{background:#fff3cd;border:1px solid #ffeeba;padding:10px;border-radius:8px;margin:10px 0}

/* ===== فیلد ===== */
.gk-field{margin-bottom:16px;}
.gk-label{font-weight:700;display:block;margin-bottom:6px;color:#333}
.gk-req{color:#e74c3c;margin-right:6px}

.gk-field input[type="text"],
.gk-field input[type="email"],
.gk-field input[type="url"],
.gk-field input[type="number"],
.gk-field input[type="date"],
.gk-field input[type="time"],
.gk-field input[type="datetime-local"],
.gk-field textarea,
.gk-field select{
  width:100%; border:1px solid #ddd; border-radius:10px; padding:10px 12px; transition:.25s;
  background:#fff;
}
.gk-field input:focus,
.gk-field textarea:focus,
.gk-field select:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(212,175,55,.15);
  outline:0;
}

/* صحیح/غلط (toggle) */
.gk-toggle{display:inline-flex;align-items:center;cursor:pointer;gap:10px}
.gk-toggle input{display:none}
.gk-toggle span{
  width:46px;height:26px;border-radius:20px;background:#ddd;position:relative;transition:.2s;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.1);
}
.gk-toggle span:after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(180deg,var(--silver),#eaeaea);transition:.2s;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.gk-toggle input:checked + span{background:linear-gradient(90deg,var(--gold),var(--silver))}
.gk-toggle input:checked + span:after{left:23px}

/* چک‌باکس/رادیو کلاسیک */
.gk-options-wrap .gk-opt{display:inline-flex;align-items:center;margin:6px 10px 6px 0;gap:6px}
.gk-opt input{accent-color:var(--gold)}

/* دکمه ثبت */
.gk-btn-primary{
  background:linear-gradient(90deg,var(--gold),var(--silver));
  border:none;border-radius:30px;padding:12px 22px;color:#fff;font-weight:800;cursor:pointer;
  box-shadow:0 10px 20px rgba(0,0,0,.12), inset 0 0 0 1px rgba(255,255,255,.2);
  transition:.25s;
}
.gk-btn-primary:hover{transform:translateY(-1px);opacity:.95}

/* خطای اعتبارسنجی */
.gk-error{color:#c0392b;font-size:12px;margin-top:6px;display:none}
.gk-field.gk-has-error .gk-error{display:block}
.gk-field.gk-has-error input,
.gk-field.gk-has-error textarea,
.gk-field.gk-has-error select{border-color:#e74c3c; box-shadow:0 0 0 3px rgba(231,76,60,.12)}

/* ===== کشویی مدرن (بدون تیک) ===== */
.gk-select.gk-enhanced{position:relative}
.gk-select.gk-enhanced select{display:none} /* اصل select مخفی؛ JS همگام می‌کند */

.gk-select-ui{
  border:1px solid #ddd;border-radius:12px;background:#fff;padding:8px 10px;cursor:pointer;
  display:flex;flex-wrap:wrap;gap:6px;min-height:42px;align-items:center;
}
.gk-placeholder{color:#999}
.gk-chip{
  background:linear-gradient(90deg,rgba(212,175,55,.2),rgba(192,192,192,.2));
  border:1px solid rgba(212,175,55,.35);
  padding:4px 8px;border-radius:999px;font-size:12px;display:flex;align-items:center;gap:6px
}
.gk-chip .x{font-weight:700;cursor:pointer}

.gk-dropdown{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #ddd;border-radius:12px;
  box-shadow:0 10px 20px rgba(0,0,0,.08);max-height:280px;overflow:auto;display:none
}
.gk-dropdown.open{display:block}
.gk-opt-item{padding:10px 12px;cursor:pointer}
.gk-opt-item:hover{background:#f5f5f5}
.gk-opt-item.active{background:linear-gradient(90deg,rgba(212,175,55,.08),rgba(192,192,192,.08))}

/* چندانتخاب */
.gk-select.gk-multi .gk-select-ui{min-height:44px}

/* ریسپانسیو */
@media (max-width:560px){
  .gk-form-card{padding:16px}
}