/**
 * فرم «معرفی استاد» — سمت کاربر
 * هماهنگ با پوسته‌ی SmartTradePath (تم تیره، طلایی/قرمز، RTL، Vazirmatn)
 * فایل مستقل و خوداتکاست تا این شورت‌کد در هر صفحه‌ای درست نمایش داده شود.
 */
.sti-submit-wrap {
	--sti-bg: #0a0a0b;
	--sti-bg-soft: #111113;
	--sti-card: #161618;
	--sti-card-2: #1c1c1f;
	--sti-border: #28282c;
	--sti-red-600: #e63946;
	--sti-red-500: #ef4453;
	--sti-gold-400: #ffb020;
	--sti-green: #1fce8c;
	--sti-ink: #f2f2f4;
	--sti-ink-soft: #9a9aa3;
	--sti-ink-dim: #5f5f68;
	--sti-radius: 16px;
	--sti-radius-sm: 10px;
	--sti-grad: linear-gradient(135deg, var(--sti-gold-400), var(--sti-red-600));

	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', 'IRANSans', Tahoma, sans-serif;
	color: var(--sti-ink);
	max-width: 760px;
	margin: 0 auto;
	box-sizing: border-box;
}
.sti-submit-wrap *{ box-sizing: border-box; }

.sti-sub-heading{
	font-size: 1.35rem; font-weight: 800; color: var(--sti-ink); margin: 0 0 12px;
}

.sti-sub-intro{
	font-size: .92rem; line-height: 2; color: var(--sti-ink-soft);
	background: var(--sti-card-2); border: 1px solid var(--sti-border); border-right: 3px solid var(--sti-gold-400);
	border-radius: var(--sti-radius-sm); padding: 14px 16px; margin-bottom: 22px;
}

.sti-sub-msg{ font-size: .85rem; border-radius: 8px; text-align: center; }
.sti-sub-msg:not(:empty){ padding: 10px 12px; margin-bottom: 18px; }
.sti-sub-msg.sti-msg-err{ background: rgba(230,57,70,.12); color: #ff8088; border: 1px solid rgba(230,57,70,.35); }
.sti-sub-msg.sti-msg-ok{ background: rgba(31,206,140,.12); color: #6ee7b7; border: 1px solid rgba(31,206,140,.35); }

.sti-sub-box{
	background: var(--sti-card); border: 1px solid var(--sti-border); border-radius: var(--sti-radius);
	padding: 22px; margin-bottom: 18px;
}
.sti-sub-box h2{
	margin: 0 0 16px; font-size: 1.02rem; font-weight: 800; color: var(--sti-ink);
	display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid var(--sti-border);
}
.sti-sub-box h2 i{ color: var(--sti-gold-400); font-size: .95rem; }
.sti-sub-box p.sti-sub-desc{ color: var(--sti-ink-dim); font-size: .82rem; margin: -10px 0 14px; }

.sti-sub-row{ display: flex; gap: 14px; flex-wrap: wrap; }
.sti-sub-row > .sti-sub-field{ flex: 1; min-width: 220px; }

.sti-sub-field{ display: block; margin-bottom: 14px; }
.sti-sub-field:last-child{ margin-bottom: 0; }
.sti-sub-field > span{ display: block; font-size: .83rem; font-weight: 700; color: var(--sti-ink-soft); margin-bottom: 6px; }
.sti-sub-field em{ color: var(--sti-red-500); font-style: normal; }
.sti-sub-field small{ font-weight: 400; color: var(--sti-ink-dim); }

.sti-sub-field input[type="text"],
.sti-sub-field input[type="url"],
.sti-sub-field input[type="number"],
.sti-sub-field textarea{
	width: 100%; background: var(--sti-bg-soft); border: 1.5px solid var(--sti-border); border-radius: 9px;
	padding: 11px 13px; color: var(--sti-ink); font-family: inherit; font-size: .92rem; outline: none;
	box-sizing: border-box; resize: vertical;
}
.sti-sub-field input:focus, .sti-sub-field textarea:focus{
	border-color: var(--sti-gold-400); box-shadow: 0 0 0 3px rgba(255,176,32,.12);
}

.sti-sub-social-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sti-sub-social-grid .sti-sub-field > span{ display: flex; align-items: center; gap: 6px; }
.sti-sub-social-grid .sti-sub-field > span i{ color: var(--sti-gold-400); width: 14px; text-align: center; }

/* شبکه‌های دلخواه (ردیف‌های افزودنی) */
.sti-sub-extra-row{
	display: flex; gap: 10px; align-items: flex-end; background: var(--sti-card-2); border: 1px solid var(--sti-border);
	border-radius: 9px; padding: 12px; margin-bottom: 10px; flex-wrap: wrap;
}
.sti-sub-extra-row .sti-sub-field{ flex: 1; min-width: 140px; margin-bottom: 0; }
.sti-sub-extra-row .sti-sub-field.sti-sub-extra-url{ flex: 2; min-width: 200px; }
.sti-sub-remove-extra{
	display: inline-flex; align-items: center; justify-content: center; height: 40px; width: 40px; flex-shrink: 0;
	background: transparent; border: 1px solid var(--sti-border); color: var(--sti-red-500); border-radius: 9px; cursor: pointer;
}
.sti-sub-remove-extra:hover{ background: var(--sti-red-600); border-color: var(--sti-red-600); color: #fff; }
.sti-sub-add-extra{
	display: inline-flex; align-items: center; gap: 7px; background: var(--sti-card-2); border: 1px dashed var(--sti-border);
	color: var(--sti-ink-soft); border-radius: 9px; padding: 9px 16px; font-family: inherit; font-size: .85rem;
	font-weight: 700; cursor: pointer;
}
.sti-sub-add-extra:hover{ border-color: var(--sti-gold-400); color: var(--sti-ink); }

/* آپلود عکس */
.sti-sub-photo-row{ display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.sti-sub-photo-preview{
	width: 76px; height: 76px; border-radius: 50%; overflow: hidden; border: 2px solid var(--sti-border);
	background: var(--sti-bg-soft); flex-shrink: 0; display: flex; align-items: center; justify-content: center;
}
.sti-sub-photo-preview img{ width: 100%; height: 100%; object-fit: cover; display: none; }
.sti-sub-photo-preview i{ color: var(--sti-ink-dim); font-size: 1.4rem; }
.sti-sub-photo-actions{ display: flex; flex-direction: column; gap: 6px; }
.sti-sub-file-name{ font-size: .78rem; color: var(--sti-ink-dim); }
.sti-sub-or{ color: var(--sti-ink-dim); font-size: .8rem; margin: 10px 0 6px; }

/* راستی‌آزمایی (جمع دو عدد) */
.sti-sub-captcha-line{ display: flex; align-items: center; gap: 10px; }
.sti-sub-captcha-num{
	display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px;
	background: var(--sti-bg-soft); border: 1.5px solid var(--sti-border); border-radius: 9px; font-weight: 800; font-size: 1rem;
}
.sti-sub-captcha-op{ font-weight: 800; color: var(--sti-gold-400); }
.sti-sub-captcha-input{ max-width: 90px !important; text-align: center; }

/* تلهٔ هرزنامه — از دید بازدیدکنندهٔ واقعی مخفی است */
.sti-sub-hp{ position: absolute !important; left: -9999px !important; top: -9999px !important; height: 0 !important; overflow: hidden !important; }

/* دکمه‌ها */
.sti-sub-btn{
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; cursor: pointer;
	background: var(--sti-grad); color: #fff; font-weight: 800; font-family: inherit; font-size: .95rem;
	border: none; border-radius: var(--sti-radius-sm); padding: 13px 22px;
}
.sti-sub-btn:hover{ filter: brightness(1.07); }
.sti-sub-btn:disabled{ opacity: .6; cursor: not-allowed; filter: none; }
.sti-sub-btn-file{
	display: inline-flex; align-items: center; gap: 7px; background: var(--sti-card-2); border: 1px solid var(--sti-border);
	color: var(--sti-ink); border-radius: 9px; padding: 9px 16px; font-family: inherit; font-size: .85rem; font-weight: 700; cursor: pointer;
}
.sti-sub-btn-file:hover{ border-color: var(--sti-gold-400); }

@media (max-width: 640px){
	.sti-sub-box{ padding: 16px; }
	.sti-sub-social-grid{ grid-template-columns: 1fr; }
	.sti-sub-row{ flex-direction: column; }
}