/*!
 * SBN Login Widget v1.0.0
 * ابزارک ورود به پیشخوان + زبانه شناور کنار صفحه
 */

/* =========================================================
   0) فونت فارسی داخلی
   ========================================================= */
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Medium.woff2') format('woff2');
	font-weight: 500 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700 900;
	font-style: normal;
	font-display: swap;
}

/* =========================================================
   1) متغیرها
   ========================================================= */
:root {
	--sbnlw-c1: #2563eb;
	--sbnlw-c2: #38bdf8;
	--sbnlw-soft: rgba(37, 99, 235, 0.22);
	--sbnlw-radius: 16px;
	--sbnlw-offset: 38%;
	--sbnlw-ink: #10162b;
	--sbnlw-body: #5b6b82;
	--sbnlw-field: #f1f5f9;
	--sbnlw-line: #e6ecf5;
	--sbnlw-card: #ffffff;
	--sbnlw-font: 'Vazirmatn', 'IRANSans', 'IRANSansX', 'IRANYekan', 'Vazir', Tahoma, Arial, sans-serif;
}

/* =========================================================
   2) پایه — با !important محدود تا قالب‌ها خرابش نکنند
   ========================================================= */
.sbn-lw,
.sbn-lw * {
	box-sizing: border-box;
	font-family: var(--sbnlw-font);
}

.sbn-lw {
	direction: rtl;
	text-align: right;
	color: var(--sbnlw-ink);
	line-height: 1.8;
	font-size: 14px;
}

.sbn-lw .sbn-lw-title {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
	color: var(--sbnlw-ink);
}

/* کارت داخل ابزارک */
.sbn-lw-widget .sbn-lw-box,
.sbn-lw-shortcode .sbn-lw-box,
.sbn-lw-widget .sbn-lw-user,
.sbn-lw-shortcode .sbn-lw-user {
	padding: 16px;
	border: 1px solid var(--sbnlw-line);
	border-radius: var(--sbnlw-radius);
	background: var(--sbnlw-card);
	box-shadow: 0 10px 26px -18px rgba(16, 22, 43, 0.55);
}

/* نوار رنگی بالای کارت */
.sbn-lw-widget .sbn-lw-box,
.sbn-lw-shortcode .sbn-lw-box {
	position: relative;
	overflow: hidden;
}

.sbn-lw-widget .sbn-lw-box::before,
.sbn-lw-shortcode .sbn-lw-box::before {
	content: "";
	position: absolute;
	top: 0;
	inset-inline: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--sbnlw-c1), var(--sbnlw-c2));
}

/* =========================================================
   3) فیلدها
   ========================================================= */
.sbn-lw .sbn-lw-field {
	margin: 0 0 11px;
}

.sbn-lw .sbn-lw-field label {
	display: block;
	margin: 0 0 5px;
	font-size: 12.5px;
	font-weight: 500;
	color: var(--sbnlw-body);
}

.sbn-lw .sbn-lw-input {
	position: relative;
	display: block;
}

.sbn-lw .sbn-lw-input > svg {
	position: absolute;
	top: 50%;
	inset-inline-start: 12px;
	width: 17px;
	height: 17px;
	margin-top: -8.5px;
	stroke: #93a3b8;
	fill: none;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.sbn-lw .sbn-lw-input input {
	width: 100%;
	height: 44px;
	margin: 0;
	padding: 0 40px 0 40px;
	font-size: 14px;
	font-family: var(--sbnlw-font);
	color: var(--sbnlw-ink);
	background: var(--sbnlw-field);
	border: 2px solid transparent;
	border-radius: 12px;
	outline: none;
	box-shadow: none;
	direction: ltr;
	text-align: left;
	transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.sbn-lw .sbn-lw-input input:focus {
	background: #fff;
	border-color: var(--sbnlw-c1);
	box-shadow: 0 0 0 4px var(--sbnlw-soft);
}

.sbn-lw .sbn-lw-eye {
	position: absolute;
	top: 50%;
	inset-inline-end: 8px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	color: #93a3b8;
}

.sbn-lw .sbn-lw-eye svg {
	width: 17px;
	height: 17px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.9;
}

.sbn-lw .sbn-lw-eye:hover { color: var(--sbnlw-c1); }
.sbn-lw .sbn-lw-eye.is-on { color: var(--sbnlw-c1); }

/* مرا به خاطر بسپار */
.sbn-lw .sbn-lw-remember {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 12px;
}

.sbn-lw .sbn-lw-remember input {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: var(--sbnlw-c1);
}

.sbn-lw .sbn-lw-remember label {
	margin: 0;
	font-size: 12.5px;
	color: var(--sbnlw-body);
	cursor: pointer;
}

/* =========================================================
   4) دکمه‌ها
   ========================================================= */
.sbn-lw .sbn-lw-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 0 14px;
	font-size: 14.5px;
	font-weight: 700;
	font-family: var(--sbnlw-font);
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: linear-gradient(135deg, var(--sbnlw-c1), var(--sbnlw-c2));
	background-size: 180% 180%;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 9px 20px -10px var(--sbnlw-c1);
	cursor: pointer;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.3s ease, background-position 0.5s ease;
}

.sbn-lw .sbn-lw-btn svg {
	width: 17px;
	height: 17px;
	stroke: currentColor;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: none;
}

.sbn-lw .sbn-lw-btn:hover {
	background-position: 100% 0;
	transform: translateY(-2px);
	box-shadow: 0 13px 24px -10px var(--sbnlw-c1);
	color: #fff;
}

.sbn-lw .sbn-lw-btn:active { transform: translateY(0); }

.sbn-lw .sbn-lw-btn[disabled] {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.sbn-lw .sbn-lw-btn-ghost {
	color: var(--sbnlw-c1);
	background: transparent;
	border: 2px solid var(--sbnlw-c1);
	box-shadow: none;
}

.sbn-lw .sbn-lw-btn-ghost:hover {
	color: #fff;
	background: var(--sbnlw-c1);
}

.sbn-lw .sbn-lw-btn-plain {
	min-height: 38px;
	color: var(--sbnlw-body);
	background: transparent;
	box-shadow: none;
	font-weight: 500;
	font-size: 13px;
}

.sbn-lw .sbn-lw-btn-plain:hover {
	color: #e11d48;
	background: rgba(225, 29, 72, 0.08);
	transform: none;
	box-shadow: none;
}

/* حالت در حال ارسال */
.sbn-lw .sbn-lw-btn.is-loading { pointer-events: none; color: transparent; }

.sbn-lw .sbn-lw-btn.is-loading svg,
.sbn-lw .sbn-lw-btn.is-loading span { visibility: hidden; }

.sbn-lw .sbn-lw-btn.is-loading::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17px;
	height: 17px;
	margin: -8.5px 0 0 -8.5px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: sbnlwSpin 0.7s linear infinite;
}

@keyframes sbnlwSpin { to { transform: rotate(360deg); } }

/* =========================================================
   5) لینک‌ها و پیام‌ها
   ========================================================= */
.sbn-lw .sbn-lw-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: center;
	margin: 11px 0 0;
	padding: 10px 0 0;
	border-top: 1px dashed var(--sbnlw-line);
}

.sbn-lw .sbn-lw-links a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 12.5px;
	color: var(--sbnlw-body);
	text-decoration: none;
	box-shadow: none;
	transition: color 0.2s ease;
}

.sbn-lw .sbn-lw-links a svg {
	width: 14px;
	height: 14px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.9;
}

.sbn-lw .sbn-lw-links a:hover { color: var(--sbnlw-c1); }

.sbn-lw .sbn-lw-alert {
	margin: 0 0 11px;
	padding: 9px 12px;
	font-size: 12.5px;
	line-height: 1.85;
	border-radius: 11px;
	border: 1px solid #bfdbfe;
	border-inline-start: 4px solid var(--sbnlw-c1);
	background: #eff6ff;
	color: #10162b;
	animation: sbnlwFade 0.3s ease both;
}

.sbn-lw .sbn-lw-alert-error {
	color: #7f1d1d;
	background: #fef2f2;
	border-color: #fecaca;
	border-inline-start-color: #ef4444;
}

.sbn-lw .sbn-lw-alert-success {
	color: #064e3b;
	background: #ecfdf5;
	border-color: #a7f3d0;
	border-inline-start-color: #10b981;
}

@keyframes sbnlwFade {
	from { opacity: 0; transform: translateY(-5px); }
	to   { opacity: 1; transform: translateY(0); }
}

.sbn-lw .is-shake { animation: sbnlwShake 0.45s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

@keyframes sbnlwShake {
	10%, 90% { transform: translateX(-2px); }
	20%, 80% { transform: translateX(4px); }
	30%, 50%, 70% { transform: translateX(-6px); }
	40%, 60% { transform: translateX(6px); }
}

/* =========================================================
   6) حالت کاربر واردشده
   ========================================================= */
.sbn-lw .sbn-lw-user { text-align: center; }

.sbn-lw .sbn-lw-avatar img {
	width: 64px;
	height: 64px;
	margin: 0 auto 8px;
	display: block;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 6px 18px -8px rgba(16, 22, 43, 0.6), 0 0 0 3px var(--sbnlw-soft);
}

.sbn-lw .sbn-lw-hello {
	margin: 0 0 12px;
	font-size: 13px;
	color: var(--sbnlw-body);
}

.sbn-lw .sbn-lw-hello strong {
	display: block;
	font-size: 15px;
	color: var(--sbnlw-ink);
}

.sbn-lw .sbn-lw-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* =========================================================
   7) زبانه شناور کنار صفحه
   ========================================================= */
.sbn-lw-float {
	position: fixed;
	top: var(--sbnlw-offset);
	z-index: 99990;
	display: flex;
	align-items: flex-start;
}

.sbn-lw-float.is-right { right: 0; flex-direction: row; }
.sbn-lw-float.is-left  { left: 0; flex-direction: row-reverse; }

/* دستگیره */
.sbn-lw-float .sbn-lw-tab {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 700;
	font-family: var(--sbnlw-font);
	color: #fff;
	background: linear-gradient(135deg, var(--sbnlw-c1), var(--sbnlw-c2));
	border: 0;
	cursor: pointer;
	white-space: nowrap;
	writing-mode: vertical-rl;
	box-shadow: 0 10px 26px -10px rgba(16, 22, 43, 0.7);
	transition: filter 0.25s ease, padding 0.25s ease;
}

.sbn-lw-float.is-right .sbn-lw-tab { border-radius: 12px 0 0 12px; }
.sbn-lw-float.is-left  .sbn-lw-tab { border-radius: 0 12px 12px 0; }

.sbn-lw-float .sbn-lw-tab svg {
	width: 16px;
	height: 16px;
	stroke: #fff;
	fill: none;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform: rotate(90deg);
}

.sbn-lw-float .sbn-lw-tab:hover { filter: brightness(1.08); padding-inline: 14px; }

/* پنل کشویی */
.sbn-lw-float .sbn-lw-panel {
	width: 300px;
	max-width: calc(100vw - 60px);
	padding: 14px;
	background: var(--sbnlw-card);
	border: 1px solid var(--sbnlw-line);
	box-shadow: 0 24px 60px -20px rgba(16, 22, 43, 0.6);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease, visibility 0.35s;
}

.sbn-lw-float.is-right .sbn-lw-panel {
	border-radius: var(--sbnlw-radius) 0 0 var(--sbnlw-radius);
	transform: translateX(105%);
}

.sbn-lw-float.is-left .sbn-lw-panel {
	border-radius: 0 var(--sbnlw-radius) var(--sbnlw-radius) 0;
	transform: translateX(-105%);
}

.sbn-lw-float.is-open .sbn-lw-panel {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.sbn-lw-float .sbn-lw-panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 10px;
	padding: 0 0 8px;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid var(--sbnlw-line);
}

.sbn-lw-float .sbn-lw-close {
	width: 26px;
	height: 26px;
	padding: 0;
	font-size: 20px;
	line-height: 1;
	color: var(--sbnlw-body);
	background: none;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
}

.sbn-lw-float .sbn-lw-close:hover { color: #e11d48; background: rgba(225, 29, 72, 0.08); }

/* در پنل شناور، کارت داخلی حاشیه اضافه نگیرد */
.sbn-lw-float .sbn-lw-box,
.sbn-lw-float .sbn-lw-user {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

/* =========================================================
   8) حالت تیره
   ========================================================= */
.sbn-lw.is-dark {
	--sbnlw-ink: #eef2ff;
	--sbnlw-body: #a9b7cc;
	--sbnlw-field: rgba(255, 255, 255, 0.08);
	--sbnlw-line: rgba(255, 255, 255, 0.14);
	--sbnlw-card: #141a2e;
}

.sbn-lw.is-dark .sbn-lw-input input { color: #eef2ff; }
.sbn-lw.is-dark .sbn-lw-input input:focus { background: rgba(255, 255, 255, 0.14); }
.sbn-lw.is-dark .sbn-lw-alert { background: rgba(37, 99, 235, 0.16); color: #eef2ff; border-color: rgba(255, 255, 255, 0.16); }
.sbn-lw.is-dark .sbn-lw-alert-error { background: rgba(244, 63, 94, 0.18); color: #ffe4e6; }
.sbn-lw.is-dark .sbn-lw-alert-success { background: rgba(16, 185, 129, 0.18); color: #d1fae5; }

/* =========================================================
   9) واکنش‌گرایی
   ========================================================= */
@media (max-width: 782px) {
	.sbn-lw-float .sbn-lw-panel { width: 280px; }
}

@media (max-width: 600px) {
	/* در موبایل: پنل تمام‌عرض از پایین صفحه */
	.sbn-lw-float {
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		flex-direction: column-reverse;
		align-items: flex-end;
	}

	.sbn-lw-float.is-left { align-items: flex-start; }

	.sbn-lw-float .sbn-lw-tab {
		writing-mode: horizontal-tb;
		margin: 0 12px 12px;
		padding: 10px 16px;
		border-radius: 999px !important;
	}

	.sbn-lw-float .sbn-lw-tab svg { transform: none; }

	.sbn-lw-float .sbn-lw-panel {
		width: 100%;
		max-width: 100%;
		border-radius: 18px 18px 0 0 !important;
		transform: translateY(105%) !important;
		border-inline: 0;
	}

	.sbn-lw-float.is-open .sbn-lw-panel { transform: translateY(0) !important; }

	.sbn-lw-float.is-open .sbn-lw-tab { display: none; }

	/* جلوگیری از زوم خودکار iOS */
	.sbn-lw .sbn-lw-input input { font-size: 16px; height: 46px; }
	.sbn-lw .sbn-lw-btn { min-height: 46px; }
}

/* =========================================================
   10) دسترس‌پذیری
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	.sbn-lw *,
	.sbn-lw *::before,
	.sbn-lw *::after {
		animation-duration: 0.001ms !important;
		transition-duration: 0.001ms !important;
	}
}

.sbn-lw a:focus-visible,
.sbn-lw button:focus-visible,
.sbn-lw input:focus-visible {
	outline: 2px dashed var(--sbnlw-c1);
	outline-offset: 2px;
}

/* =====================================================
   آیتم «حساب من» در منوی سایت (کشویی از بالا به پایین)
   ===================================================== */

.sbn-lw-menu-item {
	position: relative;
	list-style: none;
}

.sbn-lw-account {
	position: relative;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	font-family: var(--sbnlw-font);
}

.sbn-lw-account-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-family: var(--sbnlw-font);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	cursor: pointer;
	transition: background .22s ease, color .22s ease, box-shadow .22s ease;
	-webkit-appearance: none;
	appearance: none;
}

.sbn-lw-account-btn:hover,
.sbn-lw-account.is-open .sbn-lw-account-btn {
	background: var(--sbnlw-soft);
	color: var(--sbnlw-c1);
}

.sbn-lw-account-btn svg {
	width: 20px;
	height: 20px;
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.sbn-lw-account-btn .sbn-lw-caret {
	width: 15px;
	height: 15px;
	opacity: .8;
	transition: transform .28s ease;
}

.sbn-lw-account.is-open .sbn-lw-account-btn .sbn-lw-caret {
	transform: rotate(180deg);
}

.sbn-lw-account-label {
	white-space: nowrap;
}

/* --- کشو --- */
.sbn-lw-drop {
	position: absolute;
	top: calc(100% + 12px);
	z-index: 99998;
	width: 320px;
	max-width: calc(100vw - 24px);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-14px) scale(.98);
	transform-origin: top center;
	transition: opacity .26s ease, transform .32s cubic-bezier(.22, 1, .36, 1), visibility .32s;
	pointer-events: none;
}

.sbn-lw-account.is-right .sbn-lw-drop {
	right: 0;
}

.sbn-lw-account.is-left .sbn-lw-drop {
	left: 0;
}

.sbn-lw-account.is-open .sbn-lw-drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.sbn-lw-drop-inner {
	position: relative;
	padding: 18px;
	border: 1px solid var(--sbnlw-line);
	border-radius: var(--sbnlw-radius);
	background: var(--sbnlw-card);
	box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
	direction: rtl;
	text-align: right;
}

/* فلش کوچک بالای کشو */
.sbn-lw-drop-inner::before {
	content: "";
	position: absolute;
	top: -7px;
	width: 13px;
	height: 13px;
	border: 1px solid var(--sbnlw-line);
	border-left: 0;
	border-bottom: 0;
	border-radius: 3px 0 0 0;
	background: var(--sbnlw-card);
	transform: rotate(-45deg);
}

.sbn-lw-account.is-right .sbn-lw-drop-inner::before {
	right: 26px;
}

.sbn-lw-account.is-left .sbn-lw-drop-inner::before {
	left: 26px;
}

/* نوار رنگی بالای کشو */
.sbn-lw-drop-inner::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 4px;
	border-radius: var(--sbnlw-radius) var(--sbnlw-radius) 0 0;
	background: linear-gradient(90deg, var(--sbnlw-c1), var(--sbnlw-c2));
	pointer-events: none;
}

.sbn-lw-drop-title {
	margin: 2px 0 14px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--sbnlw-line);
	color: var(--sbnlw-ink);
	font-family: var(--sbnlw-font);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.sbn-lw-drop .sbn-lw-box {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

.sbn-lw-drop .sbn-lw-box::before {
	display: none;
}

.sbn-lw-drop .sbn-lw-user {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

/* موبایل: کشو تمام‌عرض و چسبیده به بالای صفحه */
@media (max-width: 600px) {
	.sbn-lw-account {
		display: block;
	}

	.sbn-lw-account-btn {
		width: 100%;
		justify-content: center;
	}

	.sbn-lw-account.is-right .sbn-lw-drop,
	.sbn-lw-account.is-left .sbn-lw-drop {
		position: fixed;
		top: auto;
		right: 10px;
		left: 10px;
		width: auto;
		max-width: none;
		margin-top: 8px;
	}

	.sbn-lw-drop-inner::before {
		display: none;
	}

	.sbn-lw-drop .sbn-lw-input input {
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sbn-lw-drop,
	.sbn-lw-account-btn .sbn-lw-caret {
		transition: none;
	}
}

/* =====================================================
   حالت جمع‌وجمع (کشوی منو) — سبک ایمپرزا، ظریف‌تر
   ===================================================== */

.sbn-lw-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.sbn-lw-box.is-compact {
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
}

.sbn-lw-box.is-compact::before {
	display: none;
}

.sbn-lw-box.is-compact .sbn-lw-field {
	margin: 0 0 10px;
}

.sbn-lw-box.is-compact .sbn-lw-input {
	display: block;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 10px;
	background: var(--sbnlw-field);
	box-shadow: none;
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.sbn-lw-box.is-compact .sbn-lw-input:focus-within {
	border-color: var(--sbnlw-c1);
	background: var(--sbnlw-card);
	box-shadow: 0 0 0 3px var(--sbnlw-soft);
}

.sbn-lw-box.is-compact .sbn-lw-input input {
	width: 100%;
	height: 46px;
	padding: 0 14px;
	border: 0;
	background: none;
	color: var(--sbnlw-ink);
	font-family: var(--sbnlw-font);
	font-size: 14px;
	line-height: 46px;
	text-align: right;
}

.sbn-lw-box.is-compact .sbn-lw-input input::placeholder {
	color: #9aa3af;
	font-size: 13.5px;
	opacity: 1;
}

.sbn-lw-box.is-compact .sbn-lw-input:focus-within input::placeholder {
	opacity: .55;
}

/* دکمه چشم، ظریف و گوشه سمت چپ */
.sbn-lw-box.is-compact input[type="password"],
.sbn-lw-box.is-compact input[autocomplete="current-password"] {
	padding-inline-start: 42px;
}

.sbn-lw-box.is-compact .sbn-lw-eye {
	position: absolute;
	inset-inline-start: 8px;
	top: 50%;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	opacity: .45;
}

.sbn-lw-box.is-compact .sbn-lw-input {
	position: relative;
}

.sbn-lw-box.is-compact .sbn-lw-eye:hover,
.sbn-lw-box.is-compact .sbn-lw-eye.is-on {
	opacity: 1;
	color: var(--sbnlw-c1);
}

/* دکمه ورود کوچک و گرادیانی، هم‌راستا با نمونه */
.sbn-lw-box.is-compact .sbn-lw-submit {
	width: auto;
	min-width: 128px;
	height: 46px;
	margin-top: 14px;
	margin-inline-start: auto;
	display: flex;
	padding: 0 26px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--sbnlw-c1), var(--sbnlw-c2));
	box-shadow: 0 8px 20px -8px var(--sbnlw-c1);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

.sbn-lw-box.is-compact .sbn-lw-submit:hover {
	filter: brightness(1.06);
	transform: translateY(-1px);
}

.sbn-lw-box.is-compact .sbn-lw-alert {
	margin-bottom: 10px;
	font-size: 12.5px;
}

/* کشوی جمع‌وجورتر */
.sbn-lw-drop {
	width: 300px;
}

.sbn-lw-drop-inner {
	padding: 18px 18px 20px;
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
}

.sbn-lw-drop-title {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}

/* پنل کاربر واردشده در کشو، فشرده */
.sbn-lw-drop .sbn-lw-user .sbn-lw-actions {
	gap: 8px;
}

.sbn-lw-drop .sbn-lw-user .sbn-lw-btn {
	height: 42px;
	font-size: 14px;
}

@media (max-width: 600px) {
	.sbn-lw-box.is-compact .sbn-lw-input input {
		font-size: 16px;
	}

	.sbn-lw-box.is-compact .sbn-lw-submit {
		width: 100%;
		margin-inline: 0;
	}
}