:root {
	/*
	 * از همان --webisoft-glass-opacity/--webisoft-glass-blur که در «ظاهر
	 * پیش‌فرض» سراسری تنظیم می‌شوند می‌خوانیم (همیشه سراسری inject می‌شوند)
	 * تا این پنل‌های شیشه‌ای هم با تغییر آن تنظیمات هماهنگ بمانند.
	 */
	--webisoft-glass-bg: rgba(255, 255, 255, var(--webisoft-glass-opacity, 0.1));
	--webisoft-glass-border: rgba(255, 255, 255, 0.72);
	--webisoft-glass-shadow: 0 8px 30px rgba(31, 85, 130, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.ws-related,
.wd-single-tabs .elementor-widget-container > .wd-tab-wrapper:first-of-type,
.wd-single-tabs .elementor-widget-container > .wd-tab-wrapper:first-of-type .commentlist > li,
.wd-single-tabs .elementor-widget-container > .wd-tab-wrapper:nth-of-type(2) {
	background: var(--webisoft-glass-bg);
	border: 1px solid var(--webisoft-glass-border);
	border-radius: 18px;
	box-shadow: var(--webisoft-glass-shadow);
	-webkit-backdrop-filter: blur(var(--webisoft-glass-blur, 14px)) saturate(135%);
	backdrop-filter: blur(var(--webisoft-glass-blur, 14px)) saturate(135%);
	overflow: hidden;
	padding: 20px;
}

.wd-single-tabs .elementor-widget-container > .wd-tab-wrapper:first-of-type #reply-title {
	margin-top: 50px;
}

.wd-sticky-btn {
	display: none !important;
}

.variations th {
	width: 15% !important;
}

.variations td {
	width: 85% !important;
}

table.variations select {
	max-width: 100% !important;
	height: 35px !important;
	border: 1px solid gray !important;
}

.single-product .wd-toolbar,
.woocommerce-cart .wd-toolbar,
.woocommerce-checkout .wd-toolbar {
	display: none !important;
}

/*
 * این قانون از بلوک‌های wd-single-tabs بالا کاملاً مستقل است؛ تب‌های المنتور
 * بیرون از صفحه محصول (مثلاً سؤالات متداول) را با یک قاب ساده -نه شیشه‌ای- نشان می‌دهد.
 */
.elementor-widget-container > .wd-tab-wrapper:nth-of-type(2) {
	border-radius: 12px;
	border: 1px solid #e1e1e1;
	padding: 25px;
}

.single-product .wd-products-with-bg:not(.products-bordered-grid) :is(.wd-product-wrapper, .wd-cat-wrap) {
	background: var(--webisoft-glass-bg);
	border: 1px solid var(--webisoft-glass-border);
	border-radius: 18px;
	box-shadow: var(--webisoft-glass-shadow);
	-webkit-backdrop-filter: blur(var(--webisoft-glass-blur, 14px)) saturate(135%);
	backdrop-filter: blur(var(--webisoft-glass-blur, 14px)) saturate(135%);
	overflow: hidden;
}

/* --- جلوه شیمر لوگو (اختیاری، فقط وقتی از تنظیمات فعال شود) --- */

body.webisoft-logo-shimmer .logo-webisoft,
body.webisoft-logo-shimmer .site-logo {
	display: inline-block;
	color: grey;
	-webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
	mask: linear-gradient(-60deg, #000 30%, #0005, #000 50%) right / 300% 100%;
	background-repeat: no-repeat;
	animation: webisoftLogoShimmer var(--webisoft-shimmer-speed, 3s) infinite;
}

body.webisoft-logo-shimmer .logo-webisoft:hover,
body.webisoft-logo-shimmer .site-logo:hover {
	transform: scale(1.1);
	transition: 0.3s;
}

@keyframes webisoftLogoShimmer {
	0% {
		-webkit-mask-position: 140% 140%;
		mask-position: 140% 140%;
	}
	100% {
		-webkit-mask-position: -20% -20%;
		mask-position: -20% -20%;
	}
}