/* BalePay - استایل عمومی */

.balepay-standalone-form {
	max-width: 480px;
	margin: 20px auto;
	padding: 24px;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	background: #fff;
	font-family: Tahoma, sans-serif;
	text-align: right;
}

.balepay-standalone-form h3 {
	margin-top: 0;
	margin-bottom: 16px;
}

.balepay-method-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 20px;
}

.balepay-tab-btn {
	flex: 1;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
}

.balepay-tab-btn.active {
	background: #2271b1;
	color: #fff;
	border-color: #2271b1;
}

.balepay-standalone-form .form-row {
	margin-bottom: 14px;
}

.balepay-standalone-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 600;
}

.balepay-standalone-form input[type="text"],
.balepay-standalone-form input[type="tel"],
.balepay-standalone-form input[type="email"],
.balepay-standalone-form input[type="number"],
.balepay-standalone-form input[type="file"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-sizing: border-box;
}

.balepay-submit-btn {
	width: 100%;
	padding: 12px;
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
}

.balepay-submit-btn:hover {
	background: #135e96;
}

.balepay-message {
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 14px;
	font-size: 14px;
}

.balepay-message.success {
	background: #d7f5dc;
	color: #14532d;
}

.balepay-message.error {
	background: #fde2e1;
	color: #7f1d1d;
}

.balepay-card2card-fields.hidden {
	display: none;
}

/* پنل مدیریت */
.balepay-status {
	padding: 3px 10px;
	border-radius: 12px;
	font-size: 12px;
	display: inline-block;
}

.balepay-status-pending {
	background: #fff3cd;
	color: #856404;
}

.balepay-status-approved {
	background: #d4edda;
	color: #155724;
}

.balepay-status-rejected {
	background: #f8d7da;
	color: #721c24;
}

/* ===================== بج تخفیف انیمیشنی (چند طرح انتخاب‌پذیر) ===================== */

.balepay-discount-badge {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	margin: 4px 8px 0 0 !important;
	padding: 3px 12px 3px 10px;
	border-radius: 999px;
	overflow: hidden;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	white-space: nowrap !important;

	/* --- مقاوم‌سازی در برابر استایل‌های تم/فریمورک چک‌اوت --- */
	/* بعضی قالب‌ها (مثل تم‌های شیشه‌ای/گلس مدرن) به لیبل روش پرداخت
	   display:flex با flex-direction:column یا width:100% می‌دهند که
	   باعث می‌شد این بج هم کشیده و به خط بعد پرتاب شود. این‌ها آن رفتار
	   را خنثی می‌کنند تا بج همیشه یک تکه کوچک و درجا باقی بماند. */
	width: -webkit-fit-content !important;
	width: fit-content !important;
	max-width: max-content !important;
	flex: 0 0 auto !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	flex-basis: auto !important;
	align-self: center !important;
	box-sizing: border-box !important;
}

/* اطمینان از اینکه خودِ لیبل روش پرداخت، اگر flex/grid باشد، بج را کنار
   متن نگه دارد نه زیرش؛ فقط وقتی این بج داخلش باشد فعال می‌شود تا روی
   بقیه‌ی چیدمان تم تاثیر نگذارد. */
label:has(> .balepay-discount-badge) {
	display: inline-flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 6px !important;
}

.balepay-badge-icon {
	display: inline-flex;
	filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.8));
}

.balepay-badge-text {
	position: relative;
	z-index: 1;
	letter-spacing: 0.2px;
}

/* -------- طرح ۱: نئونی کلاسیک (پیش‌فرض) — گرادینت متحرک + درخشش + سر خوردن نور -------- */
.balepay-discount-badge.balepay-badge-style-neon,
.balepay-discount-badge:not([class*="balepay-badge-style-"]) {
	background: linear-gradient(120deg, var(--balepay-badge-c1, #ff5f6d), var(--balepay-badge-c2, #ffcc33), var(--balepay-badge-c1, #ff5f6d));
	background-size: 300% 300%;
	animation:
		balepay-badge-gradient 3.5s ease infinite,
		balepay-badge-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both,
		balepay-badge-glow 1.8s ease-in-out infinite 0.5s;
}

.balepay-discount-badge.balepay-badge-style-neon .balepay-badge-icon,
.balepay-discount-badge:not([class*="balepay-badge-style-"]) .balepay-badge-icon {
	animation: balepay-badge-wiggle 1.4s ease-in-out infinite;
}

.balepay-discount-badge.balepay-badge-style-neon .balepay-badge-shine,
.balepay-discount-badge:not([class*="balepay-badge-style-"]) .balepay-badge-shine {
	display: block;
}

/* -------- طرح ۲: مینیمال — رنگ تخت ساده، بدون افکت اضافه، شیک و آرام -------- */
.balepay-discount-badge.balepay-badge-style-minimal {
	background: var(--balepay-badge-c1, #ff5f6d);
	padding: 4px 12px;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	animation: balepay-badge-pop 0.4s ease both;
}

.balepay-discount-badge.balepay-badge-style-minimal .balepay-badge-shine { display: none; }

/* -------- طرح ۳: خط‌دار (Outline) — پس‌زمینه شفاف، حاشیه و متن رنگی، ظریف -------- */
.balepay-discount-badge.balepay-badge-style-outline {
	background: color-mix(in srgb, var(--balepay-badge-c1, #ff5f6d) 10%, #fff);
	color: var(--balepay-badge-c1, #ff5f6d);
	border: 1.5px solid var(--balepay-badge-c1, #ff5f6d);
	box-shadow: none;
	animation: balepay-badge-pop 0.4s ease both;
}

.balepay-discount-badge.balepay-badge-style-outline .balepay-badge-shine { display: none; }
.balepay-discount-badge.balepay-badge-style-outline .balepay-badge-icon { filter: none; }

/* -------- طرح ۴: روبان (Ribbon) — گوشه‌ی تیز شبیه برچسب تخفیف فروشگاهی -------- */
.balepay-discount-badge.balepay-badge-style-ribbon {
	background: linear-gradient(100deg, var(--balepay-badge-c1, #ff5f6d), var(--balepay-badge-c2, #ffcc33));
	border-radius: 4px 10px 10px 4px;
	padding: 4px 14px 4px 10px;
	clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
	animation: balepay-badge-pop 0.4s ease both;
}

.balepay-discount-badge.balepay-badge-style-ribbon::before {
	content: "";
	position: absolute;
	right: -3px;
	top: 50%;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	transform: translateY(-50%);
	opacity: 0.85;
}

.balepay-discount-badge.balepay-badge-style-ribbon .balepay-badge-shine { display: none; }

/* خط نور مورب که روی بج سر می‌خورد (فقط طرح نئونی) */
.balepay-badge-shine {
	position: absolute;
	top: 0;
	left: -60%;
	width: 40%;
	height: 100%;
	background: linear-gradient(
		120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.75) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	transform: skewX(-20deg);
	animation: balepay-badge-shine-sweep 2.6s ease-in-out infinite;
	display: none;
}

@keyframes balepay-badge-gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes balepay-badge-glow {
	0%, 100% { box-shadow: 0 0 6px 0 rgba(255, 111, 97, 0.35); }
	50% { box-shadow: 0 0 14px 3px rgba(255, 153, 102, 0.65); }
}

@keyframes balepay-badge-pop {
	0% { transform: scale(0.3); opacity: 0; }
	70% { transform: scale(1.08); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

@keyframes balepay-badge-wiggle {
	0%, 100% { transform: rotate(0deg) scale(1); }
	25% { transform: rotate(-12deg) scale(1.1); }
	75% { transform: rotate(12deg) scale(1.1); }
}

@keyframes balepay-badge-shine-sweep {
	0% { left: -60%; }
	45% { left: 130%; }
	100% { left: 130%; }
}

/* حالت موبایل: کمی جمع‌وجورتر */
@media (max-width: 480px) {
	.balepay-discount-badge {
		font-size: 11px;
		padding: 2px 9px 2px 7px;
		display: flex;
		margin-top: 6px;
		margin-right: 0;
		width: fit-content;
	}
}

/* کاربرانی که حرکت کم‌تر را ترجیح می‌دهند (تنظیمات دسترسی‌پذیری سیستم) */
@media (prefers-reduced-motion: reduce) {
	.balepay-discount-badge,
	.balepay-badge-icon,
	.balepay-badge-shine {
		animation: none !important;
	}
}

/* ===================== داشبورد بله‌پی ===================== */

.balepay-dashboard {
	font-family: Tahoma, sans-serif;
}

.balepay-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin: 20px 0;
}

@media (max-width: 960px) {
	.balepay-stat-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

.balepay-stat-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.balepay-stat-icon {
	width: 46px;
	height: 46px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.balepay-stat-value {
	font-size: 20px;
	font-weight: 700;
	color: #111827;
}

.balepay-stat-label {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}

.balepay-dashboard-grid {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 16px;
}

@media (max-width: 960px) {
	.balepay-dashboard-grid {
		grid-template-columns: 1fr;
	}
}

.balepay-panel {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.balepay-panel h2 {
	margin-top: 0;
	font-size: 15px;
	color: #374151;
}

/* =========================================================================
   طراحی شیشه‌ای (Glassmorphism) فرم پرداخت کارت‌به‌کارت
   ========================================================================= */

:root {
	--balepay-primary: #6d28d9;
	--balepay-primary-2: #ec4899;
	--balepay-border: rgba(148, 163, 184, 0.35);
	--balepay-text: #1e1b3a;
	--balepay-text-light: #6b7089;
	--balepay-success: #10b981;
	--balepay-danger: #ef4444;
}

.balepay-glass-card {
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "IRANSans", "Vazirmatn", sans-serif;
	/* به‌جای تکیه‌ی زیاد به شفافیت (که باعث می‌شد رنگ پس‌زمینه‌ی خود سایت/تم
	   از پشت دیده شود و کدر/نامناسب به‌نظر برسد)، یک گرادینت روشن و تقریبا
	   مات استفاده می‌شود تا در هر پس‌زمینه‌ای ظاهر یکسان و حرفه‌ای داشته باشد. */
	background: linear-gradient(155deg, #ffffff 0%, #f7f5ff 55%, #f3effe 100%);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 26px;
	padding: 24px 22px 26px;
	margin-top: 12px;
	color: var(--balepay-text);
	box-shadow:
		0 24px 70px rgba(30, 27, 58, 0.14),
		0 2px 8px rgba(30, 27, 58, 0.05),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	overflow: hidden;
}

.balepay-glass-card * { box-sizing: border-box; }

.balepay-glass-card::before {
	content: "";
	position: absolute;
	top: -60%;
	right: -20%;
	width: 60%;
	height: 140%;
	background: radial-gradient(circle, rgba(139, 92, 246, 0.08), transparent 70%);
	pointer-events: none;
}

.balepay-glass-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}

.balepay-glass-header-title { font-size: 17px; font-weight: 800; }

.balepay-glass-header-badge {
	font-size: 11.5px;
	font-weight: 700;
	color: var(--balepay-primary);
	background: rgba(139, 92, 246, 0.12);
	border: 1px solid rgba(139, 92, 246, 0.25);
	border-radius: 999px;
	padding: 5px 12px;
}

.balepay-glass-desc {
	font-size: 12.5px;
	color: var(--balepay-text-light);
	margin: 0 0 16px 0;
	position: relative;
	z-index: 1;
}

/* کارت بانکی با گرادینت و افکت درخشش متحرک */
.balepay-bank-card {
	border-radius: 20px;
	padding: 20px;
	color: #fff;
	margin-bottom: 18px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--balepay-primary) 0%, #1e2260 100%);
	box-shadow: 0 16px 40px rgba(30, 34, 96, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.18);
	z-index: 1;
}

.balepay-bank-card::after {
	content: "";
	position: absolute;
	top: -40px;
	left: -40px;
	width: 140px;
	height: 140px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 50%;
}

.balepay-bank-card-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		115deg,
		transparent 20%,
		rgba(255, 255, 255, 0.18) 35%,
		rgba(255, 255, 255, 0.28) 40%,
		rgba(255, 255, 255, 0.18) 45%,
		transparent 60%
	);
	background-size: 250% 250%;
	background-position: 100% 0;
	animation: balepayCardShine 5s ease-in-out infinite;
	pointer-events: none;
}

@keyframes balepayCardShine {
	0%   { background-position: 130% 0; }
	50%  { background-position: -30% 0; }
	100% { background-position: 130% 0; }
}

.balepay-bank-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
	position: relative;
	z-index: 1;
}

.balepay-bank-name { font-size: 15px; font-weight: 700; }

.balepay-bank-badge {
	width: 32px;
	height: 32px;
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.2);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.balepay-bank-card-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 13px;
	padding: 7px 0;
	position: relative;
	z-index: 1;
}

.balepay-bank-label { opacity: 0.8; white-space: nowrap; font-size: 12.5px; }

.balepay-bank-value-wrap { display: flex; align-items: center; gap: 8px; }

.balepay-bank-value {
	font-weight: 700;
	letter-spacing: 0.5px;
	font-size: 13.5px;
	direction: ltr;
	unicode-bidi: plaintext;
}

.balepay-copy-btn {
	cursor: pointer;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	flex-shrink: 0;
	transition: background 0.15s ease, transform 0.15s ease;
}

.balepay-copy-btn:hover { background: rgba(255, 255, 255, 0.32); transform: translateY(-1px); }
.balepay-copy-btn.is-copied { background: rgba(16, 185, 129, 0.55); }

/* فرم */
.balepay-form { display: flex; flex-direction: column; gap: 14px; position: relative; z-index: 1; }
.balepay-field { display: flex; flex-direction: column; gap: 6px; }
.balepay-field label { font-size: 12.5px; font-weight: 600; color: var(--balepay-text); }
.balepay-req { color: var(--balepay-danger); }

.balepay-field input[type="text"] {
	border: 1.5px solid var(--balepay-border);
	border-radius: 13px;
	padding: 12px 14px;
	font-size: 13px;
	background: rgba(255, 255, 255, 0.55);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: var(--balepay-text);
	width: 100%;
	font-family: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.balepay-field input[type="text"]:focus {
	outline: none;
	border-color: var(--balepay-primary);
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.14);
}

/* باکس آپلود فایل */
.balepay-upload-box {
	position: relative;
	border: 1.5px dashed rgba(139, 92, 246, 0.4);
	border-radius: 16px;
	padding: 24px 16px;
	text-align: center;
	background: rgba(139, 92, 246, 0.045);
	transition: border-color 0.15s ease, background 0.15s ease;
}

.balepay-upload-box.is-dragover { border-color: var(--balepay-primary); background: rgba(139, 92, 246, 0.1); }

.balepay-upload-box input[type="file"] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.balepay-upload-icon { display: block; font-size: 20px; margin-bottom: 6px; color: var(--balepay-primary); }

.balepay-upload-text { font-size: 12.5px; color: var(--balepay-text-light); display: block; position: relative; z-index: 1; }

.balepay-upload-hint { display: block; font-size: 11px; color: var(--balepay-text-light); opacity: 0.75; margin-top: 4px; }

.balepay-upload-box.has-file .balepay-upload-text { color: var(--balepay-success); font-weight: 600; }
.balepay-upload-box.has-error .balepay-upload-text { color: var(--balepay-danger); font-weight: 600; }
.balepay-upload-box.is-uploading .balepay-upload-hint { opacity: 0; }

/* نوار پیشرفت آپلود با جلوه نئونی */
.balepay-upload-progress {
	display: none;
	position: relative;
	z-index: 1;
	height: 8px;
	width: 100%;
	max-width: 260px;
	margin: 12px auto 0;
	border-radius: 999px;
	background: rgba(109, 40, 217, 0.12);
	overflow: hidden;
}

.balepay-upload-box.is-uploading .balepay-upload-progress { display: block; }

.balepay-upload-progress-bar {
	height: 100%;
	width: 0%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
	box-shadow:
		0 0 8px 1px rgba(236, 72, 153, 0.65),
		0 0 16px 2px rgba(139, 92, 246, 0.5);
	transition: width 0.2s ease;
	position: relative;
}

.balepay-upload-progress-bar::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
	background-size: 60px 100%;
	animation: balepayProgressShine 1.1s linear infinite;
}

@keyframes balepayProgressShine {
	0%   { background-position: -60px 0; }
	100% { background-position: 260px 0; }
}

@media (max-width: 480px) {
	.balepay-glass-card { padding: 18px 14px 20px; border-radius: 20px; }
	.balepay-glass-header-title { font-size: 15px; }
	.balepay-bank-card { padding: 16px; }
}

/* =========================================================================
   پوسته شیشه‌ای مدرن پنل مدیریت بله‌پی (داشبورد، تراکنش‌ها، تنظیمات)
   ========================================================================= */

.balepay-admin-page,
.balepay-dashboard {
	margin-top: 26px !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "IRANSans", "Vazirmatn", sans-serif;
}

.balepay-admin-page h1,
.balepay-dashboard h1 {
	font-size: 22px;
	font-weight: 800;
	color: var(--balepay-text, #1e1b3a);
	margin-bottom: 20px;
}

/* کارت‌های آماری داشبورد: افکت شیشه‌ای */
.balepay-stat-card {
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	backdrop-filter: blur(20px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 18px;
	box-shadow: 0 14px 40px rgba(30, 27, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.balepay-stat-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 46px rgba(30, 27, 58, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.balepay-stat-icon { border-radius: 12px; }

/* پنل‌های نمودار/جدول: همون افکت شیشه‌ای فرم چک‌اوت */
.balepay-panel,
.balepay-admin-page > table,
.balepay-admin-page .balepay-glass-box {
	background: rgba(255, 255, 255, 0.6) !important;
	-webkit-backdrop-filter: blur(24px) saturate(180%);
	backdrop-filter: blur(24px) saturate(180%);
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 40px rgba(30, 27, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* جدول‌های استاندارد وردپرس (لیست تراکنش‌ها) با ظاهر شیشه‌ای */
.balepay-admin-page table.wp-list-table,
.balepay-panel table.wp-list-table {
	background: transparent;
	border: none;
	box-shadow: none;
	border-collapse: separate;
	border-spacing: 0 8px;
}

.balepay-admin-page table.wp-list-table thead th {
	background: transparent;
	border: none;
	color: var(--balepay-text-light, #6b7089);
	font-size: 12px;
	font-weight: 700;
	padding: 8px 12px;
}

.balepay-admin-page table.wp-list-table tbody tr {
	background: rgba(255, 255, 255, 0.55);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	border-radius: 14px;
	box-shadow: 0 4px 16px rgba(30, 27, 58, 0.06);
	transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.balepay-admin-page table.wp-list-table tbody tr:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 22px rgba(30, 27, 58, 0.1);
}

.balepay-admin-page table.wp-list-table tbody td {
	border: none;
	padding: 12px;
	font-size: 13px;
	vertical-align: middle;
}

.balepay-admin-page table.wp-list-table tbody td:first-child { border-radius: 14px 0 0 14px; }
.balepay-admin-page table.wp-list-table tbody td:last-child { border-radius: 0 14px 14px 0; }

/* بج‌های وضعیت با ظاهر شیشه‌ای/گلوسی */
.balepay-status {
	font-weight: 700;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.balepay-status-pending { background: rgba(245, 158, 11, 0.14); color: #b45309; }
.balepay-status-approved { background: rgba(16, 185, 129, 0.14); color: #047857; }
.balepay-status-rejected { background: rgba(239, 68, 68, 0.14); color: #b91c1c; }

/* دکمه‌های پنل مدیریت با همون سبک btn شیشه‌ای/گرادینتی */
.balepay-admin-page .button-primary,
.balepay-dashboard .button-primary {
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899)) !important;
	border: none !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 20px rgba(139, 92, 246, 0.3) !important;
	text-shadow: none !important;
	font-weight: 700 !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.balepay-admin-page .button-primary:hover,
.balepay-dashboard .button-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(139, 92, 246, 0.4) !important;
}

.balepay-admin-page .button,
.balepay-dashboard .button {
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.7) !important;
	border: 1.5px solid var(--balepay-border, rgba(148,163,184,0.35)) !important;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

/* جعبه‌های تنظیمات (تخفیف، ثبت ادمین، گزارش و ...) — یکدست‌سازی سبک شیشه‌ای
   به‌جای رنگ‌های تخت قبلی، بدون تغییر ساختار HTML موجود */
.balepay-admin-page div[style*="border-radius:10px"],
.balepay-admin-page div[style*="border-radius: 10px"] {
	background: rgba(255, 255, 255, 0.6) !important;
	-webkit-backdrop-filter: blur(22px) saturate(180%) !important;
	backdrop-filter: blur(22px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.7) !important;
	box-shadow: 0 14px 40px rgba(30, 27, 58, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

@media (max-width: 782px) {
	.balepay-admin-page,
	.balepay-dashboard { margin-top: 16px !important; }
}

/* تب‌های فیلتر (همه/در انتظار/تایید‌شده/رد‌شده) به شکل پیل‌های شیشه‌ای */
.balepay-admin-page ul.subsubsub {
	display: flex;
	gap: 8px;
	margin: 0 0 20px 0;
	padding: 6px;
	background: rgba(255, 255, 255, 0.5);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 999px;
	width: fit-content;
}

.balepay-admin-page ul.subsubsub li { margin: 0; }

.balepay-admin-page ul.subsubsub a {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	color: var(--balepay-text-light, #6b7089);
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.balepay-admin-page ul.subsubsub a:hover { background: rgba(139, 92, 246, 0.08); }

.balepay-admin-page ul.subsubsub a.current {
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
	color: #fff !important;
	box-shadow: 0 6px 16px rgba(139, 92, 246, 0.3);
}

/* ===================== ویزارد راه‌اندازی اولیه ===================== */

.balepay-wizard-steps {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 720px;
}

.balepay-wizard-step {
	display: flex;
	gap: 16px;
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 16px;
	padding: 18px 20px;
	box-shadow: 0 10px 30px rgba(30, 27, 58, 0.06);
	opacity: 0.55;
	transition: opacity 0.2s ease, box-shadow 0.2s ease;
}

.balepay-wizard-step.is-active {
	opacity: 1;
	box-shadow: 0 14px 40px rgba(139, 92, 246, 0.16);
	border-color: rgba(139, 92, 246, 0.35);
}

.balepay-wizard-step.is-done { opacity: 0.85; }
.balepay-wizard-step.is-disabled { opacity: 0.4; pointer-events: none; }

.balepay-wizard-step-num {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 15px;
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
	color: #fff;
}

.balepay-wizard-step.is-done .balepay-wizard-step-num { background: #10b981; }

.balepay-wizard-step-body h3 { margin: 0 0 6px 0; font-size: 15px; }
.balepay-wizard-step-body p { margin: 4px 0; font-size: 13px; color: var(--balepay-text-light, #6b7089); }

/* ===================== نوار زمانی وضعیت سفارش (مشتری) ===================== */

.balepay-timeline-wrap {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "IRANSans", "Vazirmatn", sans-serif;
	background: linear-gradient(155deg, #ffffff 0%, #f7f5ff 55%, #f3effe 100%);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	padding: 22px 24px 26px;
	margin: 24px 0;
	box-shadow: 0 16px 46px rgba(30, 27, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.balepay-timeline-title {
	margin: 0 0 20px 0;
	font-size: 15px;
	font-weight: 800;
	color: var(--balepay-text, #1e1b3a);
}

.balepay-timeline {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}

.balepay-timeline::before {
	content: "";
	position: absolute;
	top: 15px;
	right: 6%;
	left: 6%;
	height: 3px;
	background: rgba(148, 163, 184, 0.25);
	z-index: 0;
}

.balepay-timeline-step {
	position: relative;
	z-index: 1;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
}

.balepay-timeline-dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	background: #cbd5e1;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(30, 27, 58, 0.12);
}

.balepay-timeline-done .balepay-timeline-dot { background: #10b981; }

.balepay-timeline-active .balepay-timeline-dot {
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
	box-shadow: 0 0 0 5px rgba(139, 92, 246, 0.18), 0 2px 8px rgba(30, 27, 58, 0.12);
	animation: balepayTimelinePulse 1.6s ease-in-out infinite;
}

.balepay-timeline-rejected .balepay-timeline-dot { background: #ef4444; }

@keyframes balepayTimelinePulse {
	0%, 100% { box-shadow: 0 0 0 5px rgba(139, 92, 246, 0.18), 0 2px 8px rgba(30, 27, 58, 0.12); }
	50% { box-shadow: 0 0 0 9px rgba(139, 92, 246, 0.1), 0 2px 8px rgba(30, 27, 58, 0.12); }
}

.balepay-timeline-label {
	font-size: 11.5px;
	color: var(--balepay-text-light, #6b7089);
	max-width: 90px;
}

.balepay-timeline-done .balepay-timeline-label,
.balepay-timeline-active .balepay-timeline-label { color: var(--balepay-text, #1e1b3a); font-weight: 700; }

.balepay-timeline-rejected .balepay-timeline-label { color: #b91c1c; font-weight: 700; }

@media (max-width: 480px) {
	.balepay-timeline-label { font-size: 10px; max-width: 64px; }
	.balepay-timeline-dot { width: 26px; height: 26px; font-size: 12px; }
}

/* ===================== سوییچ روشن/خاموش سریع درگاه ===================== */

.balepay-gateway-toggles {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 12px;
}

.balepay-gateway-toggle-row {
	display: flex;
	align-items: center;
	gap: 14px;
	font-size: 13.5px;
}

.balepay-switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 26px;
	flex-shrink: 0;
}

.balepay-switch input { opacity: 0; width: 0; height: 0; }

.balepay-switch-slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background-color: #cbd5e1;
	border-radius: 999px;
	transition: background-color 0.2s ease;
}

.balepay-switch-slider::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	right: 3px;
	bottom: 3px;
	background-color: #fff;
	border-radius: 50%;
	transition: transform 0.2s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.balepay-switch input:checked + .balepay-switch-slider {
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
}

.balepay-switch input:checked + .balepay-switch-slider::before {
	transform: translateX(-20px);
}

.balepay-switch input:disabled + .balepay-switch-slider { opacity: 0.6; cursor: not-allowed; }

.balepay-timeline-delivery {
	margin-top: 18px;
	padding: 10px 16px;
	background: rgba(139, 92, 246, 0.08);
	border: 1px solid rgba(139, 92, 246, 0.2);
	border-radius: 12px;
	font-size: 12.5px;
	color: var(--balepay-text, #1e1b3a);
	text-align: center;
}

/* =========================================================================
   طرح‌های ظاهری جایگزین فرم پرداخت کارت‌به‌کارت (قابل انتخاب از پنل)
   ========================================================================= */

/* --- طرح ۲: تیره مدرن (Dark Modern) --- */
.balepay-glass-card.balepay-theme-dark {
	--balepay-primary: #a78bfa;
	--balepay-primary-2: #22d3ee;
	--balepay-text: #f1f5f9;
	--balepay-text-light: #94a3b8;
	--balepay-border: rgba(148, 163, 184, 0.25);
	background: linear-gradient(160deg, #14121f 0%, #1c1830 55%, #191428 100%);
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.balepay-glass-card.balepay-theme-dark::before {
	background: radial-gradient(circle, rgba(167, 139, 250, 0.18), transparent 70%);
}
.balepay-glass-card.balepay-theme-dark .balepay-glass-header-badge {
	background: rgba(167, 139, 250, 0.16);
	border-color: rgba(167, 139, 250, 0.35);
}
.balepay-glass-card.balepay-theme-dark .balepay-bank-card {
	background: linear-gradient(135deg, #6d28d9 0%, #0f1030 100%);
}
.balepay-glass-card.balepay-theme-dark .balepay-field input[type="text"] {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.15);
	color: #f1f5f9;
}
.balepay-glass-card.balepay-theme-dark .balepay-field input[type="text"]:focus {
	background: rgba(255, 255, 255, 0.1);
}
.balepay-glass-card.balepay-theme-dark .balepay-upload-box {
	background: rgba(167, 139, 250, 0.06);
	border-color: rgba(167, 139, 250, 0.35);
}

/* --- طرح ۳: زمردی حرفه‌ای (Emerald Professional) --- */
.balepay-glass-card.balepay-theme-emerald {
	--balepay-primary: #047857;
	--balepay-primary-2: #10b981;
	--balepay-text: #052e22;
	--balepay-text-light: #4b6d63;
	--balepay-border: rgba(5, 150, 105, 0.25);
	background: linear-gradient(155deg, #ffffff 0%, #f0fdf7 55%, #e7f9f1 100%);
}
.balepay-glass-card.balepay-theme-emerald::before {
	background: radial-gradient(circle, rgba(16, 185, 129, 0.1), transparent 70%);
}
.balepay-glass-card.balepay-theme-emerald .balepay-glass-header-badge {
	background: rgba(16, 185, 129, 0.12);
	border-color: rgba(16, 185, 129, 0.3);
}
.balepay-glass-card.balepay-theme-emerald .balepay-bank-card {
	background: linear-gradient(135deg, #047857 0%, #033a2c 100%);
}
.balepay-glass-card.balepay-theme-emerald .balepay-upload-box {
	background: rgba(16, 185, 129, 0.05);
	border-color: rgba(16, 185, 129, 0.35);
}
.balepay-glass-card.balepay-theme-emerald .balepay-upload-icon { color: #047857; }

/* --- طرح ۴: مشکی طلایی لوکس (Black & Gold Luxury) --- */
.balepay-glass-card.balepay-theme-gold {
	--balepay-primary: #d4af37;
	--balepay-primary-2: #f4d78a;
	--balepay-text: #f5f0e6;
	--balepay-text-light: #b3a98e;
	--balepay-border: rgba(212, 175, 55, 0.3);
	background: linear-gradient(160deg, #0f0e0c 0%, #1a1712 55%, #14120e 100%);
	border-color: rgba(212, 175, 55, 0.25);
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(212, 175, 55, 0.1);
}
.balepay-glass-card.balepay-theme-gold::before {
	background: radial-gradient(circle, rgba(212, 175, 55, 0.14), transparent 70%);
}
.balepay-glass-card.balepay-theme-gold .balepay-glass-header-badge {
	background: rgba(212, 175, 55, 0.12);
	border-color: rgba(212, 175, 55, 0.4);
	color: #d4af37;
}
.balepay-glass-card.balepay-theme-gold .balepay-bank-card {
	background: linear-gradient(135deg, #2a2313 0%, #0c0b09 100%);
	border-color: rgba(212, 175, 55, 0.3);
}
.balepay-glass-card.balepay-theme-gold .balepay-bank-card-shine {
	background: linear-gradient(115deg, transparent 20%, rgba(212, 175, 55, 0.35) 40%, transparent 60%);
}
.balepay-glass-card.balepay-theme-gold .balepay-field input[type="text"] {
	background: rgba(212, 175, 55, 0.06);
	border-color: rgba(212, 175, 55, 0.3);
	color: #f5f0e6;
}
.balepay-glass-card.balepay-theme-gold .balepay-field input[type="text"]:focus {
	background: rgba(212, 175, 55, 0.1);
	box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.15);
}
.balepay-glass-card.balepay-theme-gold .balepay-upload-box {
	background: rgba(212, 175, 55, 0.05);
	border-color: rgba(212, 175, 55, 0.35);
}
.balepay-glass-card.balepay-theme-gold .balepay-upload-icon { color: #d4af37; }
.balepay-glass-card.balepay-theme-gold .balepay-copy-btn { background: rgba(212, 175, 55, 0.2); }

/* --- انتخاب‌گر طرح در پنل مدیریت --- */
.balepay-theme-picker {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 14px;
	max-width: 700px;
	margin-top: 10px;
}

.balepay-theme-option {
	position: relative;
	cursor: pointer;
	border-radius: 14px;
	overflow: hidden;
	border: 2px solid transparent;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.balepay-theme-option:hover { transform: translateY(-2px); }

.balepay-theme-option input { position: absolute; opacity: 0; }

.balepay-theme-option input:checked + .balepay-theme-swatch {
	box-shadow: 0 0 0 3px #6d28d9;
}

.balepay-theme-swatch {
	display: block;
	height: 74px;
	border-radius: 12px;
	position: relative;
}

.balepay-theme-swatch-purple { background: linear-gradient(135deg, #6d28d9, #ec4899); }
.balepay-theme-swatch-dark { background: linear-gradient(135deg, #1c1830, #a78bfa); }
.balepay-theme-swatch-emerald { background: linear-gradient(135deg, #047857, #10b981); }
.balepay-theme-swatch-gold { background: linear-gradient(135deg, #14120e, #d4af37); }

.balepay-theme-option-label {
	display: block;
	text-align: center;
	font-size: 12.5px;
	font-weight: 700;
	margin-top: 8px;
	color: var(--balepay-text, #1e1b3a);
}

/* =========================================================================
   حالت پاپ‌آپ (Modal) برای کادر پرداخت هنگام انتخاب روش کارت‌به‌کارت/کیف پول بله
   ========================================================================= */

.balepay-modal-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(15, 10, 30, 0.55);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	z-index: 99998;
	opacity: 0;
	animation: balepayModalFadeIn 0.2s ease forwards;
}

@keyframes balepayModalFadeIn {
	to { opacity: 1; }
}

.balepay-glass-card.balepay-modal-open {
	position: fixed !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.94);
	width: min(92vw, 430px);
	max-height: 86vh;
	overflow-y: auto;
	z-index: 99999;
	margin-top: 0 !important;
	animation: balepayModalPop 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes balepayModalPop {
	from { transform: translate(-50%, -50%) scale(0.9); opacity: 0; }
	to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}

.balepay-modal-close-btn {
	display: none;
	position: absolute;
	top: 14px;
	left: 14px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: rgba(148, 163, 184, 0.18);
	color: var(--balepay-text, #1e1b3a);
	cursor: pointer;
	z-index: 2;
	transition: background 0.15s ease;
}

.balepay-modal-close-btn:hover { background: rgba(148, 163, 184, 0.32); }

.balepay-glass-card.balepay-modal-open .balepay-modal-close-btn { display: flex; }

/* پنل ساده کیف پول بله داخل پاپ‌آپ */
.balepay-bale-icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 6px 0 14px;
	color: var(--balepay-primary, #6d28d9);
}

.balepay-bank-card-simple { padding: 16px 20px; }

/* خلاصه‌ی خطاهای اعتبارسنجی فرم چک‌اوت، وقتی مشتری قبل از تکمیل نام/آدرس/شهر
   روی «ثبت سفارش» داخل پاپ‌آپ کلیک می‌کند. به‌جای بستن ناگهانی پاپ‌آپ و
   رهاکردن مشتری وسط یک فرم شلوغ پر از پیام قرمز، همین‌جا خلاصه‌ای تمیز از
   موارد ناقص نشان داده می‌شود. */
.balepay-error-summary-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.94);
	width: min(92vw, 400px);
	max-height: 80vh;
	overflow-y: auto;
	z-index: 100000;
	background: linear-gradient(155deg, #ffffff 0%, #fff5f5 55%, #fef0f0 100%);
	border: 1px solid rgba(255, 255, 255, 0.9);
	border-radius: 22px;
	padding: 22px 20px 20px;
	box-shadow:
		0 24px 70px rgba(30, 27, 58, 0.16),
		0 2px 8px rgba(30, 27, 58, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.9);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, "IRANSans", "Vazirmatn", sans-serif;
	animation: balepayModalPop 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.balepay-error-summary-title {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	color: #b91c1c;
	margin-bottom: 12px;
}

.balepay-error-summary-list {
	margin: 0 0 18px;
	padding: 0 20px 0 0;
	list-style: disc;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.balepay-error-summary-list li {
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--balepay-text, #1e1b3a);
}

.balepay-error-summary-btn {
	width: 100%;
	border: none;
	border-radius: 14px;
	padding: 13px 16px;
	font-size: 14.5px;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #6d28d9, #db2777);
	cursor: pointer;
	transition: filter 0.15s ease, transform 0.1s ease;
}

.balepay-error-summary-btn:hover { filter: brightness(1.08); }
.balepay-error-summary-btn:active { transform: scale(0.98); }

@media (max-width: 480px) {
	.balepay-error-summary-modal { width: 94vw; padding: 18px 16px 16px; }
}


@media (max-width: 480px) {
	.balepay-glass-card.balepay-modal-open {
		width: 94vw;
		max-height: 90vh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.balepay-glass-card.balepay-modal-open,
	.balepay-modal-backdrop,
	.balepay-error-summary-modal {
		animation: none !important;
	}
}

/* پیام دوستانه استثنای محصول از تخفیف (صفحه تسویه‌حساب) */
.balepay-exclusion-notice {
	background: linear-gradient(155deg, #fff8f0 0%, #fdf1e7 100%);
	border: 1px solid #ffd9b3;
	border-radius: 12px;
	padding: 10px 16px;
	margin-bottom: 12px;
	font-size: 12.5px;
	color: #7c4a12;
	line-height: 1.7;
}

/* دکمه ثبت سفارش داخل پاپ‌آپ */
.balepay-modal-submit-btn {
	display: block;
	width: 100%;
	margin-top: 18px;
	padding: 13px;
	border: none;
	border-radius: 13px;
	font-size: 14.5px;
	font-weight: 800;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(135deg, var(--balepay-primary, #6d28d9), var(--balepay-primary-2, #ec4899));
	box-shadow: 0 10px 26px rgba(139, 92, 246, 0.35);
	transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.balepay-modal-submit-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 32px rgba(139, 92, 246, 0.45); }
.balepay-modal-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.balepay-modal-submit-hint {
	text-align: center;
	font-size: 11px;
	color: var(--balepay-text-light, #6b7089);
	margin: 8px 0 0;
}

/* رفع باگ «تار شدن کل صفحه» در موبایل: وقتی کارت به حالت پاپ‌آپ می‌رود،
   backdrop-filter خودِ کارت (و فرزندانش) کاملاً خاموش می‌شود تا با بلور
   پس‌زمینه‌ی پاپ‌آپ روی هم انباشته نشود. پس‌زمینه‌ی کارت خودش کاملاً مات
   (گرادینت غیرشفاف) است، پس این بلور اضافه اصلاً لازم نبود. */
.balepay-glass-card.balepay-modal-open,
.balepay-glass-card.balepay-modal-open * {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}