/* استایل شیشه‌ای (Glassmorphism) - عینا الگوی ws-cis: پس‌زمینه لکه‌دار رنگی از رنگ اصلی تم + کارت‌های نیمه‌شفاف با بلور و لبه روشن.
   این فایل فقط وقتی «استایل شیشه‌ای» در «ظاهر و رنگ‌ها» روشن باشد بارگذاری می‌شود (بلور روی دستگاه‌های ضعیف سنگین است).
   کلاس فعال‌کننده: .wsw-fx روی .wsw-shop / .wsw-admin / .wsw-auth و wsw-fx-body روی body. */

.wsw-fx { --wsw-fx-card: rgba(255, 255, 255, .52); --wsw-fx-edge: rgba(255, 255, 255, .7); }
.wsw-fx.wsw-dark, body.wsw-dark-body .wsw-fx { --wsw-fx-card: rgba(22, 27, 36, .5); --wsw-fx-edge: rgba(255, 255, 255, .1); }

/* ---------- پس‌زمینه لکه‌دار ---------- */
body.wsw-fx-body.wsw-canvas, body.wsw-fx-body.wsw-admin-page { background-color: #f4f7ff; }
body.wsw-fx-body.wsw-admin-page { background-image:
		radial-gradient(40% 50% at 12% 18%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 38%, transparent), transparent 70%),
		radial-gradient(35% 45% at 88% 12%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 22%, #f0abfc), transparent 70%),
		radial-gradient(45% 55% at 70% 92%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 30%, #5eead4), transparent 70%); background-attachment: fixed; }
/* Canvas: لکه‌ها روی یک لایه ثابت جدا (background-attachment:fixed روی موبایل لگ می‌دهد) */
body.wsw-fx-body.wsw-canvas::before { background-color: transparent; background-image:
		radial-gradient(40% 50% at 12% 18%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 38%, transparent), transparent 70%),
		radial-gradient(35% 45% at 88% 12%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 22%, #f0abfc), transparent 70%),
		radial-gradient(45% 55% at 70% 92%, color-mix(in srgb, var(--wsw-fx-primary, #2f86ff) 30%, #5eead4), transparent 70%); }
body.wsw-fx-body.wsw-canvas.wsw-dark-body { background-color: #0d1117; }
.wsw-shop.wsw-fx.wsw-shop--theme {
	background-image:
		radial-gradient(40% 50% at 12% 18%, color-mix(in srgb, var(--wsw-primary) 38%, transparent), transparent 70%),
		radial-gradient(35% 45% at 88% 12%, color-mix(in srgb, var(--wsw-primary) 22%, #f0abfc), transparent 70%),
		radial-gradient(45% 55% at 70% 92%, color-mix(in srgb, var(--wsw-primary) 30%, #5eead4), transparent 70%);
}

/* ---------- کارت‌های نیمه‌شفاف ---------- */
.wsw-shop.wsw-fx .wsw-card, .wsw-shop.wsw-fx .wsw-cart__list, .wsw-shop.wsw-fx .wsw-sum, .wsw-shop.wsw-fx .wsw-saved, .wsw-shop.wsw-fx .wsw-empty,
.wsw-shop.wsw-fx .wsw-shipment, .wsw-shop.wsw-fx .wsw-panel, .wsw-shop.wsw-fx .wsw-content .wsw-card, .wsw-shop.wsw-fx .wsw-content .wsw-order,
.wsw-shop.wsw-fx .wsw-content .wsw-empty, .wsw-shop.wsw-fx .wsw-content .wsw-stat, .wsw-shop.wsw-fx .wsw-tile, .wsw-shop.wsw-fx .wsw-topbar-card,
.wsw-shop.wsw-fx .wsw-sidebar, .wsw-shop.wsw-fx .wsw-bottomnav, .wsw-shop.wsw-fx .wsw-modal__box, .wsw-shop.wsw-fx .wsw-theme-pop,
.wsw-shop.wsw-fx .wsw-sticky, .wsw-shop.wsw-fx .wsw-addr, .wsw-shop.wsw-fx .wsw-rate,
body.wsw-fx-body .wsw-canvas__header, body.wsw-fx-body .wsw-theme-pop,
.wsw-fx .wsw-auth.wsw-auth .wsw-auth__card, .wsw-auth.wsw-fx.wsw-auth .wsw-auth__card,
.wsw-admin.wsw-fx .wsw-glass, .wsw-admin.wsw-fx .wsw-topcard, .wsw-admin.wsw-fx .wsw-nav, .wsw-admin.wsw-fx .wsw-modcard,
.wsw-admin.wsw-fx .wsw-section, .wsw-admin.wsw-fx .wsw-savebar, .wsw-admin.wsw-fx .wsw-toolbar, .wsw-admin.wsw-fx .wsw-start {
	background: var(--wsw-fx-card);
	border: 1px solid var(--wsw-fx-edge);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	backdrop-filter: blur(18px) saturate(160%);
	box-shadow: 0 8px 32px rgba(15, 23, 42, .12), inset 0 1px 0 var(--wsw-fx-edge);
}
body.wsw-fx-body.wsw-dark-body .wsw-canvas__header { background: rgba(22, 27, 36, .5); border-color: rgba(255, 255, 255, .1); }

/* جدول، ورودی و گزینه‌ها: نیمه‌شفاف */
.wsw-shop.wsw-fx .wsw-input, .wsw-shop.wsw-fx .wsw-select, .wsw-shop.wsw-fx .wsw-textarea,
.wsw-shop.wsw-fx table, .wsw-shop.wsw-fx .wsw-tabs a,
.wsw-auth.wsw-fx .wsw-auth__input, .wsw-fx .wsw-auth.wsw-auth .wsw-auth__input,
.wsw-fx .wsw-auth.wsw-auth .wsw-auth__box,
.wsw-admin.wsw-fx .wsw-input, .wsw-admin.wsw-fx .wsw-select, .wsw-admin.wsw-fx .wsw-textarea, .wsw-admin.wsw-fx .wsw-search, .wsw-admin.wsw-fx .wsw-theme {
	background: color-mix(in srgb, var(--wsw-surface, #fff) 70%, transparent);
}
.wsw-shop.wsw-fx .wsw-addr.is-selected, .wsw-shop.wsw-fx .wsw-rate.is-selected { background: color-mix(in srgb, var(--wsw-primary) 14%, transparent); }
.wsw-shop.wsw-fx .wsw-navlink--logout { background: color-mix(in srgb, var(--wsw-danger) 10%, transparent); }

/* موبایل: blur فقط عملکرد را خراب می‌کند؛ ظاهر شیشه‌ای با رنگ نیمه‌شفاف حفظ می‌شود */
@media (max-width: 900px), (hover: none) and (pointer: coarse) {
	.wsw-shop.wsw-fx .wsw-card, .wsw-shop.wsw-fx .wsw-cart__list, .wsw-shop.wsw-fx .wsw-sum, .wsw-shop.wsw-fx .wsw-saved, .wsw-shop.wsw-fx .wsw-empty,
	.wsw-shop.wsw-fx .wsw-shipment, .wsw-shop.wsw-fx .wsw-panel, .wsw-shop.wsw-fx .wsw-content .wsw-card, .wsw-shop.wsw-fx .wsw-content .wsw-order,
	.wsw-shop.wsw-fx .wsw-content .wsw-stat, .wsw-shop.wsw-fx .wsw-tile, .wsw-shop.wsw-fx .wsw-topbar-card, .wsw-shop.wsw-fx .wsw-sidebar,
	.wsw-shop.wsw-fx .wsw-bottomnav, .wsw-shop.wsw-fx .wsw-sticky, .wsw-shop.wsw-fx .wsw-addr, .wsw-shop.wsw-fx .wsw-rate, body.wsw-fx-body .wsw-canvas__header {
		-webkit-backdrop-filter: none; backdrop-filter: none; background: color-mix(in srgb, var(--wsw-surface, #fff) 94%, transparent);
	}
}