@charset "utf-8";
/* =====================================================================
   DLE Market  —  نظرات، فرم‌ها و صفحات موروثی دیتالایف
   ---------------------------------------------------------------------
   قالب‌های داخلی دیتالایف (نظرات، جستجو، ثبت‌نام، پروفایل، پیام
   خصوصی، آمار) عناصر فرم را خودشان تولید می‌کنند و کلاس نمی‌گیرند.
   این فایل هم قالب‌های بازنویسی‌شده را استایل می‌دهد و هم برای
   مارکاپ موروثی یک پلِ ظاهری می‌سازد تا با بقیه سایت یکدست شود.
   ===================================================================== */

/* =============================================== ۱. فرم عمومی */

/* هر ورودی‌ای که دیتالایف بدون کلاس تولید می‌کند */
#dle-content input[type="text"],
#dle-content input[type="email"],
#dle-content input[type="password"],
#dle-content input[type="tel"],
#dle-content input[type="number"],
#dle-content input[type="search"],
#dle-content select,
#dle-content textarea,
.card input[type="text"],
.card input[type="email"],
.card input[type="password"],
.card input[type="number"],
.card select,
.card textarea,
.addcomm input[type="text"],
.addcomm input[type="email"],
.addcomm select,
.auth-card input,
.auth-card select,
.srch-form input[type="text"],
.srch-form select {
	width: 100%;
	max-width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	background: #FAFBFD;
	font: 400 14px 'Vazirmatn', sans-serif;
	color: var(--tx);
	transition: border-color .16s var(--ease), background .16s var(--ease), box-shadow .16s var(--ease);
}

#dle-content input:focus,
#dle-content select:focus,
#dle-content textarea:focus,
.card input:focus, .card select:focus, .card textarea:focus,
.addcomm input:focus, .auth-card input:focus,
.srch-form input:focus, .srch-form select:focus {
	outline: none;
	border-color: var(--saffron);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(239, 160, 11, .12);
}

#dle-content input[type="checkbox"],
#dle-content input[type="radio"],
.card input[type="checkbox"],
.card input[type="radio"] {
	width: auto;
	accent-color: var(--saffron);
	margin-inline-end: 6px;
}

/* دکمه‌های بدون کلاسِ دیتالایف */
#dle-content input[type="submit"],
#dle-content button[type="submit"]:not(.btn),
.card input[type="submit"] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border: 0;
	border-radius: var(--r-sm);
	background: var(--jade);
	color: #fff;
	font: 700 14px 'Vazirmatn', sans-serif;
	cursor: pointer;
	transition: background .18s var(--ease), transform .18s var(--ease);
}
#dle-content input[type="submit"]:hover,
#dle-content button[type="submit"]:not(.btn):hover {
	background: var(--jade-d);
	transform: translateY(-1px);
}

/* =============================================== ۲. نظرات */

.comm { position: relative; }
.comm__ava img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: var(--line-2); }
.comm__ava:empty { display: none; }

.comm__pick { margin: 0 !important; }

.comm__on {
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--jade);
	box-shadow: 0 0 0 3px rgba(14, 159, 110, .18);
}

.comm__sig {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px dashed var(--line);
	font-size: 12.5px;
	color: var(--tx-3);
}

.comm__img { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.comm__img img { max-width: 130px; border-radius: var(--r-sm); }

.comm__act {
	display: inline-flex;
	align-items: center;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 12.5px;
	color: var(--tx-3);
	background: transparent;
	transition: .16s var(--ease);
}
.comm__act:hover { background: #F4F6FA; color: var(--saffron-d); }
.comm__act--del:hover { background: #FEF2F4; color: var(--rose); }

.comm__rate {
	margin-inline-start: auto;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #F7F9FC;
	border: 1px solid var(--line);
	border-radius: 100px;
	padding: 2px;
}
.comm__rate button {
	width: 26px; height: 26px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--tx-3);
	font: 700 15px/1 'Vazirmatn', sans-serif;
	cursor: pointer;
	transition: .16s var(--ease);
}
.comm__rate .cr-up:hover { background: rgba(14, 159, 110, .14); color: var(--jade-d); }
.comm__rate .cr-down:hover { background: #FEF2F4; color: var(--rose); }
.cr-num { min-width: 22px; text-align: center; font-size: 12.5px; font-weight: 700; }

/* درخت پاسخ‌ها */
.comments-tree-list { list-style: none; padding: 0; margin: 0; }
.comments-tree-list .comments-tree-list {
	padding-inline-start: 24px;
	border-inline-start: 2px solid var(--line-2);
	margin-top: 12px;
}
.comments-tree-list > li { list-style: none; }

/* ------------------------------------ فرم ارسال نظر */

.addcomm__note {
	display: flex;
	gap: 9px;
	align-items: flex-start;
	background: #FFFCF5;
	border: 1px solid #F7DFB0;
	border-radius: var(--r-sm);
	padding: 12px 14px;
	font-size: 12.5px;
	color: #8A5A05;
	line-height: 1.9;
	margin: 0 0 18px;
}
.addcomm__note i { margin-top: 5px; flex: 0 0 auto; }
.addcomm__note a { color: #8A5A05; font-weight: 700; text-decoration: underline; }

.addcomm__guest { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 18px; }
.addcomm__editor { margin-bottom: 16px; }
.addcomm__row { margin-bottom: 16px; }
.addcomm__q { max-width: 320px; margin-bottom: 16px; }
.addcomm__sub {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--tx-2);
	margin-bottom: 18px;
	cursor: pointer;
}
.addcomm__send { display: flex; gap: 10px; flex-wrap: wrap; }

/* ویرایشگر متن دیتالایف */
.addcomm .bb-editor,
#dle-content .bb-editor { border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--line); }
.addcomm textarea, #dle-content .bb-editor textarea {
	border: 0 !important;
	border-radius: 0 !important;
	min-height: 150px;
	background: #fff !important;
}
.addcomm .bb-pane, #dle-content .bb-pane {
	background: #FAFBFD;
	border-bottom: 1px solid var(--line);
	padding: 6px;
}
.addcomm .bb-btn, #dle-content .bb-btn {
	border-radius: 5px;
	color: var(--tx-2);
	transition: .14s var(--ease);
}
.addcomm .bb-btn:hover, #dle-content .bb-btn:hover { background: var(--line-2); color: var(--tx); }

/* =============================================== ۳. جستجو */

.srch-form { display: grid; gap: 18px; }
.srch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.srch-xf { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.srch-xf br { display: none; }
.srch-opts { display: flex; gap: 20px; flex-wrap: wrap; }
.srch-opts label { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--tx-2); cursor: pointer; }

/* =============================================== ۴. کارت احراز هویت */

.auth-card {
	max-width: 620px;
	margin: 0 auto;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	overflow: hidden;
}
.auth-card__hd {
	padding: 30px 30px 24px;
	background: var(--ink);
	color: var(--tx-d2);
	position: relative;
}
.auth-card__hd h1 { color: #fff; font-size: 22px; margin: 0 0 8px; }
.auth-card__hd p { margin: 0; font-size: 13.5px; color: var(--tx-d2); }
.auth-card__hd::after {
	content: '{';
	position: absolute;
	inset-inline-start: 22px;
	bottom: -22px;
	font: 400 90px/1 var(--mono);
	color: rgba(239, 160, 11, .12);
	direction: ltr;
	unicode-bidi: isolate;
	pointer-events: none;
}

.auth-card__bd {
	padding: 28px 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
.auth-card__bd .fld--full { grid-column: 1 / -1; }

.auth-card__ft {
	padding: 18px 30px;
	background: #FAFBFD;
	border-top: 1px solid var(--line-2);
	text-align: center;
	font-size: 13px;
	color: var(--tx-3);
}
.auth-card__ft a { color: var(--saffron-d); font-weight: 600; }
.auth-card__ft span { margin: 0 8px; opacity: .5; }

/* =============================================== ۵. پل مارکاپ موروثی */

/* جعبه‌های قالب پیش‌فرض که هنوز جایی استفاده می‌شوند */
#dle-content .box,
.page-shell .box {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r);
	padding: 24px;
	margin-bottom: 20px;
}
#dle-content .box_in { padding: 0; }
#dle-content .box .title,
#dle-content .box h2 { font-size: 19px; margin: 0 0 12px; }
#dle-content .box .text { font-size: 15px; line-height: 2; color: var(--tx-2); }
#dle-content .box .meta {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--line-2);
	font-size: 12.5px;
	color: var(--tx-3);
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}
#dle-content .story_icons { list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; }

/* جدول‌های آمار و پروفایل */
#dle-content table:not(.specs table) {
	width: 100%;
	border-collapse: collapse;
	background: var(--card);
	border-radius: var(--r);
	overflow: hidden;
	font-size: 13.5px;
}
#dle-content table th,
#dle-content table td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--line-2);
	text-align: right;
}
#dle-content table th { background: #FAFBFD; font-weight: 600; color: var(--tx-2); }
#dle-content table tr:last-child th,
#dle-content table tr:last-child td { border-bottom: 0; }

/* ابر برچسب‌ها */
.clouds_xfield, #dle-content .clouds_xfield { display: flex; flex-wrap: wrap; gap: 7px; }
.clouds_xfield a {
	display: inline-block;
	padding: 6px 13px;
	border: 1px solid var(--line);
	border-radius: 100px;
	background: var(--card);
	font-size: 13px;
	color: var(--tx-2);
}
.clouds_xfield a:hover { border-color: var(--saffron); color: var(--saffron-d); }

/* نظرسنجی */
#dle-content .vote { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 20px; }
#dle-content .vote-title { font-size: 15px; font-weight: 700; margin-bottom: 14px; }
#dle-content .vote li { list-style: none; margin-bottom: 9px; font-size: 13.5px; }

/* پیام خصوصی و پروفایل */
#dle-content .pm_list, #dle-content .profile {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--r);
	padding: 22px;
}

/* =============================================== ۶. واکنش‌گرا */

@media (max-width: 620px) {
	.addcomm__guest, .auth-card__bd { grid-template-columns: 1fr; }
	.auth-card__hd, .auth-card__bd, .auth-card__ft { padding-inline: 20px; }
	.comm { padding: 16px; gap: 11px; }
	.comm__ava img { width: 36px; height: 36px; }
	.comm__ft { flex-wrap: wrap; gap: 6px; }
	.comm__rate { margin-inline-start: 0; }
	.comments-tree-list .comments-tree-list { padding-inline-start: 14px; }
}

/* ورودی با دکمه کنارش (بررسی نام کاربری) */
.fld-check { display: flex; gap: 8px; }
.fld-check input { flex: 1; min-width: 0; }
.fld-check .btn { flex: 0 0 auto; }

/* کپچا */
.fld-captcha { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fld-captcha img { border-radius: var(--r-sm); border: 1px solid var(--line); }
.fld-captcha input { flex: 1; min-width: 120px; }

#result-registration { font-size: 12.5px; margin-top: 6px; }
#result-registration .allow { color: var(--jade-d); }
#result-registration .disallow { color: var(--rose); }

/* ---------------------------------------- صفحات ثابت */

.static-title { font-size: clamp(22px, 3vw, 30px); margin: 0 0 18px; }
.static-edit { float: left; margin: -6px 0 0 0; font-size: 12.5px; }
.static-edit i { font-style: normal; color: var(--tx-3); cursor: pointer; }
.static-edit i:hover { color: var(--saffron-d); }

/* دکمه‌های پذیرش قوانین که دیتالایف تولید می‌کند */
.story form#registration { margin-top: 24px; display: flex; gap: 10px; flex-wrap: wrap; }
.story .bbcodes,
#dle-content .bbcodes {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	border: 1px solid transparent;
	border-radius: var(--r-sm);
	background: var(--jade);
	color: #fff;
	font: 700 14px 'Vazirmatn', sans-serif;
	cursor: pointer;
	transition: .18s var(--ease);
}
.story .bbcodes:hover, #dle-content .bbcodes:hover { background: var(--jade-d); }
.story form#registration .bbcodes + .bbcodes,
#dle-content form#registration .bbcodes + .bbcodes {
	background: transparent;
	border-color: var(--line);
	color: var(--tx-2);
}
.story form#registration .bbcodes + .bbcodes:hover { background: #fff; color: var(--tx); border-color: var(--tx-3); }

/* ----------------------------------------------------------------
   فیلد تله‌ربات
   ----------------------------------------------------------------
   با left:-9999px در صفحه راست‌به‌چپ یک سرریز افقی چندهزارپیکسلی
   ساخته می‌شود. این روش عنصر را از دید پنهان می‌کند بدون آنکه
   جعبه‌ی چیدمان را بزرگ کند.
   ---------------------------------------------------------------- */

.hp-field {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	border: 0 !important;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}