/* ==========================================================================
   استایل‌های اختصاصی قالب لینک‌فارس
   --------------------------------------------------------------------------
   این فایل عمداً کوچک است. تمام کلاس‌های چیدمان، اندازه و فاصله از
   output.css می‌آیند (که از روی همان فایل‌های HTML کامپایل شده) و رنگ‌ها
   از color-map.css. اینجا فقط چیزهایی هست که در هیچ‌کدام وجود ندارند:

     ۱) انیمیشن‌ها و افکت‌هایی که در خودِ index-4.html داخل تگ <style> بودند
     ۲) فونت سراسری
     ۳) اجزای جدیدی که در HTML اصلی نبودند (کادرهای کد تایید، بردکرامب،
        خروجی ویرایشگر وردپرس، iframe نقشه)
     ۴) بازنویسی استایل‌های ووکامرس که بعد از قالب لود می‌شوند
   ========================================================================== */

/* --------------------------------------------------------------------------
   متغیرهای رنگ برند.
   چند قانون پایین‌تر (text-shimmer، gradient-border، اسکرول‌بار) به این‌ها
   وابسته‌اند؛ اگر حذف شوند، گرادیان نامعتبر می‌شود و متن شفاف می‌ماند.
   -------------------------------------------------------------------------- */
:root {
	--lf-brand: #7B2FBE;
	--lf-brand-light: #A855F7;
	--lf-brand-dark: #5B1F91;
	--lf-cta: #F98020;
	--lf-base: #141038;
}

[x-cloak] { display: none !important; }

@keyframes float {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-20px) rotate(3deg); }
}
@keyframes float-reverse {
	0%, 100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(20px) rotate(-3deg); }
}
@keyframes pulse-glow {
	0%, 100% { box-shadow: 0 0 40px rgba(123, 47, 190, 0.35); }
	50% { box-shadow: 0 0 80px rgba(168, 85, 247, 0.55); }
}
@keyframes text-shimmer {
	0% { background-position: -200% center; }
	100% { background-position: 200% center; }
}
@keyframes slide-in-left {
	from { opacity: 0; transform: translateX(-60px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes slide-in-right {
	from { opacity: 0; transform: translateX(60px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes scale-in {
	from { opacity: 0; transform: scale(0.8); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes gradient-flow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
@keyframes bounce-subtle {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
@keyframes drift {
	0%, 100% { transform: translate(0, 0) rotate(0deg); opacity: 0.3; }
	25% { transform: translate(20px, -30px) rotate(90deg); opacity: 0.6; }
	50% { transform: translate(-10px, -60px) rotate(180deg); opacity: 0.4; }
	75% { transform: translate(15px, -90px) rotate(270deg); opacity: 0.2; }
}

.animate-float { animation: float 6s ease-in-out infinite; }
.animate-float-reverse { animation: float-reverse 5s ease-in-out infinite; }
.animate-float-slow { animation: float 8s ease-in-out infinite; }
.animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }
.animate-gradient-flow { background-size: 200% 200%; animation: gradient-flow 4s ease infinite; }
.animate-bounce-subtle { animation: bounce-subtle 2s ease-in-out infinite; }
.animate-slide-in-left { animation: slide-in-left 0.8s ease-out forwards; }
.animate-slide-in-right { animation: slide-in-right 0.8s ease-out forwards; }
.animate-scale-in { animation: scale-in 0.6s ease-out forwards; }
.animate-drift { animation: drift 8s ease-in-out infinite; }

.text-shimmer {
	background: linear-gradient(90deg,
		var(--lf-brand-light) 0%,
		#5D12A5 25%,
		var(--lf-brand-light) 50%,
		#5D12A5 75%,
		var(--lf-brand-light) 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: text-shimmer 9s linear infinite;
}

.glass {
	background: rgba(255, 255, 255, 0.07);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.glass-dark {
	background: #141038;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.gradient-border { position: relative; }
.gradient-border::before {
	content: '';
	position: absolute;
	inset: 0;
	padding: 2px;
	border-radius: inherit;
	background: linear-gradient(135deg, var(--lf-brand), var(--lf-brand-light), var(--lf-base));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--lf-base); }
::-webkit-scrollbar-thumb { background: var(--lf-brand); border-radius: 10px; }

.noise::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
	opacity: 0.02;
	pointer-events: none;
}

.counter-number { font-variant-numeric: tabular-nums; }

/* ==========================================================================
   ۲) فونت
   ========================================================================== */

@font-face {
	font-family: YekanBakh;
	src: url(../fonts/YekanBakhFaNum-VF.ttf);
	font-display: swap;
}

html,
body {
	font-family: YekanBakh, Tahoma, sans-serif;
}

body *,
body input,
body button,
body select,
body textarea,
body optgroup {
	font-family: inherit;
}

*::selection {
	background-color: rgba(123, 47, 190, 0.55);
	color: #fff;
}

/* ==========================================================================
   ۳) اجزای جدید (در HTML اصلی وجود نداشتند)
   ========================================================================== */

/* کادرهای تک‌رقمی کد تایید */
.lf-otp-digit {
	width: 100%;
	height: 56px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
}
.lf-otp-digit:focus {
	border-color: #7B2FBE;
	box-shadow: 0 0 0 3px rgba(123, 47, 190, 0.25);
}

/* مسیر راهنما (رنک مث) */
.lf-breadcrumb { font-size: 15px; color: rgba(255,255,255,.45); }
.lf-breadcrumb a { color: rgba(255,255,255,.65); transition: color .2s; }
.lf-breadcrumb a:hover { color: #A855F7; }
.lf-breadcrumb .separator { margin: 0 8px; color: rgba(255,255,255,.25); }
.lf-breadcrumb .last { color: #fff; }

/* خروجی ویرایشگر وردپرس */
.lf-page-content { color: rgba(255,255,255,.7); line-height: 2; font-size: 15px; font-weight: 400; }
.lf-page-content p { margin-bottom: 1rem; }
.lf-page-content p:last-child { margin-bottom: 0; }
.lf-page-content p:empty,
.lf-page-content p:has(> br:only-child),
.lf-page-content p.lf-p-spacer {
	margin-bottom: 0.5rem;
	line-height: 1.2;
}
.lf-page-content h2,
.lf-page-content h3,
.lf-page-content h4 {
	color: #fff;
	margin: 10px 0 5px;
}
.lf-page-content h2 { font-size: 22px; font-weight: 800; }
.lf-page-content h3 { font-size: 18px; font-weight: 700; }
.lf-page-content h4 { font-size: 16px; font-weight: 700; }
.lf-page-content a { color: #A855F7; transition: color .25s ease; }
.lf-page-content a:hover { color: #ff2b81; }

/* متن معرفی زیر عنوان سکشن سایت‌ها (لندینگ رپورتاژ/بک‌لینک).
   چون .lf-page-content بالاتر font-size می‌دهد و این فایل بعد از output.css
   لود می‌شود، کلاس text-[15px] تیلویند اثر نمی‌کرد؛ پس صریح اینجا ست می‌شود. */
.lf-page-content.lf-sites-intro { font-size: 15px; }
.lf-page-content strong { color: rgba(255,255,255,.85); }
.lf-page-content ul { list-style: disc; padding-inline-start: 1.4rem; margin-bottom: 1rem; }
.lf-page-content ol { list-style: decimal; padding-inline-start: 1.4rem; margin-bottom: 1rem; }
.lf-page-content li { margin-bottom: .35rem; }

/* iframe نقشه */
.lf-map-frame iframe { width: 100%; height: 360px; border: 0; display: block; }

/* ورودی تعداد ووکامرس داخل استپر طرح */
.lf-qty .quantity { display: contents; }
.lf-qty input.qty {
	width: 40px;
	padding: 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: transparent;
	border: 0;
	outline: none;
	-moz-appearance: textfield;
	appearance: textfield;
}
.lf-qty input.qty::-webkit-outer-spin-button,
.lf-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.lf-qty .screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0);
}

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

/* ==========================================================================
   ۴) بازنویسی استایل‌های ووکامرس
   --------------------------------------------------------------------------
   ووکامرس CSS خودش را با سلکتورهای اختصاصی‌تر لود می‌کند، پس اینجا
   !important لازم است.
   ========================================================================== */

/* چیدمان: ووکامرس ستون جمع کل را ۴۸٪ و float:left می‌کند */
/* فقط عرض/فلوت را برمی‌گردانیم. padding و text-align را دست نمی‌زنیم،
   چون کلاس‌های خودِ طرح (p-5 sm:p-6) آن‌ها را تعیین می‌کنند و صفر کردنشان
   باعث می‌شد محتوای کارت از کادر بزند بیرون. */
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

/* ظرف بیرونی نباید padding داشته باشد، ولی خودِ کارت باید داشته باشد */
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
	padding: 0 !important;
}
.woocommerce .cart-collaterals::after,
.woocommerce-page .cart-collaterals::after { content: none !important; }

.woocommerce form.woocommerce-cart-form,
.woocommerce-page form.woocommerce-cart-form {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.woocommerce .cart_totals h2,
.woocommerce-page .cart_totals h2 {
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	border: 0 !important;
	background: transparent !important;
	color: inherit !important;
}

/* دکمه‌ها: ووکامرس استایل خاکستری پیش‌فرض می‌دهد.
   با inherit، دکمه همان ظاهری را می‌گیرد که کلاس‌های خودِ طرح تعیین کرده‌اند. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit {
	background-color: transparent !important;
	background-image: none !important;
	color: inherit !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: normal !important;
	text-shadow: none !important;
	box-sizing: border-box !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
	background-color: transparent !important;
	color: inherit !important;
}

/* دکمه اصلی OTP (کلاس افزونه) - گرادیان و hover در بخش ۷ */
.lfr-otp-send-btn,
.lfr-otp-verify-btn {
	color: #fff !important;
	border: 0 !important;
	cursor: pointer !important;
}
.lfr-otp-send-btn:disabled,
.lfr-otp-verify-btn:disabled { opacity: .65 !important; cursor: default !important; }

.lfr-otp-resend-btn {
	background: transparent !important;
	border: 0 !important;
	cursor: pointer !important;
}
.lfr-otp-resend-btn:disabled { color: rgba(255,255,255,.30) !important; cursor: default !important; }

/* دکمه ادامه فرآیند خرید — مقادیر دقیقاً مطابق طرح cart.html
   (w-full flex items-center justify-center gap-2 py-4 rounded-[14px])
   با اندازه فونت درخواستی: 1rem / 500 */
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .wc-proceed-to-checkout a.checkout-button {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 16px 20px !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 14px !important;
	box-sizing: border-box !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.wc-proceed-to-checkout a.checkout-button svg {
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
}

/* پیام‌های ووکامرس روی تم تیره */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background: rgba(255,255,255,.06) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 16px !important;
	color: rgba(255,255,255,.75) !important;
	font-size: 15px !important;
	padding: 16px 20px !important;
	list-style: none !important;
}
.woocommerce-message { border-inline-start: 3px solid #7B2FBE !important; }
.woocommerce-error   { border-inline-start: 3px solid #f43f5e !important; }
.woocommerce-message a, .woocommerce-info a { color: #A855F7 !important; }

/* ==========================================================================
   ۵) کلاس‌های لازم برای ساختار وردپرسی
   --------------------------------------------------------------------------
   این‌ها در HTML اصلی وجود نداشتند چون مربوط به رَپِر صفحات وردپرس‌اند
   (main، فاصله از هدر ثابت و...). هدر position:fixed است، پس محتوای هر
   صفحه باید با pt-32 از زیرش شروع شود.
   ========================================================================== */

.pt-32 { padding-top: 8rem; }
.pb-20 { padding-bottom: 5rem; }
.max-w-5xl { max-width: 64rem; }
.space-y-10 > :not(:last-child) { margin-bottom: 2.5rem; }

/* ==========================================================================
   ۶) توکن‌های رنگ برند
   --------------------------------------------------------------------------
   موقت: تا وقتی صفحات front-page / cart / contact هم مثل صفحه ورود با
   کلاس‌های خودِ HTML اصلی بازنویسی شوند، این‌ها لازم‌اند. بعد از آن
   می‌توان کل این بخش را حذف کرد.
   ========================================================================== */

.bg-brand { background-color: #7B2FBE; }
.bg-brand\/5 { background-color: rgba(123,47,190,.05); }
.bg-brand\/10 { background-color: rgba(123,47,190,.10); }
.bg-brand\/20 { background-color: rgba(123,47,190,.20); }
.bg-base-soft\/30 { background-color: rgba(59,30,110,.30); }
.bg-cta { background-color: #F98020; }
.bg-cta\/10 { background-color: rgba(249,128,32,.10); }
.bg-rose-500\/10 { background-color: rgba(244,63,94,.10); }
.text-brand { color: #7B2FBE; }
.text-brand-light { color: #A855F7; }
.text-cta { color: #F98020; }
.text-white\/35 { color: rgba(255,255,255,.35); }
.placeholder-white\/35::placeholder { color: rgba(255,255,255,.35); }
.border-brand\/50 { border-color: rgba(123,47,190,.50); }
.border-white\/8 { border-color: rgba(255,255,255,.08); }
.from-brand { --tw-gradient-from: #7B2FBE; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.from-brand\/10 { --tw-gradient-from: rgba(123,47,190,.10); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.from-brand\/30 { --tw-gradient-from: rgba(123,47,190,.30); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.to-brand-light { --tw-gradient-to: #A855F7; }
.shadow-brand\/30 { --tw-shadow-color: rgba(123,47,190,.30); }
.shadow-brand\/40 { --tw-shadow-color: rgba(123,47,190,.40); }
.focus\:border-brand:focus { border-color: #7B2FBE; }
.focus\:ring-brand\/10:focus { box-shadow: 0 0 0 2px rgba(123,47,190,.10); }
.min-h-\[100px\] { min-height: 100px; }
.min-h-\[320px\] { min-height: 320px; }
.mb-\[6px\] { margin-bottom: 6px; }
.top-\[8\%\] { top: 8%; }
.top-\[18\%\] { top: 18%; }
.w-\[64px\] { width: 64px; }
.h-\[64px\] { height: 64px; }
@media (min-width: 40rem) { .sm\:w-56 { width: 14rem; } .sm\:h-56 { height: 14rem; } }

@media (hover: hover) {
	.hover\:bg-brand:hover { background-color: #7B2FBE; }
	.hover\:bg-cta-dark:hover { background-color: #D96A12; }
	.hover\:bg-rose-500\/20:hover { background-color: rgba(244,63,94,.20); }
	.hover\:text-brand:hover { color: #7B2FBE; }
	.hover\:text-brand-light:hover { color: #A855F7; }
	.hover\:text-rose-300:hover { color: #FDA4AF; }
	.hover\:border-brand\/30:hover { border-color: rgba(123,47,190,.30); }
	.hover\:shadow-brand\/5:hover { --tw-shadow-color: rgba(123,47,190,.05); }
	.hover\:shadow-brand\/30:hover { --tw-shadow-color: rgba(123,47,190,.30); }
	.hover\:shadow-brand\/40:hover { --tw-shadow-color: rgba(123,47,190,.40); }
	.group-hover\:text-brand:is(:where(.group):hover *) { color: #7B2FBE; }
	.group-hover\:border-brand\/30:is(:where(.group):hover *) { border-color: rgba(123,47,190,.30); }
	.group-hover\:shadow-brand\/50:is(:where(.group):hover *) { --tw-shadow-color: rgba(123,47,190,.50); }
}

/* ==========================================================================
   ۷) گرادیان نرمِ دکمه‌ها روی hover
   --------------------------------------------------------------------------
   گرادیان سه‌رنگه با عرض ۲۰۰٪ ساخته می‌شود و روی hover فقط
   background-position جابه‌جا می‌شود؛ چون position قابل ترنزیشن است،
   جابه‌جایی رنگ‌ها کاملاً نرم انجام می‌گیرد (برخلاف تغییر خودِ گرادیان
   که پرشی است).
   ========================================================================== */

.lfr-otp-send-btn,
.lfr-otp-verify-btn,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
}

.lfr-otp-send-btn:hover,
.lfr-otp-verify-btn:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(123,47,190,.40) !important;
}

/* ==========================================================================
   ۸) اصلاحات ظاهری
   ========================================================================== */

/* عنوان صفحات */
main h1,
.woocommerce main h1,
.woocommerce-page main h1 {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
}

/* هدر ثابت: خط جداکننده از محتوا */
body > header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body > header.glass-dark {
	border-bottom-color: rgba(255, 255, 255, 0.10);
}

/* آیکن پیش‌فرض پیام‌های ووکامرس حذف شود */
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
	display: none !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	padding-inline-start: 20px !important;
}

/* دکمه «مشاهده سایت‌ها» در حالت سبد خالی */
.lf-empty-cart-btn {
	color: #fff !important;
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
}
.lf-empty-cart-btn:hover {
	color: #fff !important;
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(123, 47, 190, .40) !important;
}

.pt-36 { padding-top: 8rem; }

/* آیکن جایگزین پیام‌رسان (وقتی تصویری آپلود نشده) — هم‌اندازه تصاویر اصلی */
.lf-messenger-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 10px;
}
.lf-messenger-fallback svg { width: 22px; height: 22px; }

/* border-b-1 در طرح اصلی استفاده شده ولی کلاس استاندارد Tailwind نیست */
.border-b-1 { border-bottom-width: 1px; border-bottom-style: solid; }

/* بردکرامب داخل نوار طرح تماس: هم‌شکل با <p> اصلی */
.lf-crumb nav,
.lf-crumb p { margin: 0; display: flex; gap: .5rem; font: inherit; color: inherit; }
.lf-crumb .separator { margin: 0; font-weight: 300; }

/* ==========================================================================
   ۹) آکاردئون (عیناً از faq.html)
   ========================================================================== */

/* پنل محتوای حساب کاربری با x-show از Alpine مدیریت می‌شود */
.accordion-content.lf-account-accordion:not(.open) {
	display: none !important;
}

.lf-editor-shell .wp-editor-wrap,
.lf-editor-shell .wp-editor-container,
.lf-editor-shell .mce-tinymce {
	border: 1px solid rgba(123, 47, 190, 0.45) !important;
	border-radius: 12px !important;
	overflow: hidden;
}

.lf-editor-shell .wp-media-buttons,
.lf-editor-shell .lf-editor-media-bar {
	margin: 0 0 10px;
	display: block !important;
}

.lf-editor-shell .lf-insert-media-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
}

.lf-editor-shell .wp-media-buttons .button,
.lf-editor-shell .mce-toolbar .mce-btn,
.lf-editor-shell .mce-toolbar .mce-listbox,
.lf-editor-shell .mce-statusbar,
.lf-editor-shell .wp-editor-tools {
	font-family: YekanBakh, Tahoma, sans-serif !important;
}

.lf-editor-shell .mce-toolbar .mce-text {
	font-family: YekanBakh, Tahoma, sans-serif !important;
}

.lf-editor-shell .mce-content-body,
.lf-editor-shell .mce-content-body p,
.lf-editor-shell .mce-content-body li {
	font-family: YekanBakh, Tahoma, sans-serif !important;
}

.lf-faq-accordion .accordion-content,
.accordion-content {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.lf-faq-accordion .accordion-content.open,
.accordion-content.open {
	grid-template-rows: 1fr;
}

.lf-faq-accordion .accordion-content > div,
.accordion-content > div {
	overflow: hidden;
	min-height: 0;
}

/* ورودی readonly (شماره موبایل در تسویه‌حساب) */
.lf-readonly {
	opacity: .75;
	cursor: not-allowed;
}

/* دکمه ثبت نهایی هر آیتم: همان گرادیان نرم دکمه‌های دیگر */
.lf-item-save {
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
	color: #fff !important;
}
.lf-item-save:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(123,47,190,.40) !important;
}
.lf-item-save:disabled { opacity: .7; cursor: default; }
.resize-y { resize: vertical; }
@media (min-width: 40rem) { .sm\:min-w-\[200px\] { min-width: 200px; } }

/* دکمه تایید و پرداخت — مقادیر صریح، چون بازنویسی عمومی ووکامرس
   padding را صفر می‌کند */
.lf-place-order,
.woocommerce #place_order,
.woocommerce-page #place_order {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 16px 20px !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	border-radius: 14px !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
}

.lf-place-order svg,
.woocommerce #place_order svg {
	flex: 0 0 auto !important;
	width: 20px !important;
	height: 20px !important;
}

/* گرادیان نارنجی — عمداً متفاوت از دکمه‌های بنفشِ «ثبت نهایی» هر آیتم،
   ولی با همان حرکت نرم دکمه «ادامه فرآیند خرید» */
.lf-place-order,
.woocommerce #place_order {
	background-image: linear-gradient(to left, #F98020 0%, #FBA05A 50%, #F98020 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
	color: #fff !important;
	border: 0 !important;
}
.lf-place-order:hover,
.woocommerce #place_order:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(249,128,32,.40) !important;
	color: #fff !important;
}

/* روش‌های پرداخت ووکامرس روی تم تیره */
.wc_payment_methods li {
	border: 1px solid rgba(255,255,255,.10) !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	margin-bottom: 10px !important;
	background: rgba(255,255,255,.04) !important;
	list-style: none !important;
	font-size: 15px !important;
}
.wc_payment_methods label { color: #fff !important; font-size: 15px !important; }
.payment_box { font-size: 12px !important; color: rgba(255,255,255,.55) !important; background: transparent !important; }
.payment_box::before { display: none !important; }

/* ویرایشگر وردپرس داخل آکاردئون تسویه‌حساب */
.wp-editor-wrap { border: 1px solid rgba(255,255,255,.10); border-radius: 12px; overflow: hidden; }
.wp-editor-container { background: rgba(255,255,255,.04) !important; }
.wp-editor-area { background: transparent !important; color: #fff !important; font-size: 15px !important; }
.quicktags-toolbar { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; }
.mce-toolbar-grp, .mce-menubar { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; }
.mce-panel { border-color: rgba(255,255,255,.10) !important; }
.wp-switch-editor { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; color: rgba(255,255,255,.7) !important; }
.mt-1\.5 { margin-top: .375rem; }

/* دکمه اعمال کوپن — مقادیر دقیق طرح (px-5 py-3 rounded-[12px]) */
.woocommerce button[name="apply_coupon"],
.woocommerce-page button[name="apply_coupon"],
button[name="apply_coupon"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 12px 20px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	border-radius: 12px !important;
	border: 0 !important;
	box-sizing: border-box !important;
	white-space: nowrap !important;
	cursor: pointer !important;
}

/* کادر لوگوی سایت: مربعی با فاصله داخلی، تا لوگو به لبه‌ها نچسبد.
   object-contain استفاده می‌شود تا لوگوهای مربعی بریده نشوند. */
.lf-site-logo img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* آیکن لینک سایت‌های انبوه در سبد: همیشه خاکستری، بدون تغییر رنگ در هاور */
.lf-cart-bulk-icon {
	color: #9CA3AF !important;
}
.group:hover .lf-cart-bulk-icon {
	color: #9CA3AF !important;
}
.lf-cart-item-bulk .lf-site-logo {
	transition: border-color 0.3s ease;
}
.group.lf-cart-item-bulk:hover .lf-site-logo {
	border-color: #E7EAF0 !important;
}
@media (min-width: 40rem) { .sm\:h-\[100px\] { height: 100px; } }


/* آیکن تقویم ورودی تاریخ: پیش‌فرض مرورگر تیره است و روی تم تیره دیده نمی‌شود */
input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1) brightness(1.6);
	width: 20px;
	height: 20px;
	cursor: pointer;
	opacity: .85;
	transition: opacity .2s;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover { opacity: 1; }
input[type="date"] { color-scheme: dark; }

/* ==========================================================================
   ۱۰) محافظت از چیدمان در برابر ریست‌های سراسری افزونه‌ها
   --------------------------------------------------------------------------
   بعضی افزونه‌ها (از جمله دیت‌پیکرهای شمسی قدیمی) یک ریست سراسری مثل
   `* { box-sizing: content-box }` تزریق می‌کنند که کل چیدمان Tailwind را
   به هم می‌ریزد. این قانون فقط داخل صفحات فروشگاه، جلوی آن را می‌گیرد.
   ========================================================================== */

.woocommerce-checkout,
.woocommerce-checkout *,
.woocommerce-cart,
.woocommerce-cart *,
.woocommerce-account,
.woocommerce-account * {
	box-sizing: border-box;
}

/* ==========================================================================
   ۱۱) انتخابگر تاریخ شمسی (JalaliDatePicker)
   --------------------------------------------------------------------------
   کتابخانه همه رنگ‌هایش را با CSS variable تعریف کرده، پس برای تیره کردن
   کافی است همان متغیرها را بازنویسی کنیم — به فایل خودش دست نمی‌زنیم تا
   موقع بروزرسانی نسخه، تغییری از دست نرود.
   ========================================================================== */

jdp-container {
	--jdp-color-0: #1C1442;   /* پس‌زمینه تقویم */
	--jdp-color-1: transparent; /* نوار نام روزها */
	--jdp-color-2: #33266f;   /* هاور و بازه */
	--jdp-color-3: #5b47a3;   /* بوردر و امروز */
	--jdp-color-4: #9b8ed6;
	--jdp-color-5: #ffffff;   /* متن */
	--jdp-primary: #7B2FBE;   /* روز انتخاب‌شده و دکمه‌ها */
	--jdp-red: #FA5C64;       /* تعطیلات */

	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .10),
		0 18px 40px rgba(0, 0, 0, .45) !important;
	border-radius: 14px !important;
	font-family: YekanBakh, Tahoma, sans-serif;
	z-index: 100000;
}

/* ورودی‌های سال/ماه پس‌زمینه روشن پیش‌فرض دارند */
jdp-container .jdp-year input,
jdp-container .jdp-year select,
jdp-container .jdp-month input,
jdp-container .jdp-month select {
	background: transparent !important;
	color: #fff !important;
}

jdp-container .jdp-month select option,
jdp-container .jdp-year select option {
	background: #1C1442;
	color: #fff;
}

/* دکمه‌های + و − */
jdp-container .jdp-icon-plus,
jdp-container .jdp-icon-minus {
	border-color: rgba(255, 255, 255, .18) !important;
}
jdp-container .jdp-icon-plus svg,
jdp-container .jdp-icon-minus svg {
	fill: #fff;
}

/* دکمه‌های پایین */
jdp-container .jdp-btn-today,
jdp-container .jdp-btn-close {
	border-radius: 8px !important;
	color: #fff !important;
}

jdp-container .jdp-day.selected,
jdp-container .jdp-day-name.selected {
	color: #fff !important;
	border: 0 !important;
}

/* روزهای خارج از بازه مجاز، محوتر */
jdp-container .jdp-day.disabled-day {
	opacity: .22;
}

/* ورودی تاریخ شمسی در فرم */
.lf-jdate {
	direction: rtl;
	text-align: center;
	letter-spacing: .5px;
}

/* ==========================================================================
   ۱۲) آکاردئون تسویه‌حساب + ویرایشگر + پنجره رسانه
   ========================================================================== */

/* بوردر کارت آیتم‌ها */
.lf-acc-closed { border-color: rgba(123, 47, 190, .30) !important; }
.lf-acc-open {
	border-color: rgba(168, 85, 247, .45) !important;
	box-shadow: 0 0 0 2px rgba(168, 85, 247, .28) !important;
}

/* ---------- ویرایشگر: تیره ---------- */
.wp-editor-wrap {
	border: 1px solid rgba(123, 47, 190, .45);
	border-radius: 12px;
	overflow: hidden;
	background: #1C1442;
}
.wp-editor-container,
.wp-editor-area,
.mce-edit-area,
.mce-edit-area iframe { background: #1C1442 !important; min-height: 400px; }

/* بوردر داخلی خودِ ناحیه ویرایش هم بنفش شود، نه سفید */
.wp-editor-container,
.mce-edit-area { border-color: rgba(123, 47, 190, .45) !important; }

.wp-editor-area {
	color: #fff !important;
	font-family: YekanBakh, Tahoma, sans-serif !important;
	font-size: 15px !important;
	border: 0 !important;
}

/* نوارهای ابزار */
.quicktags-toolbar,
.mce-toolbar-grp,
.mce-menubar,
.mce-statusbar {
	background: #241a52 !important;
	border-color: rgba(123, 47, 190, .35) !important;
}
.mce-panel { border-color: rgba(123, 47, 190, .35) !important; background: #241a52 !important; }
.mce-btn button { color: #fff !important; }
.mce-ico { color: #cfc6ee !important; }
.mce-btn:hover, .mce-btn.mce-active { background: rgba(255, 255, 255, .10) !important; }
.mce-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.mce-listbox button { color: #fff !important; background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }
.mce-statusbar .mce-path-item { color: rgba(255,255,255,.55) !important; }

/* دکمه‌های تب دیداری/کد و افزودن رسانه */
.wp-switch-editor {
	background: #241a52 !important;
	border-color: rgba(255, 255, 255, .12) !important;
	color: rgba(255, 255, 255, .70) !important;
}
.wp-switch-editor.switch-tmce,
.wp-switch-editor:hover { color: #fff !important; }
.wp-media-buttons .button {
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 6px 12px !important;
	height: auto !important;
	line-height: 1.6 !important;
}
.wp-media-buttons .button:hover { background: rgba(123, 47, 190, .35) !important; }
.wp-media-buttons .dashicons { color: #A855F7 !important; }

/* منوهای بازشوی TinyMCE (لیست تیترها، انتخاب رنگ) */
.mce-menu, .mce-floatpanel {
	background: #1C1442 !important;
	border-color: rgba(255, 255, 255, .12) !important;
}
.mce-menu .mce-menu-item { color: #fff !important; }
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected { background: rgba(123, 47, 190, .45) !important; }
.mce-menu .mce-menu-item .mce-text { color: #fff !important; }
.mce-colorbutton-grid { background: #1C1442 !important; }

/* ---------- پنجره رسانه وردپرس ----------
   منوی سمت راست (ایجاد گالری، فهرست پخش، گذاشتن از نشانی و...) کاملاً
   مخفی شده؛ فریم روی حالت پیش‌فرض «افزودن رسانه» می‌ماند که همان دو تب
   «بارگذاری پرونده‌ها» و «کتابخانه» را دارد — یعنی فقط درج تصویر. */

.media-frame-menu,
.media-frame .media-frame-menu .media-menu {
	display: none !important;
}

.media-frame-title,
.media-frame-router,
.media-frame-content,
.media-frame-toolbar {
	right: 0 !important;
}

.media-modal,
.media-frame-content,
.media-frame-toolbar .media-toolbar,
.media-sidebar,
.media-frame-router,
.media-frame-title,
.media-frame .attachments-browser .media-toolbar,
.media-frame .media-toolbar,
.media-frame .uploader-inline,
.media-modal-content {
	background-color: #1C1442 !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .10) !important;
}

.media-modal-backdrop { background: rgba(8, 5, 24, .8) !important; }

.media-modal-close .media-modal-icon::before { color: #fff !important; }

.media-frame-title h1,
.media-frame-router .media-router .media-menu-item,
.media-sidebar .setting label,
.media-sidebar .attachment-details h2,
.attachment-info .filename,
.attachment-info .uploaded,
.media-frame .attachment-details .setting span,
.media-frame .uploader-inline h2,
.media-frame .uploader-inline .drop-instructions,
.media-frame .uploader-inline .max-upload-size,
.media-frame label,
.media-frame .attachments-browser .media-toolbar-secondary label {
	color: #fff !important;
}

.media-frame .uploader-inline .drop-instructions,
.media-frame .uploader-inline .max-upload-size,
.attachment-info .uploaded {
	color: rgba(255, 255, 255, .55) !important;
}

/* آپلود فقط — تب کتابخانه و فیلترها مخفی؛ نمای جزئیات بعد از آپلود دست‌نخورده می‌ماند */
.media-frame-router,
.media-frame .media-router,
.media-router .media-menu-item[data-id="browse"],
.media-router #menu-item-browse,
.media-router .media-menu-item.browse,
.media-router a[href*="browse"],
.media-frame .media-toolbar-secondary,
.media-frame .media-search-input-label,
.media-frame .load-more-wrapper {
	display: none !important;
}

.media-modal,
.media-modal *,
.media-frame,
.media-frame * {
	font-family: YekanBakh, Tahoma, sans-serif !important;
}

/* کادر خطای آپلود — بعد از قوانین عمومی، متن تیره روی پس‌زمینه روشن */
.media-frame .media-uploader-status,
.media-frame .media-uploader-status.errors,
.media-frame .media-uploader-status .media-item,
.media-frame .media-uploader-status .media-item.error,
.media-frame .media-uploader-status .upload-detail,
.media-frame .media-uploader-status .filename,
.media-frame .media-uploader-status .upload-error,
.media-frame .media-uploader-status div,
.media-frame .media-item.error,
.media-frame .media-item.error .filename,
.media-frame .media-item.error .upload-error,
.media-frame .media-item.error div,
.media-frame .upload-errors,
.media-frame .upload-error {
	background-color: #fff5f5 !important;
	color: #991b1b !important;
	border-color: #fecaca !important;
}

.media-frame .media-uploader-status .dismiss-errors,
.media-frame .media-uploader-status a {
	color: #7B2FBE !important;
}

/* فیلدهای اضافی جزئیات پیوست در مودال رپورتاژ */
.media-frame .setting[data-setting="title"],
.media-frame .setting[data-setting="description"],
.media-frame .setting.align,
.media-frame .setting:has(select[data-setting="size"]),
.media-frame .setting:has(input[data-setting="linkUrl"]),
.media-frame .setting:has(.link-to-custom),
.media-frame select[data-setting="align"],
.media-frame select[data-setting="size"],
.media-frame input[data-setting="linkUrl"],
.media-modal .setting.align,
.media-modal .setting:has(select[data-setting="size"]),
.media-modal .setting:has(input[data-setting="linkUrl"]),
.media-modal .setting:has(.link-to-custom),
.media-frame .copy-attachment-url,
.media-frame .attachment-info .details .url,
.media-frame .setting[data-setting="alt"] .description,
.media-frame .setting[data-setting="alt"] .help,
#alt-text-description {
	display: none !important;
}

.media-router .media-menu-item {
	background: transparent !important;
	border-color: rgba(255, 255, 255, .12) !important;
	color: rgba(255, 255, 255, .70) !important;
}
.media-router .media-menu-item.active {
	background: rgba(123, 47, 190, .35) !important;
	color: #fff !important;
	border-bottom-color: transparent !important;
}

/* ورودی‌ها و انتخاب‌ها */
.media-sidebar .setting input[type="text"],
.media-sidebar .setting textarea,
.media-frame input[type="text"],
.media-frame input[type="search"],
.media-frame textarea,
.media-frame select {
	background: rgba(255, 255, 255, .07) !important;
	border-color: rgba(255, 255, 255, .16) !important;
	color: #fff !important;
	box-shadow: none !important;
	color-scheme: dark;
}

.media-frame select option,
.media-modal select option,
.media-sidebar select option {
	background: #1C1442 !important;
	color: #fff !important;
}

/* دکمه‌ها: با padding درست تا متن به لبه نچسبد */
.media-frame .button,
.media-modal .button,
.media-frame .button-primary,
.media-frame .media-toolbar .button,
.media-frame .uploader-inline .browser {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 9px 22px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	color: #fff !important;
	background: linear-gradient(to left, #7B2FBE, #A855F7) !important;
	border: 0 !important;
	border-radius: 10px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	height: auto !important;
}

.media-frame .button:hover,
.media-modal .button:hover {
	background: linear-gradient(to left, #6A28A6, #9333EA) !important;
	color: #fff !important;
}

.media-frame .button:disabled,
.media-modal .button:disabled,
.media-frame .button.disabled {
	opacity: .40 !important;
	background: rgba(255, 255, 255, .12) !important;
	color: rgba(255, 255, 255, .55) !important;
}

/* نوار پایین که دکمه «درج در نوشته» رویش است */
.media-frame-toolbar .media-toolbar {
	border-top: 1px solid rgba(255, 255, 255, .10) !important;
	background: #1C1442 !important;
}

/* شبکه تصاویر */
.media-frame .attachments-browser .attachment { background: rgba(255, 255, 255, .05) !important; }
.media-frame .attachment.selected .check { background: #7B2FBE !important; border-radius: 50% !important; }
.media-frame .attachment .thumbnail { background: rgba(255, 255, 255, .04) !important; }
.media-frame .attachment-preview { background: rgba(255, 255, 255, .04) !important; }
.media-frame .attachments-browser .media-toolbar { border-bottom: 1px solid rgba(255,255,255,.10) !important; }
.media-frame .load-more-wrapper .load-more-count { color: rgba(255,255,255,.6) !important; }

/* ==========================================================================
   ۱۰) محافظت از چیدمان در برابر ریست‌های سراسری افزونه‌ها
   --------------------------------------------------------------------------
   بعضی افزونه‌ها (از جمله دیت‌پیکرهای شمسی قدیمی) یک ریست سراسری مثل
   `* { box-sizing: content-box }` تزریق می‌کنند که کل چیدمان Tailwind را
   به هم می‌ریزد. این قانون فقط داخل صفحات فروشگاه، جلوی آن را می‌گیرد.
   ========================================================================== */

.woocommerce-checkout,
.woocommerce-checkout *,
.woocommerce-cart,
.woocommerce-cart *,
.woocommerce-account,
.woocommerce-account * {
	box-sizing: border-box;
}

/* ==========================================================================
   ۱۱) انتخابگر تاریخ شمسی (JalaliDatePicker)
   --------------------------------------------------------------------------
   کتابخانه همه رنگ‌هایش را با CSS variable تعریف کرده، پس برای تیره کردن
   کافی است همان متغیرها را بازنویسی کنیم — به فایل خودش دست نمی‌زنیم تا
   موقع بروزرسانی نسخه، تغییری از دست نرود.
   ========================================================================== */

jdp-container {
	--jdp-color-0: #1C1442;   /* پس‌زمینه تقویم */
	--jdp-color-1: transparent; /* نوار نام روزها */
	--jdp-color-2: #33266f;   /* هاور و بازه */
	--jdp-color-3: #5b47a3;   /* بوردر و امروز */
	--jdp-color-4: #9b8ed6;
	--jdp-color-5: #ffffff;   /* متن */
	--jdp-primary: #7B2FBE;   /* روز انتخاب‌شده و دکمه‌ها */
	--jdp-red: #FA5C64;       /* تعطیلات */

	box-shadow:
		0 0 0 1px rgba(255, 255, 255, .10),
		0 18px 40px rgba(0, 0, 0, .45) !important;
	border-radius: 14px !important;
	font-family: YekanBakh, Tahoma, sans-serif;
	z-index: 100000;
}

/* ورودی‌های سال/ماه پس‌زمینه روشن پیش‌فرض دارند */
jdp-container .jdp-year input,
jdp-container .jdp-year select,
jdp-container .jdp-month input,
jdp-container .jdp-month select {
	background: transparent !important;
	color: #fff !important;
}

jdp-container .jdp-month select option,
jdp-container .jdp-year select option {
	background: #1C1442;
	color: #fff;
}

/* دکمه‌های + و − */
jdp-container .jdp-icon-plus,
jdp-container .jdp-icon-minus {
	border-color: rgba(255, 255, 255, .18) !important;
}
jdp-container .jdp-icon-plus svg,
jdp-container .jdp-icon-minus svg {
	fill: #fff;
}

/* دکمه‌های پایین */
jdp-container .jdp-btn-today,
jdp-container .jdp-btn-close {
	border-radius: 8px !important;
	color: #fff !important;
}

jdp-container .jdp-day.selected,
jdp-container .jdp-day-name.selected {
	color: #fff !important;
	border: 0 !important;
}

/* روزهای خارج از بازه مجاز، محوتر */
jdp-container .jdp-day.disabled-day {
	opacity: .22;
}

/* ورودی تاریخ شمسی در فرم */
.lf-jdate {
	direction: rtl;
	text-align: center;
	letter-spacing: .5px;
}

/* ==========================================================================
   ۱۲) آکاردئون تسویه‌حساب + ویرایشگر + پنجره رسانه
   ========================================================================== */

/* بوردر کارت آیتم‌ها */
.lf-acc-closed { border-color: rgba(123, 47, 190, .30) !important; }
.lf-acc-open {
	border-color: rgba(168, 85, 247, .45) !important;
	box-shadow: 0 0 0 2px rgba(168, 85, 247, .28) !important;
}

/* ---------- ویرایشگر: تیره ---------- */
.wp-editor-wrap {
	border: 1px solid rgba(123, 47, 190, .45);
	border-radius: 12px;
	overflow: hidden;
	background: #1C1442;
}
.wp-editor-container,
.wp-editor-area,
.mce-edit-area,
.mce-edit-area iframe { background: #1C1442 !important; min-height: 400px; }

/* بوردر داخلی خودِ ناحیه ویرایش هم بنفش شود، نه سفید */
.wp-editor-container,
.mce-edit-area { border-color: rgba(123, 47, 190, .45) !important; }

.wp-editor-area {
	color: #fff !important;
	font-family: YekanBakh, Tahoma, sans-serif !important;
	font-size: 15px !important;
	border: 0 !important;
}

/* نوارهای ابزار */
.quicktags-toolbar,
.mce-toolbar-grp,
.mce-menubar,
.mce-statusbar {
	background: #241a52 !important;
	border-color: rgba(123, 47, 190, .35) !important;
}
.mce-panel { border-color: rgba(123, 47, 190, .35) !important; background: #241a52 !important; }
.mce-btn button { color: #fff !important; }
.mce-ico { color: #cfc6ee !important; }
.mce-btn:hover, .mce-btn.mce-active { background: rgba(255, 255, 255, .10) !important; }
.mce-btn { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
.mce-listbox button { color: #fff !important; background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }
.mce-statusbar .mce-path-item { color: rgba(255,255,255,.55) !important; }

/* دکمه‌های تب دیداری/کد و افزودن رسانه */
.wp-switch-editor {
	background: #241a52 !important;
	border-color: rgba(255, 255, 255, .12) !important;
	color: rgba(255, 255, 255, .70) !important;
}
.wp-switch-editor.switch-tmce,
.wp-switch-editor:hover { color: #fff !important; }
.wp-media-buttons .button {
	background: rgba(255, 255, 255, .08) !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 6px 12px !important;
	height: auto !important;
	line-height: 1.6 !important;
}
.wp-media-buttons .button:hover { background: rgba(123, 47, 190, .35) !important; }
.wp-media-buttons .dashicons { color: #A855F7 !important; }

/* منوهای بازشوی TinyMCE (لیست تیترها، انتخاب رنگ) */
.mce-menu, .mce-floatpanel {
	background: #1C1442 !important;
	border-color: rgba(255, 255, 255, .12) !important;
}
.mce-menu .mce-menu-item { color: #fff !important; }
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected { background: rgba(123, 47, 190, .45) !important; }
.mce-menu .mce-menu-item .mce-text { color: #fff !important; }
.mce-colorbutton-grid { background: #1C1442 !important; }

/* ---------- پنجره رسانه وردپرس ---------- */
.media-modal,
.media-frame-content,
.media-frame-toolbar .media-toolbar,
.media-sidebar,
.media-frame-router,
.media-frame-menu,
.media-frame .attachments-browser .media-toolbar {
	background: #1C1442 !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .10) !important;
}
.media-modal-close .media-modal-icon::before { color: #fff !important; }
.media-frame-title h1,
.media-frame-menu .media-menu-item,
.media-frame-router .media-router .media-menu-item,
.media-sidebar .setting label,
.media-sidebar .attachment-details h2,
.attachment-info .filename,
.media-frame .attachment-details .setting span {
	color: #fff !important;
}
.media-menu-item.active,
.media-router .media-menu-item.active {
	background: rgba(123, 47, 190, .30) !important;
	color: #fff !important;
}
.media-sidebar .setting input[type="text"],
.media-sidebar .setting textarea,
.media-frame input[type="text"],
.media-frame textarea,
.media-frame select {
	background: rgba(255, 255, 255, .06) !important;
	border-color: rgba(255, 255, 255, .14) !important;
	color: #fff !important;
}
.media-frame .media-toolbar .button,
.media-frame .button-primary,
.media-modal .button {
	background: linear-gradient(to left, #7B2FBE, #A855F7) !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: 10px !important;
	text-shadow: none !important;
	box-shadow: none !important;
}
.media-frame .media-toolbar .button:disabled,
.media-modal .button:disabled {
	opacity: .45 !important;
}
.media-frame .attachment.selected .check { background: #7B2FBE !important; }
.media-frame .attachments-browser .attachment { background: rgba(255,255,255,.04); }
.media-frame .uploader-inline { background: transparent !important; color: #fff !important; }
.media-frame .uploader-inline .drop-instructions { color: rgba(255,255,255,.6) !important; }

/* ==========================================================================
   ۱۳) لندینگ
   ========================================================================== */

/* لکه‌های تزئینی هیرو (در طرح اصلی با کلاس animate-blob بودند) */
@keyframes lfBlob {
	0%, 100% { border-radius: 42% 58% 62% 38% / 45% 42% 58% 55%; transform: translate(0, 0) scale(1); }
	34%      { border-radius: 62% 38% 42% 58% / 58% 55% 45% 42%; transform: translate(18px, -22px) scale(1.06); }
	67%      { border-radius: 38% 62% 55% 45% / 42% 58% 42% 58%; transform: translate(-16px, 14px) scale(.96); }
}
.animate-blob {
	border-radius: 42% 58% 62% 38% / 45% 42% 58% 55%;
	animation: lfBlob 14s ease-in-out infinite;
	filter: blur(28px);
}

/* عنوان گرادیانی هیرو */
.gradient-text {
	background: linear-gradient(to left, #7B2FBE, #A855F7);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* ورود اولیه متن هیرو */
@keyframes lfSlideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.slide-up { animation: lfSlideUp .8s cubic-bezier(.22,1,.36,1) both; }

/* کارت تصویر هیرو: ارتفاع ثابت چون متن‌ها حذف شده‌اند */
.lf-hero-card { display: flex; }
.lf-hero-card img,
.lf-hero-ph {
	width: 100%;
	height: 260px;
	object-fit: cover;
}
.lf-hero-ph,
.lf-seo-ph {
	background:
		repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 12px, rgba(255,255,255,.02) 12px 24px),
		rgba(123, 47, 190, .12);
	border: 1px dashed rgba(168, 85, 247, .35);
}
.lf-seo-ph { height: 340px; }

/* هیرو لندینگ: پالس badge */
span.animate-ping.bg-brand {
	background-color: #e1c3ff !important;
}

/* دکمه نمونه رپورتاژ — موقتاً مخفی تا نمونه‌ها کامل شوند */
.lf-landing-samples-btn {
	display: none !important;
}

/* متن سئویی لندینگ: چیدمان تصویر + متن */
.lf-seo-panel__title {
	color: #fff;
}

/* تصویر داخل باکس متن: بالا چپ، متن دور آن و بعد تمام‌عرض (مثل شماتیک float) */
.lf-seo-wrap::after {
	content: '';
	display: table;
	clear: both;
}

.lf-seo-panel__media {
	float: left;
	width: min(36%, 300px);
	margin: 0 1rem 0.75rem 0;
}

.lf-seo-image-trigger {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
	border-radius: 1.5rem;
}

.lf-seo-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 280px;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, .25);
	padding: 5px;
	border-radius: 1.5rem;
	box-sizing: border-box;
	transition: border-color .25s ease;
}

.lf-seo-image-trigger:hover .lf-seo-image,
.lf-seo-image-trigger:focus-visible .lf-seo-image {
	border-color: rgba(255, 255, 255, .5);
}

.lf-seo-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	background: rgba(8, 6, 20, .88);
	backdrop-filter: blur(8px);
}

.lf-seo-lightbox__img {
	max-width: min(96vw, 1100px);
	max-height: 90vh;
	width: auto;
	height: auto;
	border-radius: 1rem;
	border: 2px solid rgba(255, 255, 255, .35);
}

.lf-seo-lightbox__close {
	position: absolute;
	top: 1rem;
	inset-inline-end: 1rem;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .25);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	cursor: pointer;
}

.lf-landing-step__title {
	font-size: 17px !important;
}

.lf-landing-step__text {
	font-size: 14px !important;
}

/* تک‌محصول سایت فعال */
.lf-product-site .lf-site-card {
	max-width: 100%;
}

.single-product .woocommerce-notices-wrapper {
	margin-bottom: 1rem;
}

.lf-product-site__title.lf-page-title {
	margin-bottom: 0 !important;
}

.lf-product-site__url {
	color: #fdba74 !important;
	font-weight: 600;
}

.lf-product-site__url:hover {
	color: #f97316 !important;
	background: rgba(255, 255, 255, 0.08) !important;
}

.lf-product-site__specs {
	font-size: 13px;
}

.lf-product-site__media {
	width: 100%;
}

.lf-product-site__image-trigger {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
	border-radius: 1.25rem;
}

.lf-product-site__image {
	display: block;
	width: 100%;
	min-width: min(100%, 500px);
	min-height: 280px;
	max-height: min(72vh, 560px);
	margin: 0 auto;
	object-fit: contain;
	object-position: center;
	border: 2px solid rgba(168, 85, 247, 0.35);
	padding: 8px;
	border-radius: 1.25rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.04);
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.lf-product-site__image-trigger:hover .lf-product-site__image,
.lf-product-site__image-trigger:focus-visible .lf-product-site__image {
	border-color: rgba(168, 85, 247, 0.55);
	box-shadow: 0 12px 40px rgba(91, 33, 182, 0.25);
}

.lf-product-site .lf-add-cart {
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
}

/* لندینگ: کنتراست، اهداف لمسی، انیمیشن سبک مراحل */
body.page-template-page-landing .lf-seo-expand-btn {
	color: #F97316;
}

body.page-template-page-landing .lf-seo-expand-btn:hover {
	color: #4a90ff;
}

.lf-site-card .lf-plan-price {
	color: #fff !important;
}

body.page-template-page-landing .lf-site-card .text-white\/40 {
	color: rgb(255 255 255 / 0.7) !important;
}

body.page-template-page-landing .lf-sites-sort .lf-sort-tab {
	min-height: 44px;
	min-width: 44px;
	padding: 10px 14px;
}

body.page-template-page-landing .lf-plan-minus,
body.page-template-page-landing .lf-plan-plus {
	min-width: 44px;
	min-height: 44px;
}

body.page-template-page-landing .lf-add-cart {
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
}

body.page-template-page-landing .lf-comment .text-white\/35 {
	color: rgb(255 255 255 / 0.65) !important;
}

@keyframes lfLandingStepIn {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: none; }
}

body.page-template-page-landing .lf-landing-step-card {
	animation: lfLandingStepIn .65s ease both;
}

body.page-template-page-landing .lf-landing-step-card:nth-child(2) { animation-delay: .08s; }
body.page-template-page-landing .lf-landing-step-card:nth-child(3) { animation-delay: .16s; }
body.page-template-page-landing .lf-landing-step-card:nth-child(4) { animation-delay: .24s; }

@media (max-width: 639px) {
	.lf-seo-panel__media {
		float: none;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 1rem;
	}
}

/* متن سئویی: حدود ۱۰-۱۲ خط، با محو شدن به پایین */
.lf-seo-wrap {
	--lf-seo-max: 280px;
	max-height: var(--lf-seo-max);
	overflow: hidden;
	transition: max-height .5s ease;
}
.lf-seo-wrap.is-open { max-height: 4000px; }

.lf-seo-fade {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 120px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(20, 16, 56, 0), #141038 92%);
}
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.py-3\.5 { padding-top: .875rem; padding-bottom: .875rem; }
.text-\[34px\] { font-size: 34px; }
@media (min-width: 48rem) { .md\:text-\[15px\] { font-size: 15px; } }

/* ---------- پرسش و پاسخ لندینگ ---------- */
.lf-comment-list { list-style: none; margin: 0; padding: 0; }
.lf-comment-list .children { list-style: none; margin: .75rem 0 0; padding-inline-start: 1.25rem; }
.lf-comment-text p { margin: 0 0 .5rem; }
.lf-comment-text p:last-child { margin-bottom: 0; }

/* اسکرول‌بار لیست دیدگاه‌ها */
.lf-comment-list::-webkit-scrollbar { width: 6px; }
.lf-comment-list::-webkit-scrollbar-track { background: transparent; }
.lf-comment-list::-webkit-scrollbar-thumb { background: rgba(123,47,190,.5); border-radius: 10px; }

/* فرم دیدگاه */
.lf-comment-form .comment-form-cookies-consent,
.lf-comment-form .comment-notes,
.lf-comment-form .logged-in-as { display: none !important; }
.lf-comment-form p { margin: 0; }
.lf-comment-form .form-submit { margin-top: 1rem !important; }

.lf-comment-submit,
.lf-login-btn {
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
	color: #fff !important;
	border: 0 !important;
}
.lf-comment-submit:hover,
.lf-login-btn:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(123,47,190,.40) !important;
	color: #fff !important;
}

/* صفحه‌بندی دیدگاه‌ها */
.lf-comment-list ~ div .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0 8px;
	border-radius: 8px;
	background: rgba(255,255,255,.06);
	color: rgba(255,255,255,.7);
}
.lf-comment-list ~ div .page-numbers.current { background: #7B2FBE; color: #fff; }

/* کلاس‌های چیدمان لندینگ */
.min-h-\[85vh\] { min-height: 85vh; }
.top-\[12\%\] { top: 12%; }
.top-\[35\%\] { top: 35%; }
.right-\[8\%\] { right: 8%; }
.left-\[6\%\] { left: 6%; }
.w-\[520px\] { width: 520px; }
.h-\[520px\] { height: 520px; }
.h-\[320px\] { height: 320px; }
.w-\[320px\] { width: 320px; }
.max-h-\[560px\] { max-height: 560px; }
.pl-1 { padding-left: .25rem; }
.border-white\/12 { border-color: color-mix(in oklab, #fff 12%, transparent); }
.border-brand\/35 { border-color: rgba(123, 47, 190, .35); }
.text-white\/45 { color: color-mix(in oklab, #fff 45%, transparent); }
.placeholder-white\/30::placeholder { color: color-mix(in oklab, #fff 30%, transparent); }

@media (min-width: 40rem) {
	.sm\:w-\[420px\] { width: 420px; }
	.sm\:h-\[420px\] { height: 420px; }
}
@media (min-width: 64rem) {
	.lg\:top-28 { top: 7rem; }
}

/* ==========================================================================
   ۱۴) وزن فونت تیترها
   --------------------------------------------------------------------------
   طرح اصلی جاهای زیادی font-black (900) داشت که با این فونت زیادی توپر
   می‌شود. همه تیترها روی 700 نرمال‌سازی شده‌اند.
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.font-black {
	font-weight: 700 !important;
}

/* ==========================================================================
   ۱۵) افکت تیلت سه‌بعدی + هاله نور دنبال‌کننده موس
   --------------------------------------------------------------------------
   الهام‌گرفته از: https://codepen.io/markmiro/pen/wbqMPa
   تفاوت عمدی با دمو: هیچ zoom/scale ای اعمال نمی‌شود — فقط چرخش ملایم و
   هاله نور. روی تم تیره، هاله سفید کم‌شفاف بهتر از دمو دیده می‌شود.
   ========================================================================== */

.lf-tilt {
	position: relative;
	transform-style: preserve-3d;
	transition: transform .45s cubic-bezier(.22, 1, .36, 1);
	will-change: transform;
}

.lf-tilt.is-tilting {
	transition: transform .08s linear;
}

/* هاله نور که با موس حرکت می‌کند */
.lf-tilt::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	transition: opacity .35s ease;
	background: radial-gradient(
		circle at var(--lf-mx, 50%) var(--lf-my, 50%),
		rgba(255, 255, 255, .22) 0%,
		rgba(168, 85, 247, .12) 35%,
		transparent 65%
	);
	z-index: 2;
}

.lf-tilt:hover::after { opacity: 1; }

/* محتوای داخل کارت کمی جلوتر بیاید تا حس عمق بگیرد */
.lf-tilt > * { transform: translateZ(24px); }

/* روی دستگاه‌های لمسی افکت غیرفعال */
@media (hover: none) {
	.lf-tilt { transform: none !important; }
	.lf-tilt::after { display: none; }
}
.border-white\/40 { border-color: color-mix(in oklab, #fff 40%, transparent); }
.text-white\/55 { color: color-mix(in oklab, #fff 55%, transparent); }

/* ==========================================================================
   ۱۴) ریست وزن تیترها
   --------------------------------------------------------------------------
   طرح اصلی جاهای زیادی font-black (وزن ۹۰۰) داشت که روی فونت یکان‌بخ
   بیش از حد توپر می‌شود. همه تیترها به ۷۰۰ برمی‌گردند.
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
	font-weight: 700 !important;
}

/* ==========================================================================
   ۱۵) افکت کج‌شدن سه‌بعدی + هاله متحرک
   --------------------------------------------------------------------------
   برگرفته از ایده این نمونه (لینک در README):
   https://codepen.io/markmiro/pen/wbqMPa
   تفاوت عمدی: بدون زوم — کارت فقط کج می‌شود و هاله زیر نشانگر حرکت می‌کند.
   ========================================================================== */

.lf-tilt {
	position: relative;
	transform-style: preserve-3d;
	transition: transform .35s cubic-bezier(.22, 1, .36, 1);
	will-change: transform;
}

.lf-tilt > * { transform: translateZ(0); }

/* هاله‌ای که با نشانگر حرکت می‌کند */
.lf-tilt::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	transition: opacity .35s ease;
	background: radial-gradient(
		circle at var(--lf-mx, 50%) var(--lf-my, 50%),
		rgba(168, 85, 247, .38) 0%,
		rgba(168, 85, 247, .14) 32%,
		transparent 62%
	);
	z-index: 2;
}

.lf-tilt.is-hover::after { opacity: 1; }

/* روی دستگاه لمسی و برای کاربرانی که انیمیشن کمتر می‌خواهند، غیرفعال */
@media (hover: none), (prefers-reduced-motion: reduce) {
	.lf-tilt { transform: none !important; }
	.lf-tilt::after { display: none; }
}

/* دکمه شناور تماس — فعلاً فقط ظاهر؛ رفتارش با کدی که بعداً داده می‌شود وصل می‌شود */
.lf-contact-trigger { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }

/* ---------- کارت‌های سایت در لندینگ ---------- */
.lf-site-card { display: flex; flex-direction: column; }

.lf-plan-qty {
	-moz-appearance: textfield;
	appearance: textfield;
	cursor: default;
}
.lf-plan-qty::-webkit-outer-spin-button,
.lf-plan-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.lf-site-card .lf-add-cart {
	min-width: 44px;
	min-height: 44px;
	width: 44px;
	height: 44px;
}

.lf-add-cart {
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%);
	background-size: 200% 100%;
	background-position: 0% 0;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, transform .2s ease;
}
.lf-add-cart:hover {
	background-position: 100% 0;
	box-shadow: 0 10px 26px rgba(123, 47, 190, .40);
}
.lf-add-cart:active { transform: scale(.94); }
.lf-add-cart.is-loading { opacity: .6; cursor: wait; }
.lf-add-cart.is-done {
	background-image: none;
	background-color: #22c55e;
	box-shadow: 0 10px 26px rgba(34, 197, 94, .35);
}

.scroll-mt-32 { scroll-margin-top: 8rem; }

/* دکمه‌های کارت سایت در لندینگ */
.lf-landing-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	padding: 0 14px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	transition: all .25s ease;
	cursor: pointer;
	white-space: nowrap;
}
.lf-landing-btn-glass {
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .18);
	color: #fff;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.lf-landing-btn-glass:hover {
	background: rgba(255, 255, 255, .12);
	border-color: rgba(255, 255, 255, .28);
}
.lf-landing-btn-glass-accent {
	background: rgba(168, 85, 247, .12);
	border-color: rgba(168, 85, 247, .28);
}
.lf-landing-btn-glass-accent:hover {
	background: rgba(168, 85, 247, .2);
	border-color: rgba(168, 85, 247, .4);
}

/* عدد مراحل لندینگ — غیرفعال */
.lf-step-number {
	display: none !important;
}

/* فلش مرتب‌سازی لندینگ */
.lf-sort-arrow {
	font-size: 11px;
	line-height: 1;
	transition: opacity .2s ease, transform .2s ease;
}
.lf-sort-arrow.is-active { opacity: 1; }
.lf-sort-arrow.is-muted { opacity: .35; transform: rotate(180deg); }

/* هاور دکمه تماس سکشن مشاوره */
.lf-consult-contact-btn:hover {
	box-shadow: 0 4px 14px rgba(255, 255, 255, .18);
}

.lf-consult-banner .lf-consult-secondary--reportage {
	color: #fff !important;
	background: rgba(15, 10, 28, 0.45);
	border: 1px solid rgba(255, 255, 255, 0.28);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.lf-consult-banner .lf-consult-secondary--reportage:hover {
	color: #fff !important;
	background: #5b21b6;
	border-color: #7c3aed;
	box-shadow: 0 10px 28px rgba(91, 33, 182, 0.45);
}

/* صفحه فروشگاه */
.lf-shop-card__logo {
	border-color: rgba(168, 85, 247, 0.35) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.lf-shop-card .lf-shop-card__price {
	color: #f97316 !important;
	font-weight: 400;
}

.lf-shop-card .lf-shop-card__cta {
	min-width: 0;
	width: 100%;
	height: auto;
	min-height: 44px;
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%);
	background-size: 200% 100%;
	background-position: 0% 0;
	transition: background-position .6s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, transform .2s ease;
}

.lf-shop-card .lf-shop-card__cta:hover {
	background-position: 100% 0;
	box-shadow: 0 10px 26px rgba(123, 47, 190, .40);
}

.lf-shop-card .lf-shop-card__cta:active {
	transform: scale(.98);
}

body.woocommerce-shop .woocommerce-products-header,
body.post-type-archive-product .woocommerce-products-header {
	display: none;
}

body.woocommerce-shop .woocommerce ul.products,
body.post-type-archive-product .woocommerce ul.products {
	display: none !important;
}

/* مودال لندینگ */
body.lf-modal-open { overflow: hidden; }
.lf-modal-backdrop {
	position: fixed;
	inset: 0;
	z-index: 99990;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(6, 10, 24, .72);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.lf-modal-panel {
	position: relative;
	width: min(560px, 100%);
	max-height: min(80vh, 640px);
	overflow: auto;
	padding: 24px;
	border-radius: 24px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: linear-gradient(180deg, rgba(18, 24, 42, .98) 0%, rgba(10, 14, 28, .98) 100%);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}
.lf-modal-close {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .06);
	color: rgba(255, 255, 255, .7);
	cursor: pointer;
	transition: all .2s ease;
}
.lf-modal-close:hover {
	color: #fff;
	background: rgba(255, 255, 255, .12);
}
.lf-modal-title {
	margin: 0 0 14px;
	padding-left: 42px;
	font-size: 18px;
	font-weight: 800;
	color: #fff;
}
.lf-modal-heading {
	margin: 0 0 16px;
	padding-left: 42px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.7;
	color: #fff;
}
.lf-modal-body {
	font-size: 13px;
	line-height: 1.9;
	color: rgba(255, 255, 255, .72);
}
.lf-modal-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.lf-modal-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .04);
	color: #fff;
	text-decoration: none;
	transition: all .2s ease;
}
.lf-modal-link:hover {
	border-color: rgba(168, 85, 247, .45);
	background: rgba(168, 85, 247, .12);
	color: #d8b4fe;
}
.lf-modal-link-title {
	font-size: 13px;
	font-weight: 600;
}
.lf-modal-empty {
	margin: 0;
	padding: 18px 14px;
	border-radius: 14px;
	border: 1px dashed rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .03);
	color: rgba(255, 255, 255, .55);
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
}

.border-0 { border-width: 0; }
.mb-2\.5 { margin-bottom: .625rem; }
.h-8 { height: 2rem; }
.w-7 { width: 1.75rem; }
.w-3\.5 { width: .875rem; }
.h-3\.5 { height: .875rem; }

/* نقطه چشمک‌زن کنار برچسب هیرو: هاله روشن‌تر تا واضح دیده شود */
.animate-ping.bg-brand { background-color: #6a4c89 !important; }

/* ==========================================================================
   ۱۶) عنوان اصلی صفحات — مطابق index-4
   ========================================================================== */

.lf-page-title {
	font-size: 50px !important;
	font-weight: 800 !important;
	line-height: 70px !important;
}

@media (max-width: 1023px) {
	.lf-page-title { font-size: 40px !important; line-height: 56px !important; }
}
@media (max-width: 639px) {
	.lf-page-title { font-size: 32px !important; line-height: 44px !important; }
}

/* خوانایی متن‌های کم‌رنگ (جایگزین opacity 45/50) */
.text-white\/50,
.text-white\/45 {
	color: rgb(255 255 255 / 0.7) !important;
}

/* ==========================================================================
   ۱۶-۱) صفحه اصلی — هیرو و دکمه‌ها
   ========================================================================== */

.lf-hero-content {
	text-align: justify;
	line-height: 30px;
}

.lf-hero-btn {
	max-width: 190px;
}

.lf-hero-main-image {
	width: 100%;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.lf-hero-main-image img {
	width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 1024px) {
	.lf-hero-main-image {
		width: 600px;
		max-width: 600px;
	}

	.lf-hero-main-image img {
		width: 600px;
		max-width: 600px;
	}
}

/* رنگ سوم برند — آبی آسمانی (#1060f3) */
.lf-icon-gradient-accent {
	background-image: linear-gradient(to bottom right, #1060f3, #4a90ff) !important;
}

.lf-shadow-accent {
	box-shadow: 0 10px 15px -3px rgba(16, 96, 243, 0.2);
}

.lf-footer-about {
	text-align: justify;
}

.lf-footer-quick-links a:hover {
	color: #A855F7 !important;
}

.lf-footer-contact a:hover span {
	color: inherit;
}

/* جلوگیری از هایلایت/انتخاب تصاویر */
img {
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

img::selection {
	background: transparent;
}

.lf-promo-btn {
	color: #fff !important;
}

.lf-promo-btn:hover {
	color: #fff !important;
	background-color: #7B2FBE !important;
	border-color: #7B2FBE !important;
}

.lf-sites-all-btn:hover {
	color: #fff !important;
}

/* ==========================================================================
   ۱۷) نوار اعلان افزودن به سبد
   --------------------------------------------------------------------------
   زیر هدر و سمت چپ می‌نشیند تا درست زیر آیکن سبد خرید بیفتد.
   ========================================================================== */

.lf-toasts {
	position: fixed;
	top: 88px;
	left: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 10px;
	pointer-events: none;
}

.lf-toast {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 340px;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background: rgba(28, 20, 66, .92);
	border: 1px solid rgba(168, 85, 247, .45);
	border-radius: 14px;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .45);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	opacity: 0;
	transform: translateY(-12px) scale(.97);
	transition: opacity .35s ease, transform .35s cubic-bezier(.22, 1, .36, 1);
}

.lf-toast.is-in { opacity: 1; transform: none; }

.lf-toast svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	padding: 3px;
	border-radius: 50%;
	color: #fff;
	background: linear-gradient(to left, #7B2FBE, #A855F7);
}

/* تپش کوتاه شمارنده سبد هنگام بروزرسانی */
[data-lf-cart-count] { transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
[data-lf-cart-count].is-bump { transform: scale(1.35); }

/* ==========================================================================
   ۱۸) دکمه‌های بنر مشاوره
   ========================================================================== */

/* دکمه تیره (سوالات متداول): متن سفید */
#lf-consult .lf-scroll-link,
#lf-consult a.lf-scroll-link span { color: #fff !important; }

/* دکمه شیشه‌ای تماس: روی هاور بک‌گراند سفید مات */
.open_chat,
.lf-contact-trigger {
	transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.open_chat:hover,
.lf-contact-trigger:hover {
	background-color: rgba(255, 255, 255, .22) !important;
	border-color: rgba(255, 255, 255, .55) !important;
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	box-shadow: 0 10px 30px rgba(255, 255, 255, .12);
}

/* ==========================================================================
   ۱۹) اصلاحات بخش دیدگاه‌ها
   ========================================================================== */

/* پاسخ مدیر: بوردر بنفش روشن به‌جای سفید */
.lf-comment-reply > div {
	border-color: rgba(168, 85, 247, .40) !important;
}

/* شمارنده تعداد دیدگاه‌ها */
.lf-comment-count {
	line-height: 20px;
	border-radius: 5px;
	color: #A855F7;
	background-color: rgba(123, 47, 190, .20);
}
.group-hover\/site\:text-brand-light:is(:where(.group\/site):hover *) { color: #A855F7; }

/* ---------- پنل کاربری ---------- */
.-translate-x-28 { --tw-translate-x: -7rem; transform: translateX(-7rem) translateY(var(--lf-ty, 0)); }
.-translate-y-28 { --lf-ty: -7rem; }
.-translate-x-28.-translate-y-28 { transform: translate(-7rem, -7rem); }
.divide-white\/8 > :not(:last-child) { border-bottom: 1px solid color-mix(in oklab, #fff 8%, transparent); }
.from-base-soft { --tw-gradient-from: #3B1E6E; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.border-r-3 { border-right-width: 3px; }
.border-3 { border-width: 3px; }

@media (hover: hover) {
	.hover\:bg-white\/25:hover { background-color: color-mix(in oklab, #fff 25%, transparent); }
	.hover\:border-brand\/25:hover { border-color: rgba(123, 47, 190, .25); }
}

/* ==========================================================================
   ۲۰) پنل کاربری — بازنویسی استایل‌های ووکامرس
   --------------------------------------------------------------------------
   ووکامرس به سایدبار float:right و width:30% می‌دهد که چیدمان flex ما را
   می‌شکند؛ اینجا ریست می‌شود.
   ========================================================================== */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* ارتفاع ثابت آیتم‌های منو، مطابق طرح اصلی */
.woocommerce-MyAccount-navigation a {
	min-height: 45px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* آیتم فعال */
.lf-nav-active {
	background-color: #7B2FBE !important;
	color: #fff !important;
	border: 0 !important;
}
.lf-nav-active svg { color: #fff !important; }

/* هاور منو: فقط پس‌زمینه، رنگ بنفش ثابت */
.woocommerce-MyAccount-navigation a:not(.lf-nav-active):not(.text-rose-400):hover,
.woocommerce-MyAccount-navigation a:not(.lf-nav-active):not(.text-rose-400):hover svg {
	color: #C084FC !important;
}

/* جدول‌های افزونه (رپورتاژها و بک‌لینک‌ها) روی تم تیره */
.woocommerce-MyAccount-content table,
.lfr-account-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: rgba(255, 255, 255, .04) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 16px !important;
	overflow: hidden;
	color: #fff !important;
	font-size: 15px;
}

.woocommerce-MyAccount-content table thead th,
.lfr-account-table thead th {
	background: rgba(255, 255, 255, .06) !important;
	color: rgba(255, 255, 255, .55) !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	padding: 14px 16px !important;
	border: 0 !important;
	text-align: right;
	white-space: nowrap;
}

.woocommerce-MyAccount-content table tbody td,
.lfr-account-table tbody td {
	padding: 14px 16px !important;
	border: 0 !important;
	color: rgba(255, 255, 255, .75) !important;
	vertical-align: middle;
}

/* جداکننده سطرها: بنفش کم‌رنگ، تمام عرض جدول */
.woocommerce-MyAccount-content table tbody tr,
.lfr-account-table tbody tr {
	box-shadow: inset 0 -1px 0 rgba(168, 85, 247, .28);
}
.woocommerce-MyAccount-content table tbody tr:last-child,
.lfr-account-table tbody tr:last-child {
	box-shadow: none;
}

/* سطرهای یک‌درمیان */
.woocommerce-MyAccount-content table tbody tr:nth-child(even),
.lfr-account-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, .025) !important;
}

.woocommerce-MyAccount-content table a,
.lfr-account-table a { color: #A855F7 !important; }
.woocommerce-MyAccount-content table a:hover,
.lfr-account-table a:hover { color: #fff !important; }

/* بج‌های وضعیت داخل جدول */
.lfr-status-badge,
.woocommerce-MyAccount-content .lfr-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
}
.lfr-status-published,
.lfr-status-active   { background: rgba(123, 47, 190, .20); color: #A855F7; border: 1px solid rgba(123, 47, 190, .35); }
.lfr-status-pending  { background: rgba(249, 128, 32, .18); color: #F98020; border: 1px solid rgba(249, 128, 32, .35); }
.lfr-status-soon,
.lfr-status-expiring { background: rgba(245, 158, 11, .20); color: #FBBF24; border: 1px solid rgba(245, 158, 11, .35); }
.lfr-status-awaiting,
.lf-badge--awaiting  { background: rgba(245, 158, 11, .22); color: #fbbf24; border: 1px solid rgba(245, 158, 11, .45); }
.lfr-status-awaiting-content { background: rgba(244, 63, 94, .12); color: #fb7185; border: 1px solid rgba(244, 63, 94, .30); }
.lfr-status-expired,
.lfr-status-rejected { background: rgba(244, 63, 94, .18); color: #FB7185; border: 1px solid rgba(244, 63, 94, .35); }

/* نشان‌های آکاردئون تکمیل محتوا */
.lf-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	padding: 4px 10px;
	border-radius: 999px;
	white-space: nowrap;
}
.lf-badge__icon { width: 13px; height: 13px; flex-shrink: 0; }
.lf-badge--payment {
	color: #fcd34d;
	background: rgba(251, 191, 36, .18);
	border: 1px solid rgba(251, 191, 36, .35);
}
.lf-badge--completed {
	color: #4ade80;
	background: rgba(34, 197, 94, .18);
	border: 1px solid rgba(34, 197, 94, .40);
}

/* وضعیت سفارش‌ها در تب سفارشات */
.woocommerce-account .woocommerce-orders-table tbody td {
	border-top: 0 !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	border-bottom: 0 !important;
	text-decoration: none !important;
}
.woocommerce-account mark.order-status,
.woocommerce-account .woocommerce-OrderStatus {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	background: transparent !important;
}
.woocommerce-account mark.order-status.status-completed,
.woocommerce-account .woocommerce-OrderStatus--completed {
	color: #4ade80 !important;
	background: rgba(34, 197, 94, .18) !important;
	border: 1px solid rgba(34, 197, 94, .40) !important;
}
.woocommerce-account mark.order-status.status-processing,
.woocommerce-account mark.order-status.status-on-hold,
.woocommerce-account .woocommerce-OrderStatus--processing,
.woocommerce-account .woocommerce-OrderStatus--on-hold {
	color: #fbbf24 !important;
	background: rgba(245, 158, 11, .22) !important;
	border: 1px solid rgba(245, 158, 11, .45) !important;
}
.woocommerce-account mark.order-status.status-cancelled,
.woocommerce-account mark.order-status.status-failed,
.woocommerce-account mark.order-status.status-refunded,
.woocommerce-account .woocommerce-OrderStatus--cancelled,
.woocommerce-account .woocommerce-OrderStatus--failed,
.woocommerce-account .woocommerce-OrderStatus--refunded {
	color: #fb7185 !important;
	background: rgba(244, 63, 94, .18) !important;
	border: 1px solid rgba(244, 63, 94, .40) !important;
}

/* فرم‌های پنل کاربری (جزئیات حساب) */
.woocommerce-MyAccount-content form .woocommerce-form-row label,
.woocommerce-EditAccountForm label {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, .50);
	margin-bottom: 6px;
}

.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content textarea,
.woocommerce-MyAccount-content select {
	width: 100%;
	padding: 14px 16px;
	font-size: 15px;
	color: #fff;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	outline: none;
	transition: border-color .2s, background .2s;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-MyAccount-content select:focus {
	border-color: #7B2FBE;
	background: rgba(255, 255, 255, .08);
}
.woocommerce-MyAccount-content input::placeholder,
.woocommerce-MyAccount-content textarea::placeholder { color: rgba(255, 255, 255, .30); }

.woocommerce-MyAccount-content fieldset {
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 16px;
	padding: 20px;
	margin-top: 20px;
}
.woocommerce-MyAccount-content legend { color: #fff; font-size: 15px; font-weight: 700; padding: 0 8px; }

/* آیکن کارت‌های آمار داشبورد: مربع با گوشه گرد و پس‌زمینه بنفش کم‌رنگ */
.lf-stat-icon {
	background-color: rgba(123, 47, 190, .18);
	color: #A855F7;
}
.bg-brand\/12 { background-color: rgba(123, 47, 190, .12); }

/* دکمه‌های بنر داشبورد: متن سفید */
.lf-banner-btn,
.lf-banner-btn:hover { color: #fff !important; }

/* دکمه ذخیره تغییرات در جزئیات حساب */
.lf-account-save {
	background-image: linear-gradient(to left, #7B2FBE 0%, #A855F7 50%, #7B2FBE 100%);
	background-size: 200% 100%;
	background-position: 0% 0;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
	border: 0;
}
.lf-account-save:hover {
	background-position: 100% 0;
	box-shadow: 0 12px 32px rgba(123, 47, 190, .40);
	color: #fff;
}

/* عنوان صفحه‌های داخلی پنل (خروجی خود ووکامرس) */
.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3 { color: #fff; font-size: 16px; margin-bottom: 16px; }

/* ---------- جدول‌های افزونه در پنل کاربری ---------- */
.lfr-account-panel { color: #fff; }

.lfr-account-table-wrap {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	overflow: hidden;
	overflow-x: auto;
}

.lfr-account-table-wrap > table { border: 0 !important; border-radius: 0 !important; }

.lfr-account-empty {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 16px;
	color: rgba(255, 255, 255, .45);
	font-size: 15px;
	text-align: center;
	padding: 48px 20px;
	margin: 0;
}

/* سلول سایت مقصد */
.lfr-site-cell { display: flex; align-items: center; gap: 10px; }

.lfr-favicon-wrap {
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 10px;
	overflow: hidden;
}
.lfr-favicon { width: 100%; height: 100%; object-fit: contain; display: block; }
.lfr-favicon-fallback { width: 18px; height: 18px; color: rgba(255, 255, 255, .35); }

.lfr-site-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; color: rgba(255, 255, 255, .90) !important; }
.lfr-site-name .lfr-plan-name { font-size: 11px; color: rgba(255, 255, 255, .40); }

.lfr-cell-link { color: #A855F7 !important; text-decoration: none; }
.lfr-cell-link:hover { color: #fff !important; }

/* آیکون لینک ستون «لینک» */
.lfr-link-box {
	border: 1px solid rgba(255, 255, 255, .2) !important;
}
.lfr-link-box:hover { background: rgba(123, 47, 190, .18) !important; color: #A855F7 !important; }

.lfr-account-panel .woocommerce-orders-table th {
	border-bottom: 0 !important;
}

.lf-hint-text,
.woocommerce-MyAccount-content .lfr-field-guide,
.woocommerce-MyAccount-content .lfr-tags-guide,
.woocommerce-MyAccount-content .lfr-general-notice {
	color: rgba(255, 255, 255, .5) !important;
}

/* Jalali date picker — account panel dark theme */
jdp-container .jdp-years,
jdp-container .jdp-months {
	font-size: 15px !important;
}

jdp-container .jdp-year,
jdp-container .jdp-month {
	background: transparent !important;
}

jdp-container .jdp-days-header {
	background-color: transparent !important;
}

jdp-container .jdp-day-name {
	color: #fff !important;
	font-weight: 500 !important;
}

jdp-container .jdp-day:not(.disabled-day):not(.selected) {
	color: rgba(255, 255, 255, .88) !important;
}

jdp-container .jdp-day.last-week:not(.disabled-day):not(.selected),
jdp-container .jdp-day.holiday-day:not(.disabled-day):not(.selected) {
	color: #FA5C64 !important;
}

jdp-container .jdp-day.selected,
jdp-container .jdp-day-name.selected {
	color: #fff !important;
	border: 0 !important;
}

jdp-container .jdp-btn-today,
jdp-container .jdp-btn-close {
	color: #fff !important;
}

/* صفحه‌بندی جدول‌ها */
.lfr-account-pagination { display: flex; gap: 6px; justify-content: center; margin-top: 18px; }
.lfr-account-pagination a,
.lfr-account-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 10px;
	font-size: 12px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .06);
	color: rgba(255, 255, 255, .70);
	text-decoration: none;
}
.lfr-account-pagination .current,
.lfr-account-pagination a:hover { background: #7B2FBE; color: #fff; }

/* بج وضعیت افزونه */
.lfr-badge-published { background: rgba(123, 47, 190, .20) !important; color: #A855F7 !important; }
.lfr-badge-pending   { background: rgba(249, 128, 32, .18) !important; color: #F98020 !important; }
.lfr-badge-expiring  { background: rgba(245, 158, 11, .20) !important; color: #FBBF24 !important; }
.lfr-badge-rejected  { background: rgba(244, 63, 94, .18) !important; color: #FB7185 !important; }
@media (min-width: 40rem) { .sm\:min-w-\[220px\] { min-width: 220px; } }

/* ==========================================================================
   محتوای تک‌نوشته وبلاگ
   ========================================================================== */

/* تصاویر داخل متن مطلب - از کادر بیرون نزنند */
.lf-page-content img,
.wp-caption img {
	max-width: 95%;
	height: auto;
}

/* کپشن تصاویر (شورت‌کد caption وردپرس) */
.wp-caption {
	max-width: 95% !important;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 12px;
	padding: 5px;
	margin-bottom: 1.5em;
}
.wp-caption img { display: block; margin: 0 auto; border-radius: 6px; }
.wp-caption .wp-caption-text {
	font-size: 12px;
	color: rgba(255, 255, 255, .40);
	margin: 0;
	padding: 8px 0 0;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, .10);
}
.wp-caption.aligncenter { margin-left: auto; margin-right: auto; }
.wp-caption.aligncenter .wp-caption-text { text-align: center; }
.wp-caption.alignleft { float: left; margin-left: 0; margin-inline-end: 15px; }
.wp-caption.alignleft .wp-caption-text { text-align: left; }
.wp-caption.alignright { float: right; margin-right: 0; margin-inline-start: 15px; }
.wp-caption.alignright .wp-caption-text { text-align: right; }

/* لینک‌های داخل متن مطلب: رنگ بنفش + خط زیر متحرک روی هاور */
.single_page a {
	position: relative;
	display: inline-block;
	padding: 0 5px;
	color: #A855F7;
	text-decoration: none;
	transition: color .25s ease;
}
.single_page a:hover { color: #F98020; }
.single_page a::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	height: 1px;
	left: 10px;
	right: 10px;
	border-bottom: 2px solid #A855F7;
	transform: translate3d(0, 0, 0);
	transition: all 0.3s ease;
}
.single_page a:hover::after {
	left: 3px;
	right: 3px;
	border-bottom-color: #F98020;
}

.single_page a:has(img)::after {
	display: none !important;
}

.single_page a:has(img) {
	padding: 0;
}

.single_page.lf-single-post-content,
.single_page.lf-single-post-content p {
	color: rgba(255, 255, 255, .9);
}

.lf-single-post-footer__share a::after,
.lf-single-post-footer__rating a::after {
	display: none !important;
}

/* لینک‌های داخل جدول محتوا از افکت خط زیر بالا مستثنی‌اند */
#ez-toc-container a::after {
	display: none !important;
}

/* لوگوی سایت (هدر و فوتر): ارتفاع ثابت، عرض متناسب با نسبت خودِ تصویر */
.custom-logo {
	max-height: 48px;
	width: auto;
}

/* ==========================================================================
   ردیف‌های مشخصات کارت سایت (لندینگ رپورتاژ/بک‌لینک)
   ========================================================================== */
.lf-spec-row:not(:last-child) {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, .04);
}
.lf-flag-img {
	width: 20px;
	height: 14px;
	border-radius: 0;
	object-fit: cover;
}

/* ==========================================================================
   صفحه «سفارش دریافت شد» — درگاه کارت به کارت + جدول مشخصات سفارش
   افزونه wc-card-to-card-gateway استایل روشن خودش را دارد
   (c2c-style.css: پس‌زمینه #fafafa، بوردر #ddd)؛ اینجا روی تم تیره
   بازنویسی می‌شود.
   ========================================================================== */
.wc-c2c-bank-details {
	background: rgba(255, 255, 255, .04) !important;
	border: 1px solid rgba(123, 47, 190, .45) !important;
	border-radius: 12px !important;
	color: #fff !important;
}
.wc-c2c-bank-details-table th { color: rgba(255, 255, 255, .55) !important; }
.wc-c2c-bank-details-table td { color: #fff !important; }
.wc-c2c-bank-details-table td .woocommerce-Price-amount,
.wc-c2c-bank-details-table td bdi { color: #fff !important; }

.wc-c2c-form-wrap {
	border: 1px solid rgba(123, 47, 190, .45) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, .04) !important;
}
.wc-c2c-form-wrap h3,
.wc-c2c-form-wrap label { color: #fff !important; }

.wc-c2c-form-wrap input[type="text"] {
	background: rgba(255, 255, 255, .05) !important;
	border: 1px solid rgba(123, 47, 190, .45) !important;
	border-radius: 12px !important;
	color: #fff !important;
	padding: 12px 14px !important;
	outline: none !important;
	transition: border-color .2s ease;
}
.wc-c2c-form-wrap input[type="text"]:focus {
	border-color: rgba(168, 85, 247, .75) !important;
}

/* دکمه انتخاب فایل رسید: بنفش، تا مشخص باشد دکمه است */
.wc-c2c-form-wrap input[type="file"] { color: rgba(255, 255, 255, .55) !important; }
.wc-c2c-form-wrap input[type="file"]::file-selector-button {
	background: #7B2FBE;
	border: 0;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	margin-inline-end: 10px;
	padding: 9px 16px;
	transition: background .2s ease;
}
.wc-c2c-form-wrap input[type="file"]::file-selector-button:hover { background: #A855F7; }

/* دکمه ثبت اطلاعات پرداخت: همان گرادیان نارنجی دکمه پرداخت تسویه‌حساب */
#wc_c2c_submit_btn {
	background-image: linear-gradient(to left, #F98020 0%, #FBA05A 50%, #F98020 100%) !important;
	background-size: 200% 100% !important;
	background-position: 0% 0 !important;
	transition: background-position .6s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
	border: 0 !important;
	border-radius: 14px !important;
	color: #fff !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	padding: 14px 28px !important;
}
#wc_c2c_submit_btn:hover {
	background-position: 100% 0 !important;
	box-shadow: 0 12px 32px rgba(249,128,32,.40) !important;
}

/* جدول «مشخصات سفارش» صفحه تشکر: بوردر دور کل جدول، هم‌رنگ کادرهای بالا */
.woocommerce-order-details .woocommerce-table--order-details,
.woocommerce-order-details table.shop_table {
	border: 1px solid rgba(123, 47, 190, .45) !important;
	border-radius: 12px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	overflow: hidden !important;
}

/* ==========================================================================
   جدول محتوا (Easy Table of Contents) - هماهنگ با تم تیره/بنفش سایت
   ========================================================================== */
/* start toc */
div#ez-toc-container {
	box-shadow: 0 2px 4px 0.25px rgba(0, 0, 0, .25);
	display: flex;
	flex-direction: column;
	background-color: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 5px;
	width: 100%;
	margin: 10px 0 20px;
	line-height: 60px;
	direction: rtl;
	font-weight: 300;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
div#ez-toc-container p.ez-toc-title {
	color: #fff !important;
	font-size: 100% !important;
	font-weight: 400 !important;
}
.ez-toc-title-container {
	position: relative;
}
.ez-toc-title-toggle {
	position: absolute;
	top: 10px;
	left: 0;
}
#ez-toc-container ul.ez-toc-list-level-1 {
	border-top: 1px solid rgba(255, 255, 255, .10);
	padding: 20px 0;
}
#ez-toc-container .ez-toc-toggle label {
	display: none;
}
#ez-toc-container a.ez-toc-toggle {
	position: relative;
}
#ez-toc-container a.ez-toc-toggle:before {
	position: absolute;
	top: 2px;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A855F7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 15px;
	content: '';
	-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.toc_close a.ez-toc-toggle:before {
	transform: rotate(180deg);
	top: -2px !important;
}
#ez-toc-container ul a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	padding: 0 5px;
	color: rgba(255, 255, 255, .65);
	-moz-transition: all 0.0s ease-out; -o-transition: all 0.0s ease-out; -webkit-transition: all 0.0s ease-out; transition: all 0.0s ease-out;
}
#ez-toc-container ul a:hover {
	background: rgba(123, 47, 190, .18);
	color: #fff;
	text-decoration: none;
}
.ez-toc-counter nav ul li a:before {
	float: none !important;
}
.ez-toc-icon-toggle-span svg {
	display: none;
}
.ez-toc-icon-toggle-span {
	height: 35px !important;
}
#ez-toc-container .ez-toc-js-icon-con {
	border-color: rgba(255, 255, 255, .10) !important;
	width: 42px !important;
	left: 0 !important;
}
.ez-toc-pull-right {
	margin-right: 0 !important;
	padding: 0 !important;
}
#ez-toc-container a:visited {
	color: rgba(255, 255, 255, .65) !important;
}
#ez-toc-container a.ez-toc-toggle,
#ez-toc-container a.ez-toc-toggle:focus,
#ez-toc-container a.ez-toc-toggle:active,
#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-js-icon-con:focus {
	outline: none !important;
	box-shadow: none !important;
}
/* end toc */
/* start fixed call */
#wafm-wrap{
	position:fixed;
	z-index:9999;
	left:25px;
	bottom:25px;
	font-family:inherit;
	direction:rtl;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	/* خودِ این باکس (چه بسته باشد چه باز) اندازه‌اش کل ستون آیتم‌های
	   مخفی را هم در بر می‌گیرد؛ بدون pointer-events:none همینجا، حتی وقتی
	   #wafm-list نامرئی/pointer-events:none است، این wrapper همچنان روی
	   محتوای زیرش کلیک را می‌گیرد. */
	pointer-events:none;
}
#wafm-wrap *{ box-sizing:border-box; }
#wafm-list{
	list-style:none; margin:0 0 20px 6px; padding:0;
	display:flex; flex-direction:column; align-items:flex-start; gap:13px;
	opacity:0; visibility:hidden; pointer-events:none; transform:translateY(14px);
	transition:all .4s cubic-bezier(.34,1.56,.64,1);
}
#wafm-wrap.wafm-open #wafm-list{
	opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
}
#wafm-list li{
	display:flex; align-items:center; gap:10px;
	transform: translateX(16px) scale(.8);
	opacity:0; transition:all .35s cubic-bezier(.34,1.56,.64,1);
	width:100%;
	justify-content:flex-start;
}
#wafm-wrap.wafm-open #wafm-list li{
	transform: translateX(0) scale(1); opacity:1;
}
/* دکمه تماس دسکتاپ فقط بالای 768px، دکمه تماس موبایل فقط زیر 768px */
@media (max-width: 767px) {
	#wafm-list li.wafm-desktop-only { display: none; }
}
@media (min-width: 768px) {
	#wafm-list li.wafm-mobile-only { display: none; }
}
#wafm-list li:nth-child(1){transition-delay:.03s}
#wafm-list li:nth-child(2){transition-delay:.07s}
#wafm-list li:nth-child(3){transition-delay:.11s}
#wafm-list li:nth-child(4){transition-delay:.15s}
#wafm-list li:nth-child(5){transition-delay:.19s}
#wafm-list li:nth-child(6){transition-delay:.23s}
.wafm-row{
	display:flex; align-items:center; gap:10px;
	width:100%; text-decoration:none; cursor:pointer; flex-direction: row-reverse;
}
.wafm-item-btn{
	width:50px; height:50px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
	color:#fff; flex-shrink:0;
	box-shadow:0 8px 18px rgba(0,0,0,.2);
	border:2px solid rgba(255,255,255,.55);
	transition:transform .25s ease, box-shadow .25s ease;
}
.wafm-row:hover .wafm-item-btn{ transform:scale(1.12); box-shadow:0 10px 22px rgba(0,0,0,.28); }
.wafm-row:hover .wafm-label{ box-shadow:0 8px 20px rgba(0,0,0,.2); }
/* .wafm-item-btn svg{ width:22px; height:22px; } */
.wafm-label{
	background:rgba(255,255,255,.97); color:#222; font-size:15px; font-weight:600;
	width:96px; text-align:center;
	padding:9px 8px; border-radius:10px;
	box-shadow:0 6px 16px rgba(0,0,0,.14);
	backdrop-filter:blur(6px);
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#wafm-toggle{
	width:64px; height:64px; border-radius:50%; border:none; cursor:pointer;
	background:linear-gradient(135deg, #7B2FBE, #a855f7);
	box-shadow:0 10px 28px rgba(100,60,255,.4);
	display:flex; align-items:center; justify-content:center;
	pointer-events:auto;
	position:relative; z-index:2;
	transition:transform .3s cubic-bezier(.34,1.56,.64,1);
}
#wafm-wrap.wafm-open #wafm-toggle{ transform:scale(1.06); }
#wafm-toggle::before{
	content:""; position:absolute; inset:-6px; border-radius:50%;
	border:2px solid #a855f7;
	opacity:.4; animation:wafm-pulse 2.2s ease-out infinite;
}
@keyframes wafm-pulse{
	0%{ transform:scale(.9); opacity:.5; }
	80%{ transform:scale(1.25); opacity:0; }
	100%{ opacity:0; }
}
#wafm-toggle svg{
	width:28px; height:28px; color:#fff;
	transition:transform .35s cubic-bezier(.4,0,.2,1);
}
#wafm-wrap.wafm-open #wafm-toggle svg{ transform:scale(.85) rotate(-8deg); }
@media (max-width:480px){
	#wafm-wrap{ right:14px; bottom:14px; }
	#wafm-toggle{ width:58px; height:58px; }
	.wafm-label{ width:84px; font-size:12px; }
}
/* end fixed call */
.wc-c2c-submitted-notice {
	background: none;
}
.woocommerce ul.order_details {
	background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(123, 47, 190, .45) !important;
    border-radius: 12px !important;
	padding: 20px;
}
.woocommerce ul.order_details li {
	margin-bottom: 0;
}
.wc-c2c-copy-btn {
	color: var(--lf-brand) !important;
	border-color: var(--lf-brand) !important;
	background: none !important;
}
.wc-c2c-submitted-notice {
	background: none !important;
}

/* کارت موفقیت صفحه تشکر */
.lf-thankyou-success-title {
	margin-top: 0 !important;
}
.lf-thankyou-success--fade-in {
	animation: lf-thankyou-fade-in .55s ease-out both;
}
@keyframes lf-thankyou-fade-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.lf-thankyou-btn-primary,
.lf-thankyou-btn-primary:hover,
.lf-thankyou-btn-primary:focus {
	color: #fff !important;
	text-decoration: none !important;
}
.lf-thankyou-btn-secondary,
.lf-thankyou-btn-secondary:hover,
.lf-thankyou-btn-secondary:focus {
	text-decoration: none !important;
}

/* فیلدهای تسویه‌حساب: جلوگیری از تنگ شدن نام/نام‌خانوادگی توسط CSS ووکامرس */
.woocommerce-checkout .lf-checkout-fields > div {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}
.woocommerce-checkout .lf-checkout-fields input[type="text"],
.woocommerce-checkout .lf-checkout-fields input[type="tel"],
.woocommerce-checkout .lf-checkout-fields input[type="email"] {
	width: 100% !important;
}

/* مخفی کردن فرم ورود و کد تخفیف در صفحه تسویه‌حساب */
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon {
	display: none !important;
}

/* ==========================================================================
   ۲۱) داشبورد پنل کاربری
   ========================================================================== */

.lf-dashboard-notice {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	padding: 14px 18px;
	border-radius: 16px;
	border: 1px solid rgba(251, 191, 36, .35);
	background: linear-gradient(90deg, rgba(251, 191, 36, .12) 0%, rgba(168, 85, 247, .10) 100%);
}

.lf-dashboard-notice__text {
	margin: 0;
	flex: 1 1 220px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .88);
}

.lf-dashboard-notice__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(to left, #7B2FBE, #A855F7);
	border: 1px solid rgba(168, 85, 247, .45);
	white-space: nowrap;
	transition: opacity .2s ease, transform .2s ease;
}

.lf-dashboard-notice__action:hover {
	opacity: .92;
	transform: translateY(-1px);
	color: #fff !important;
}

.lf-dashboard-status--green { color: #4ade80 !important; }
.lf-dashboard-status--yellow { color: #fbbf24 !important; }
.lf-dashboard-status--red { color: #f87171 !important; }

/* ==========================================================================
   ۲۲) اعلان هدر (زنگوله)
   ========================================================================== */

.lf-notify-badge {
	position: absolute;
	top: -5px;
	right: -5px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 9999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	background: #7B2FBE;
	border: 2px solid rgba(10, 14, 28, .92);
	box-shadow: 0 4px 12px rgba(123, 47, 190, .45);
}

.lf-notify-panel {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	z-index: 60;
	width: min(300px, calc(100vw - 32px));
	padding: 12px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: linear-gradient(180deg, rgba(24, 20, 48, .98) 0%, rgba(12, 10, 28, .98) 100%);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.lf-notify-panel__item + .lf-notify-panel__item {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.lf-notify-panel__text {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .86);
}

.lf-notify-panel__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 12px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #C084FC !important;
	text-decoration: none !important;
	background: rgba(123, 47, 190, .18);
	border: 1px solid rgba(168, 85, 247, .28);
	transition: background-color .2s ease, color .2s ease;
}

.lf-notify-panel__link:hover {
	color: #fff !important;
	background: rgba(123, 47, 190, .35);
}

.lf-notify-panel__empty {
	margin: 0;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .65);
	text-align: center;
}

/* ==========================================================================
   ۲۳) جستجوی زنده هدر
   ========================================================================== */

.lf-header-icon-btn { cursor: pointer; }

.lf-header-search {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 200;
	padding: 14px 0 16px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.lf-search-form {
	position: relative;
}

.lf-search-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 210;
	padding: 8px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(12, 10, 28, .88);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
}

.lf-search-dropdown__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.lf-search-dropdown__status {
	margin: 0;
	padding: 14px 12px;
	font-size: 13px;
	color: rgba(255, 255, 255, .55);
	text-align: center;
}

.lf-search-result {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none !important;
	color: rgba(255, 255, 255, .88) !important;
	transition: background-color .2s ease;
}

.lf-search-result:hover {
	background: rgba(123, 47, 190, .18);
	color: #fff !important;
}

.lf-search-result__thumb {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 10px;
	overflow: hidden;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.lf-search-result__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.lf-search-result__placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(255, 255, 255, .35);
}

.lf-search-result__placeholder svg {
	width: 22px;
	height: 22px;
}

.lf-search-result__title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.6;
}

.lf-search-dropdown__footer {
	padding: 8px 12px 4px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	text-align: center;
}

.lf-search-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	color: #C084FC !important;
	text-decoration: none !important;
	background: rgba(123, 47, 190, .18);
	border: 1px solid rgba(168, 85, 247, .28);
	transition: background-color .2s ease, color .2s ease;
}

.lf-search-more:hover {
	color: #fff !important;
	background: rgba(123, 47, 190, .35);
}