/* =========================================================
   Avid — بهینه‌سازی عملکرد
   بخش ۱: بهبودهای همیشه‌فعال (بدون تغییر ظاهر)
   بخش ۲: «حالت سبک» html.avid-lite (موبایل / سیستم ضعیف)
   بخش ۳: قوانین خودکارِ حذف backdrop-filter با جبران شفافیت
   ========================================================= */

/* ---------- ۱) همیشه فعال ---------- */

/* پس‌زمینه‌ی ثابت بدنه: به‌جای background-attachment:fixed (که با هر اسکرول دوباره رنگ می‌شود)
   همان گرادیان روی یک لایه‌ی GPU ثابت قرار می‌گیرد؛ خروجی بصری یکسان، اسکرول بسیار روان‌تر */
body {
    background-image: none !important;
    background-attachment: scroll !important;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        radial-gradient(circle at 10% 10%, rgba(204, 0, 0, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(230, 0, 0, 0.1) 0%, transparent 50%);
    transform: translateZ(0);
}

/* scroll-behavior روی همه‌ی المان‌ها بی‌اثر است و فقط html مهم است */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

html { -webkit-text-size-adjust: 100%; }

/* انیمیشن‌های بی‌نهایتِ بخش‌هایی که در دید نیستند یا تب مخفی است: متوقف */
.avid-offscreen .ink-dot,
.avid-offscreen .liquid-orb,
.avid-offscreen .avid-vt-shine,
.avid-offscreen .avid-ring-spin,
.avid-offscreen .avid-ring-spin-rev,
.avid-offscreen .avid-tw,
.avid-offscreen .avid-brand-aura {
    animation-play-state: paused !important;
}
html.avid-tab-hidden *,
html.avid-tab-hidden *::before,
html.avid-tab-hidden *::after {
    animation-play-state: paused !important;
}


/* ---------- ایموجی ثابت و یکسان روی همه‌ی سیستم‌ها ----------
   فونت AvidEmoji = Noto Color Emoji (Google، مجوز SIL OFL 1.1) که فقط روی ایموجی‌های قالب خلاصه شده و
   از خود قالب بارگذاری می‌شود؛ پس به فونت ایموجی ویندوز/مرورگر وابسته نیست و هیچ‌وقت تغییر نمی‌کند.
   unicode-range باعث می‌شود فقط برای همین نمادها استفاده شود و متن فارسی/عدد/نشانه‌ها دست‌نخورده بماند. */
@font-face {
    font-family: 'AvidEmoji';
    src: url('../fonts/avid-emoji.woff') format('woff');
    font-display: block;
    unicode-range: U+23E9,U+23EA,U+23F1,U+23F3,U+23F8,U+2600,U+26A0,U+26A1,U+2705,U+270F,U+2728,U+274C,U+2764,U+21A9,U+1F319,U+1F3A8,U+1F3F7,U+1F464,U+1F4AC,U+1F4B3,U+1F4C1,U+1F4C5,U+1F4DA,U+1F4E5,U+1F4E6,U+1F4ED,U+1F4F9,U+1F504,U+1F507,U+1F50A,U+1F50D,U+1F512,U+1F514,U+1F515,U+1F552,U+1F5A8,U+1F69A,U+1F6D2,U+1F9D0,U+2B50,U+1F31F,U+1F525,U+FE0F;
}
@font-face {
    font-family: 'AvidEmoji';
    src: url('../fonts/avid-emoji-extra.woff') format('woff');
    font-display: block;
    unicode-range: U+23F0,U+2753,U+2757,U+1F30D,U+1F310,U+1F381,U+1F389,U+1F38A,U+1F3A5,U+1F3AC,U+1F3AF,U+1F3C6,U+1F3E0,U+1F440,U+1F44B,U+1F44C,U+1F44D,U+1F44E,U+1F44F,U+1F465,U+1F494,U+1F495,U+1F496,U+1F497,U+1F499,U+1F49A,U+1F49B,U+1F49C,U+1F4A1,U+1F4AA,U+1F4AF,U+1F4B0,U+1F4BB,U+1F4C8,U+1F4CA,U+1F4CC,U+1F4CD,U+1F4DD,U+1F4DE,U+1F4E2,U+1F4E3,U+1F4E7,U+1F4F1,U+1F4F7,U+1F511,U+1F517,U+1F5A4,U+1F5A5,U+1F600,U+1F601,U+1F602,U+1F603,U+1F604,U+1F605,U+1F606,U+1F607,U+1F609,U+1F60A,U+1F60B,U+1F60D,U+1F60E,U+1F60F,U+1F610,U+1F611,U+1F612,U+1F613,U+1F614,U+1F615,U+1F616,U+1F618,U+1F61E,U+1F61F,U+1F620,U+1F621,U+1F622,U+1F623,U+1F624,U+1F625,U+1F626,U+1F627,U+1F628,U+1F629,U+1F62A,U+1F62B,U+1F62C,U+1F62D,U+1F62E,U+1F62F,U+1F630,U+1F631,U+1F632,U+1F633,U+1F634,U+1F635,U+1F636,U+1F637,U+1F641,U+1F642,U+1F644,U+1F64C,U+1F64F,U+1F680,U+1F90D,U+1F910,U+1F911,U+1F912,U+1F914,U+1F915,U+1F916,U+1F917,U+1F918,U+1F91D,U+1F91E,U+1F91F,U+1F920,U+1F922,U+1F923,U+1F924,U+1F925,U+1F927,U+1F929,U+1F92B,U+1F92C,U+1F92D,U+1F92E,U+1F92F,U+1F947,U+1F970,U+1F971,U+1F973,U+1F974,U+1F975,U+1F976,U+1F97A,U+1F9E0,U+1F9E1;
}
*, *::before, *::after {
    font-family: 'AvidEmoji', 'Vazirmatn', -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}
.avid-menu-icon, .theme-icon, #themeIcon, #mobileThemeIcon, .search-btn, .avid-t-dot {
    font-variant-emoji: emoji;
}

/* ---------- سوییچ نرم تم روز/شب ---------- */
/* (مکث انیمیشن‌های بی‌نهایت و تمام‌کردن transition های رنگ، به‌جای قوانین سراسری، در JS انجام می‌شود تا سبک‌تر باشد) */
::view-transition-group(root),
::view-transition-image-pair(root),
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}
/* (قوانین انیمیشن پایین‌تر با اولویت بیشتر این ریست را برای دو لایه‌ی اصلی لغو می‌کنند) */
/* روز→شب: تصویر جدید روی قدیمی پخش می‌شود */
::view-transition-old(root) { z-index: 1; }
::view-transition-new(root) { z-index: 2; }
/* شب→روز: تصویر قدیمی روی جدید قرار دارد و داخل آیکون جمع می‌شود */
html.avid-theme-rev::view-transition-old(root) { z-index: 2; }
html.avid-theme-rev::view-transition-new(root) { z-index: 1; }
/* انیمیشن دایره‌ای: کاملاً در CSS و همزمان با ساخته شدن لایه‌ها (بدون وابستگی به JS)
   روز→شب : تصویر «تم جدید» از نقطه‌ی آیکون (--avid-vt-x/y) تا گوشه‌ها پخش می‌شود
   شب→روز : تصویر «تم قدیمی» از گوشه‌ها جمع می‌شود و در آیکون ناپدید می‌شود */
html.avid-theme-sw:not(.avid-theme-rev)::view-transition-new(root) {
    clip-path: circle(0px at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px));
    animation: avidVtGrow var(--avid-vt-dur, 720ms) var(--avid-vt-ease, cubic-bezier(.4, 0, .2, 1)) both;
}
html.avid-theme-rev::view-transition-old(root) {
    clip-path: circle(var(--avid-vt-r, 150vmax) at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px));
    animation: avidVtShrink var(--avid-vt-dur, 720ms) var(--avid-vt-ease, cubic-bezier(.4, 0, .2, 1)) both;
}
@keyframes avidVtGrow {
    from { clip-path: circle(0px at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px)); }
    to   { clip-path: circle(var(--avid-vt-r, 150vmax) at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px)); }
}
@keyframes avidVtShrink {
    from { clip-path: circle(var(--avid-vt-r, 150vmax) at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px)); }
    to   { clip-path: circle(0px at var(--avid-vt-x, 50%) var(--avid-vt-y, 0px)); }
}
/* دکمه‌ی تم هنگام سوییچ گروه جدا دارد: همیشه بالای دایره، بدون محو شدن بین قدیم و جدید */
/* گروه دکمه با همان گردیِ دکمه بریده می‌شود (جلوگیری از گوشه‌های مربعی زیر آیکون)؛
   حین سوییچ backdrop-filter دکمه خاموش است چون در اسنپ‌شات یک مستطیلِ پس‌زمینه می‌ساخت */
::view-transition-group(avid-theme-btn) {
    animation: none;
    border-radius: var(--avid-vt-btn-r, 50%);
    overflow: hidden;
}
::view-transition-image-pair(avid-theme-btn),
::view-transition-new(avid-theme-btn) { animation: none; mix-blend-mode: normal; }
::view-transition-old(avid-theme-btn) { display: none; }
html.avid-theme-sw #themeToggleBtn,
html.avid-theme-sw #mobileThemeToggleBtn {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
/* آیکون خورشید/ماه (SVG مورف‌شونده؛ حرکتش در JS است) */
#themeIcon, #mobileThemeIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.avid-ti {
    display: block;
    width: 22px;
    height: 22px;
    overflow: visible;
}

/* ---------- ۲) حالت سبک ---------- */

/* همه‌ی backdrop-filter ها خاموش (قوانین دقیق‌تر + جبران شفافیت در بخش ۳) */
html.avid-lite *,
html.avid-lite *::before,
html.avid-lite *::after {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html.avid-lite,
html.avid-lite[data-theme] {
    --glass-blur: none !important;
}

/* انیمیشن‌های تزئینی بی‌نهایت که فقط ظاهرند */
html.avid-lite .ink-dot,
html.avid-lite .liquid-orb,
html.avid-lite .avid-vt-shine,
html.avid-lite .header-logo-link:hover .header-logo-img {
    animation: none !important;
}
html.avid-lite .avid-vt-shine { display: none !important; }
/* نبض نقطه‌ی اعلان با box-shadow هر فریم repaint می‌کند؛ در حالت سبک ثابت */
html.avid-lite .avid-notif-dot,
html.avid-lite .avid-bell-dot { animation: none !important; }

/* سایه‌های سنگین فیلتری ارزان‌تر می‌شوند (drop-shadow روی تصویرِ بزرگ) */
html.avid-lite .hero-orb-img,
html.avid-lite .liquid-orb {
    filter: none !important;
}

/* بخش‌های پایین صفحه تا نزدیک نشدن رندر نمی‌شوند (سرعت لود و اسکرول) */
html.avid-lite #comparison,
html.avid-lite #features {
    content-visibility: auto;
    contain-intrinsic-size: auto 640px;
}

/* ---- بخش لوگوی صفحه‌ی اصلی در حالت سبک ---- */
html.avid-lite .avid-brand-aura { animation: none; }
html.avid-lite .avid-logo-sheen,
html.avid-lite .avid-logo-glow { mix-blend-mode: normal; }
html.avid-lite .avid-logo-sheen { animation-duration: 9s; opacity: .8; }
html.avid-lite .avid-logo-glow { display: none; }
html.avid-lite .avid-tw,
html.avid-lite .avid-ring-spin-rev { display: none; }
html.avid-lite .avid-ring-dot { filter: none; }
html.avid-lite .avid-burst span { box-shadow: none; }
html.avid-lite .avid-floating-brand-title {
    background: none !important;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    color: var(--text-main, #fff) !important;
    -webkit-text-fill-color: currentColor;
    filter: none;
    animation: none;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .35) !important;
}
html.avid-lite .avid-floating-brand-subtitle { animation: none; }
html.avid-lite .avid-floating-header-container.is-play .x-logo  { animation: avidLogoInLite .95s cubic-bezier(.2,.9,.25,1) .15s both; }
html.avid-lite .avid-floating-header-container.is-play .x-title { animation: avidSoftIn .7s ease-out .8s both; }
html.avid-lite .avid-floating-header-container.is-play .x-word  { animation: avidSoftIn .55s ease-out calc(1.25s + var(--i, 0) * .1s) both; }
html.avid-lite .avid-floating-header-container.is-play .x-div   { animation: avidDivInLite .6s ease-out 1.1s both; }
html.avid-lite .avid-floating-header-container.is-play .x-aura  { animation: avidFadeIn 1.2s ease-out both; }
html.avid-lite.avid-js .avid-floating-header-container .x-div   { width: 150px; }

@media (prefers-reduced-motion: reduce) {
    html.avid-lite .avid-floating-header-container * { animation: none !important; }
}

/* ---- تولید خودکار: حذف backdrop-filter در حالت سبک (avid-lite) با جبران شفافیت ---- */
html.avid-lite .avid-logo-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-vt{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-vt-more{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .app-logo-placeholder{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-dropdown-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-mobile-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-mobile-search-results{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-mobile-menu-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(0,0,0,.94)!important;}
html.avid-lite .avid-mobile-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .glass-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .search-results-dropdown{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .single-post-media-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .single-post-card-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .single-post-comments-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .archive-header-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .archive-post-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .back-to-top-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .hero-banner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-featured-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .store-type-switch{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .shop-categories-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .glass-product-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .wishlist-quick-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite #themeToggleBtn.theme-toggle-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-capsule-gallery{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-capsule-details{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-posts-blur-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(15,23,42,.94)!important;}
html.avid-lite .avid-blur-message-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .auth-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(0,0,0,.94)!important;}
html.avid-lite .auth-modal-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-glass-capsule{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-avatar-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(0,0,0,.94)!important;}
html.avid-lite .avid-cart-items-list{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-cart-summary-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-empty-cart{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .blog-cat-pill{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-trust{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-icon-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-perf-pop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite[data-avid-theme="light"] .avid-buy-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-product-comments{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-pi-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-lightbox{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-toast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-back-home-link{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-content-pane{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-order-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(0,0,0,.94)!important;}
html.avid-lite .avid-zoom-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(0,0,0,.94)!important;}
html.avid-lite .image-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .about-header-text-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .about-editor-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-sl-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-sl-dots{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-lb-count{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-lb-close,html.avid-lite .avid-lb-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .feature-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .feature-hashtag{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .legal-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-bell-btn:not(.avid-mobile-icon-btn){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-inv{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-inv-totals .wc-proceed-to-checkout a.checkout-button,html.avid-lite .woocommerce .avid-inv-totals a.checkout-button.button.alt{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-msg-banner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-shophub-empty{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-shop-tabs{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .avid-panel-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
@media (max-width: 768px), (hover: none){
html.avid-lite .avid-logo-stage .avid-logo-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
@media (max-width: 1024px){
html.avid-lite .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .site-header::before,html.avid-lite .site-header::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
html.avid-lite .hero-mobile-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}
@media print{
html.avid-lite .avid-inv{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
}