/* --- 1. فونت و متغیرهای اصلی --- */
@font-face {
    font-family: 'vazirX';
    src: url('../fonts/Vazirmatn-RDwght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --nehodlX-bg: rgba(255, 255, 255, 0.94);
    --nehodlX-border: rgba(0, 0, 0, 0.08);
    --nehodlX-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
    --nehodlX-primary: #3b82f6;
    --nehodlX-text: #0f172a;
    --nehodlX-text-light: #64748b;
    --nehodlX-radius: 16px;
    --nehodlX-max-w: 1278px;
    --nehodlX-menu-bg: #ffffff;

    --notif-height: 54px;
    --header-top-space: 12px;

    --anim-speed: 0.5s;
    --anim-curve: cubic-bezier(0.2, 0.8, 0.2, 1);

    /* تنظیمات درختی موبایل */
    --tree-line-color: rgba(0, 0, 0, 0.15);
    --tree-hover-color: #3b82f6;
}

.dark-theme {
    --nehodlX-bg: rgba(15, 23, 42, 0.92);
    --nehodlX-border: rgba(255, 255, 255, 0.08);
    --nehodlX-shadow: 0 15px 50px -10px rgba(0, 0, 0, 0.6);
    --nehodlX-text: #f1f5f9;
    --nehodlX-text-light: #94a3b8;
    --nehodlX-menu-bg: #0f172a;

    --tree-line-color: rgba(255, 255, 255, 0.15);
}

/* --- تنظیمات انیمیشن View Transition --- */
::view-transition-new(root) { z-index: 9999; }
::view-transition-old(root) { z-index: 1; }


.nehodlX-header * { box-sizing: border-box; }

body {
    margin: 0;
    font-family: 'vazirX', sans-serif;
    padding-top: 0; /* توسط JS کنترل می‌شود */
    min-height: 100vh;
}

.dark-theme body { background: #020617; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; margin: 0; padding: 0; }
.nehodlX-lucide { width: 20px; height: 20px; display: block; stroke-width: 1.5px; }

/* --- نوار اعلان (News Ticker) --- */
.nehodlX-notif-bar {
    position: fixed; top: 10px; left: 50%; transform: translateX(-50%);
    width: 82%; max-width: var(--nehodlX-max-w); height: var(--notif-height);
    z-index: 9000;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #fff; padding: 0 6px 0 16px;
    display: flex; align-items: center; justify-content: space-between;
    border-radius: var(--nehodlX-radius); box-shadow: 1px 0 16px 0 rgba(249, 115, 22, 0.25);
    transition: all 0.5s var(--anim-curve);
    overflow: hidden;
}
.nehodlX-notif-bar.hidden { transform: translateX(-50%) translateY(-200%); opacity: 0; pointer-events: none; }

.nehodlX-ticker-wrapper {
    flex: 1; position: relative; height: 100%; display: flex;
    align-items: center; justify-content: center; overflow: hidden; margin-left: 10px;
}

.nehodlX-ticker-item {
    position: absolute; width: 100%; height: 100%; display: flex;
    align-items: center; justify-content: center; gap: 10px;
    font-size: 14px; font-weight: 600; opacity: 0;
    transform: translateY(20px); transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
}

.nehodlX-ticker-item.active { opacity: 1; transform: translateY(0); pointer-events: auto; }
.nehodlX-ticker-item.exit { opacity: 0; transform: translateY(-20px); }

.nehodlX-notif-cta {
    background: #fff; color: #ea580c; font-size: 12px; font-weight: 800;
    padding: 6px 14px; border-radius: 8px; white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: 0.3s;
    margin-left: 15px; display: inline-flex; align-items: center; gap: 4px;
}
.nehodlX-notif-cta:hover { transform: scale(1.05); box-shadow: 0 6px 15px rgba(0,0,0,0.15); }

.nehodlX-story-line {
    position: absolute; bottom: 0; left: 0; height: 4px;
    background: rgba(255, 255, 255, 0.4); width: 0%; z-index: 10;
}

.nehodlX-notif-close { background: rgba(255, 255, 255, 0.2); border: none; color: #fff; width: 32px; height: 32px; border-radius: 10px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; z-index: 20; }
.nehodlX-notif-close:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); }

/* --- کانتینر اصلی هدر --- */
.nehodlX-header {
    position: fixed;
    top: calc(10px + var(--notif-height) + var(--header-top-space));
    left: 0; right: 0; margin: 0 auto;
    width: 96%; max-width: var(--nehodlX-max-w);
    z-index: 8000;
    transition: all 0.6s var(--anim-curve);
}
/* افکت درخشش رایا وردپرس */
.RayaWp-mask img {
    -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right / 300% 100%;
    mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right / 300% 100%;
    animation: Rwshine 3s infinite;
}

@keyframes Rwshine {
    0% { -webkit-mask-position: 150%; mask-position: 150%; }
    100% { -webkit-mask-position: -50%; mask-position: -50%; }
}
.nehodlX-header.slide-up { top: 12px; }

.nehodlX-wrapper {
    background: var(--nehodlX-bg);
    backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid var(--nehodlX-border); border-radius: var(--nehodlX-radius);
    box-shadow: var(--nehodlX-shadow); padding: 0 24px;
    display: flex; flex-direction: column; position: relative;
    transition: padding 0.5s var(--anim-curve);
}

/* --- المان‌های دسکتاپ --- */
.nehodlX-clipper {
    overflow: visible; height: 80px; opacity: 1; transform-origin: center top;
    transition: all 0.5s var(--anim-curve); margin-bottom: 0; position: relative; z-index: 20;
}

.nehodlX-top { display: flex; align-items: center; justify-content: space-between; height: 100%; border-bottom: 1px solid rgba(0,0,0,0.05); }
.dark-theme .nehodlX-top { border-bottom-color: rgba(255,255,255,0.05); }

.nehodlX-brand { transition: all 0.5s var(--anim-curve); transform-origin: right center; }
.nehodlX-brand img { height: 44px; width: auto; display: block; }

.nehodlX-search { flex: 1; max-width: 520px; margin: 0 40px; transition: all 0.4s ease; }
.nehodlX-search-box { display: flex; align-items: center; background: rgba(0,0,0,0.03); border: 2px solid transparent; border-radius: 14px; padding: 0 12px; height: 52px; transition: 0.3s; }
.dark-theme .nehodlX-search-box { background: rgba(255,255,255,0.03); }
.nehodlX-search-box:focus-within { background: rgba(255,255,255,0.8); border-color: var(--nehodlX-primary); box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15); }
.nehodlX-search-input { flex: 1; background: transparent; border: none; outline: none; color: var(--nehodlX-text); font-size: 14px; font-family: 'vazirX'; text-align: center; }
.nehodlX-kbd-shortcut { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid rgba(0,0,0,0.1); border-radius: 6px; color: var(--nehodlX-text-light); opacity: 0.6; }

/* دکمه‌ها */
.nehodlX-actions { display: flex; align-items: center; gap: 10px; position: relative; z-index: 30; }
.nehodlX-sq-btn, .nehodlX-theme-btn, .nehodlX-btn-update { position: relative; }

.nehodlX-theme-btn { width: 46px; height: 46px; border-radius: 12px; border: 1px solid var(--nehodlX-border); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--nehodlX-text); background: transparent; overflow: hidden; }
.nehodlX-icon-wrap { position: relative; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }

.nehodlX-sun, .nehodlX-moon { position: absolute; width: 24px; height: 24px; transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); }
.nehodlX-sun { opacity: 1; transform: scale(1) rotate(0deg); color: #f59e0b; }
.nehodlX-moon { opacity: 0; transform: scale(0.5) rotate(-90deg); color: #6366f1; }
.dark-theme .nehodlX-sun { opacity: 0; transform: scale(0.5) rotate(90deg); }
.dark-theme .nehodlX-moon { opacity: 1; transform: scale(1) rotate(0deg); }

.nehodlX-sq-btn { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid var(--nehodlX-border); border-radius: 12px; transition: 0.3s; color: var(--nehodlX-text); }
.nehodlX-sq-btn:hover { background: rgba(0,0,0,0.03); border-color: var(--nehodlX-text-light); }
.nehodlX-icon-anim { transition: transform 0.4s ease; width: 20px; height: 20px; }
.nehodlX-sq-btn:hover .nehodlX-icon-anim { transform: rotate(-10deg) scale(1.1); }

.nehodlX-btn-update { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid var(--nehodlX-border); border-radius: 12px; transition: 0.3s; color: var(--nehodlX-text); }
.nehodlX-btn-update:hover { background: rgba(0,0,0,0.03); border-color: var(--nehodlX-text-light); }
.nehodlX-update-icon { transition: transform 0.4s ease; width: 20px; height: 20px; }
.nehodlX-btn-update:hover .nehodlX-update-icon { transform: rotate(-180deg); }

.nehodlX-tooltip {
    position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%);
    background: #1e293b; color: #fff; padding: 6px 10px; border-radius: 8px; font-size: 11px; font-weight: 500;
    white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    pointer-events: none; z-index: 100000; box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.nehodlX-tooltip::before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-bottom-color: #1e293b; }
.nehodlX-btn-update:hover .nehodlX-tooltip, .nehodlX-sq-btn:hover .nehodlX-tooltip { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(4px); }

.nehodlX-account-group { display: flex; align-items: center; border: 1px solid var(--nehodlX-border); border-radius: 14px; padding: 4px; height: 46px; background: rgba(0,0,0,0.01); }
.dark-theme .nehodlX-account-group { background: rgba(255,255,255,0.01); }
.nehodlX-vip-part {
    display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 12px;
    color: var(--nehodlX-text); font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.3s;
    border-radius: 10px; height: 38px; line-height: 1;
}
.nehodlX-vip-part:hover { background: rgba(245, 158, 11, 0.1); color: #f59e0b; }
.nehodlX-divider { width: 1px; height: 20px; background: var(--nehodlX-border); margin: 0 12px; }

.nehodlX-login-part {
    display: flex; align-items: center; gap: 8px; padding: 0 20px;
    background: #0f172a; color: #ffffff !important; font-size: 13px; font-weight: 800;
    cursor: pointer; transition: all 0.3s ease; border-radius: 10px; height: 33px;
    box-shadow: 1px 0 16px 0  rgba(15, 23, 42, 0.15);
}
.nehodlX-login-part:hover { background: #334155; }
.dark-theme .nehodlX-login-part { background: #f8fafc; color: #0f172a !important; }
.dark-theme .nehodlX-login-part:hover { background: #ffffff; box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); }

/* --- لایه دوم (منو) --- */
.nehodlX-bottom { height: 60px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 10; }
.nehodlX-nav-wrap { display: flex; align-items: center; height: 100%; position: relative; }

.nehodlX-sticky-logo { width: 0; opacity: 0; overflow: hidden; transition: all 0.5s var(--anim-curve); display: flex; align-items: center; transform: translateY(20px) scale(1.1); flex-shrink: 0; /* اضافه شود تا لوگو فشرده نشود */ }
.nehodlX-sticky-logo img { height: 32px;height: 32px; 
    width: auto;
    object-fit: contain; 
    display: block; }

.nehodlX-menu ul { display: flex; gap: 4px; height: 100%; align-items: center; }
.nehodlX-menu li { height: 100%; display: flex; align-items: center; padding: 0 10px; }
.nehodlX-menu a { font-size: 14px; font-weight: 600; color: var(--nehodlX-text-light); transition: 0.2s; display: flex; align-items: center; gap: 6px; height: 100%; position: relative; }
.nehodlX-menu a:hover { color: var(--nehodlX-text); }
.dark-theme .nehodlX-menu a:hover { color: #fff; }
.nehodlX-menu-indicator { width: 14px; height: 14px; opacity: 0.5; transition: 0.3s; }
.nehodlX-has-mega:hover .nehodlX-menu-indicator { transform: rotate(180deg); opacity: 1; color: var(--nehodlX-primary); }

/* =================================================================
   استایل جدید مگامنو (طرح مشابه نشان)
   ================================================================= */
.nehodlX-has-mega { position: relative; height: 100%; display: flex; align-items: center; }

.nehodlX-dropdown {
    position: absolute; top: calc(100% + 35px); left: 50%;
    transform: translateX(-50%) translateY(10px) scale(0.96);
    transform-origin: top center;
    background: var(--nehodlX-menu-bg);
    /* حذف بلور برای شفافیت بیشتر و خوانایی بهتر مثل نشان */
    border: 1px solid var(--nehodlX-border); border-radius: 16px;
    padding: 8px; /* پدینگ کانتینر اصلی */
    box-shadow: 0 10px 40px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    opacity: 0; visibility: hidden; transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 10000;
}

.nehodlX-has-mega:hover .nehodlX-dropdown { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0) scale(1); }
.nehodlX-has-mega::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 50px; background: transparent; display: block; z-index: 1050; }

/* فلش بالای باکس */
.nehodlX-dropdown::before {
    content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); width: 12px; height: 12px;
    background: var(--nehodlX-menu-bg); border-top: 1px solid var(--nehodlX-border); border-left: 1px solid var(--nehodlX-border); border-radius: 2px; z-index: 1101;
}

.dark-theme .nehodlX-dropdown { box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.6); border-color: rgba(255,255,255,0.06); }
.dark-theme .nehodlX-dropdown::before { border-color: rgba(255,255,255,0.06); }

/* سایزبندی باکس‌ها */
.nehodlX-dropdown.small-mega-box { width: 340px; padding: 12px; } /* کمی عریض تر شد */
.nehodlX-dropdown.links-mega-box { width: 550px; padding: 16px; }

/* استایل گرید (شبکه‌ای) جدید */
.nehodlX-links-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

/* آیتم لیست به سبک کارت */
.nehodlX-list-item {
    display: flex;
    align-items: flex-start; /* آیکون بالا تراز شود */
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    color: var(--nehodlX-text);
    transition: all 0.2s ease;
    text-decoration: none !important;
    height: auto !important; /* ریست کردن ارتفاع لینک والد */
    background: transparent;
}

/* افکت هاور مثل نشان: پس زمینه روشن */
.nehodlX-list-item:hover {
    background: rgba(59, 130, 246, 0.06);
}
.dark-theme .nehodlX-list-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* آیکون */
.nehodlX-list-item i, .nehodlX-list-item svg {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px; /* تراز با خط اول متن */
    color: var(--nehodlX-text-light);
    transition: color 0.2s;
}

.nehodlX-list-item:hover i, .nehodlX-list-item:hover svg {
    color: var(--nehodlX-primary);
}

/* محتوای متنی آیتم */
.nehodlX-item-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nehodlX-item-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--nehodlX-text);
    line-height: 1.4;
}

.nehodlX-list-item:hover .nehodlX-item-title {
    color: var(--nehodlX-primary);
}
.dark-theme .nehodlX-list-item:hover .nehodlX-item-title {
    color: #fff;
}

.nehodlX-item-desc {
    font-size: 11px;
    color: var(--nehodlX-text-light);
    font-weight: 400;
    line-height: 1.4;
    opacity: 0.9;
}

/* هدر مگامنو (عنوان دسته‌بندی) */
.nehodlX-mega-head {
    display: flex;
    align-items: center;
    padding: 0 12px 10px 12px; /* تنظیم پدینگ */
    margin-bottom: 4px;
    border-bottom: 1px solid var(--nehodlX-border);
}
.nehodlX-mega-head.no-border { border-bottom: none; padding-bottom: 0; padding-top: 10px; margin-bottom: 8px; }

.nehodlX-mega-title {
    font-size: 13px;
    font-weight: 800;
    color: var(--nehodlX-text-light);
    display: flex; align-items: center; gap: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* دکمه فوتر مگامنو */
.nehodlX-mega-footer-btn {
    display: flex; align-items: center; justify-content: center;
    gap: 6px;
    margin-top: 8px; padding: 10px;
    background: rgba(59, 130, 246, 0.05); color: var(--nehodlX-primary);
    border-radius: 10px; font-weight: 700; font-size: 13px; transition: 0.3s;
    text-decoration: none !important;
}
.nehodlX-mega-footer-btn:hover { background: var(--nehodlX-primary); color: #fff; }

/* استایل خاص برای تبلیغات */
.nehodlX-ads-link .nehodlX-item-title { color: #f97316 !important; }
.nehodlX-ads-link i { color: #f97316 !important; }

/* انیمیشن ضربان قلب */
@keyframes heartBeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.3); }
    28% { transform: scale(1); }
    42% { transform: scale(1.3); }
    70% { transform: scale(1); }
}
.nehodlX-heart-anim { color: #ef4444 !important; animation: heartBeat 1.5s infinite; }

/* انیمیشن و ریسپانسیو دسکتاپ */
.nehodlX-sticky-actions { display: flex; align-items: center; gap: 8px; transform: translateX(-20px); opacity: 0; width: 0; overflow: hidden; transition: all 0.5s var(--anim-curve); pointer-events: none; }
.nehodlX-s-btn { display: flex; align-items: center; overflow: hidden; height: 38px; width: 38px; border-radius: 8px; background: transparent; border: 1px solid var(--nehodlX-border); color: var(--nehodlX-text); transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); padding: 0; cursor: pointer; text-decoration: none; }
.nehodlX-s-icon { min-width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; }
.nehodlX-s-text { font-size: 12px; font-weight: 700; white-space: nowrap; opacity: 0; max-width: 0; transform: translateX(10px); transition: all 0.3s ease; }
.nehodlX-s-btn:hover { width: auto; padding-left: 14px; background: rgba(59, 130, 246, 0.08); border-color: var(--nehodlX-primary); color: var(--nehodlX-primary); }
.nehodlX-s-btn:hover .nehodlX-s-text { opacity: 1; max-width: 100px; transform: translateX(0); }
.nehodlX-s-btn.login-sticky { width: auto; padding-left: 14px; background: var(--nehodlX-text); color: #fff; border-color: transparent; }
.nehodlX-s-btn.login-sticky .nehodlX-s-text { opacity: 1; max-width: 100px; transform: translateX(0); }
.nehodlX-s-btn.vip-sticky:hover { background: linear-gradient(135deg, #FFC107, #FF9800); color: #fff; border-color: transparent; }

.nehodlX-left-info { margin-right: auto; padding-left: 0; display: flex; align-items: center; height: 100%; justify-content: flex-end; min-width: 250px; }
.nehodlX-slide-text { font-size: 13px; font-weight: 600; color: var(--nehodlX-text-light); transition: opacity 0.5s; white-space: nowrap; display: flex; align-items: center; gap: 6px; }

.nehodlX-header.compact .nehodlX-clipper { height: 0; opacity: 0; transform: translateY(-25px) scale(0.9); visibility: hidden; margin: 0; overflow: hidden; }
.nehodlX-header.compact .nehodlX-brand { transform: translateY(-10px) translateX(20px) scale(0.8); opacity: 0; }
.nehodlX-header.compact .nehodlX-wrapper { border-radius: var(--nehodlX-radius); padding-top: 6px; padding-bottom: 6px; }
.nehodlX-header.compact .nehodlX-sticky-logo { width: 120px; opacity: 1; margin-left: 24px; transform: translateY(0) scale(1); }
.nehodlX-header.compact .nehodlX-sticky-actions { width: auto; opacity: 1; transform: translateX(0); pointer-events: auto; }
.nehodlX-header.compact .nehodlX-left-info { display: none; }

.nehodlX-progress-wrapper { position: absolute; bottom: -1px; left: 18px; right: 18px; height: 3px; overflow: hidden; z-index: 100; }
.nehodlX-progress-bar { height: 100%; width: 0%; background: #80808036; box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.2); border-radius: 2px; transition: width 0.1s linear; }
.dark-theme .nehodlX-progress-bar { background: #ffffff; box-shadow: 0 0 15px rgba(255, 255, 255, 0.5); }


/* ========================================================
   بخش اختصاصی موبایل
   ======================================================== */
.nehodlX-mobile-bar, .nehodlX-mobile-drawer, .nehodlX-overlay { display: none; }

@media (max-width: 1024px) {
    .nehodlX-desktop-only { display: none !important; }
    .nehodlX-left-info { display: none !important; }
    .nehodlX-sticky-actions { display: none !important; }

    .nehodlX-wrapper { height: 68px; padding: 0 16px; justify-content: center; }
    .nehodlX-header.compact .nehodlX-wrapper { height: 60px; padding: 0 16px; }

    /* نمایش نوار موبایل */
    .nehodlX-mobile-bar {
        display: flex; align-items: center; justify-content: space-between;
        width: 100%; height: 100%;
    }

    /* دکمه همبرگری (راست) + لوگوی تبلت */
    .mob-right-group {
        display: flex; align-items: center; gap: 8px;
    }

    .mob-hamburger {
        display: flex; align-items: center; justify-content: center;
        width: 42px; height: 42px;
        background: transparent; border: none; color: var(--nehodlX-text);
        cursor: pointer; padding: 0; margin-right: -8px;
    }

    /* استایل لوگوی تبلت (پیش‌فرض مخفی) */
    .tablet-logo { display: none; }

    /* سمت چپ: اکشن‌ها */
    .mob-left-actions { display: flex; align-items: center; gap: 8px; }

    .mob-icon-btn {
        width: 40px; height: 40px; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        border: 1px solid var(--nehodlX-border);
        color: var(--nehodlX-text); background: rgba(0,0,0,0.02);
        transition: 0.2s; cursor: pointer;
    }
    .dark-theme .mob-icon-btn { background: rgba(255,255,255,0.05); }

    .mob-account-btn {
        width: 40px; height: 40px; border-radius: 12px;
        display: flex; align-items: center; justify-content: center;
        background: #1e293b; color: #fff; border: none;
        box-shadow: 0 4px 12px rgba(30, 41, 59, 0.2);
    }
    .dark-theme .mob-account-btn { background: #3b82f6; color: #fff; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }

    /* --- منوی کشویی موبایل (Drawer) --- */
    .nehodlX-mobile-drawer {
        display: flex; flex-direction: column;
        position: fixed; top: 0; right: 0; bottom: 0;
        width: 85%; max-width: 320px;
        background: rgba(255, 255, 255, 0.916);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-left: 1px solid rgba(255, 255, 255, 0.6);
        box-shadow: -10px 0 40px rgba(0,0,0,0.1);
        z-index: 20000;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .dark-theme .nehodlX-mobile-drawer {
        background: rgba(15, 23, 42, 0.5);
        border-left: 1px solid rgba(255, 255, 255, 0.1);
    }

    .nehodlX-mobile-drawer.active { transform: translateX(0); }

    .nehodlX-overlay {
        display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.4); backdrop-filter: blur(4px);
        z-index: 15000; opacity: 0; visibility: hidden; transition: 0.3s;
    }
    .nehodlX-overlay.active { opacity: 1; visibility: visible; }

    /* محتویات منو */
    .drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); }
    .dark-theme .drawer-header { border-bottom-color: rgba(255,255,255,0.05); }

    .drawer-close { background: none; border: none; color: var(--nehodlX-text); cursor: pointer; }
    .drawer-body { flex: 1; overflow-y: auto; padding: 20px; }

    .drawer-search {
        background: rgba(255,255,255,0.4); border-radius: 12px;
        display: flex; align-items: center; padding: 0 12px; height: 48px;
        margin-bottom: 24px; border: 1px solid rgba(255,255,255,0.3);
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
    }
    .drawer-search:focus-within { background: rgba(255,255,255,0.85); border-color: var(--nehodlX-primary); box-shadow: 0 4px 15px rgba(59,130,246,0.15); }
    .dark-theme .drawer-search { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.05); }
    .dark-theme .drawer-search:focus-within { background: rgba(30, 41, 59, 0.8); }
    .drawer-search input { flex: 1; border: none; background: transparent; height: 100%; outline: none; color: var(--nehodlX-text); font-family: 'vazirX'; font-size: 14px; }

    /* لینک‌های اصلی */
    .drawer-nav li { display: block; margin-bottom: 6px; }
    .drawer-link {
        display: flex; align-items: center; justify-content: space-between;
        padding: 14px; border-radius: 12px; color: var(--nehodlX-text);
        font-weight: 700; font-size: 14px; transition: 0.2s; cursor: pointer;
    }
    .drawer-link:hover, .drawer-link.active { background: rgba(255, 255, 255, 0.4); color: var(--nehodlX-primary); }
    .dark-theme .drawer-link:hover { background: rgba(255,255,255,0.05); }

    /* --- استایل زیرمنوی درختی (Tree Branch Style) --- */
    .drawer-submenu {
        max-height: 0; overflow: hidden; transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1);
        background: transparent; margin-right: 22px; padding-right: 0;
        border-right: 2px solid var(--tree-line-color); position: relative;
    }

    .drawer-sub-link {
        display: flex; align-items: center; gap: 10px; padding: 12px 16px;
        font-size: 13px; font-weight: 500; color: var(--nehodlX-text-light);
        position: relative; margin-top: 2px; border-radius: 8px; transition: 0.2s;
    }

    .drawer-sub-link::before {
        content: ''; position: absolute; right: -18px; top: 50%;
        width: 14px; height: 2px; background: var(--tree-line-color);
        border-radius: 2px; transition: 0.2s;
    }

    .drawer-sub-link:hover {
        background: rgba(59, 130, 246, 0.1); color: var(--nehodlX-primary);
        transform: translateX(-4px);
    }

    .drawer-sub-link:hover::before {
        background: var(--nehodlX-primary); width: 18px; right: -22px;
    }

    .arrow-rotate { transition: 0.3s; }
    .drawer-link.active .arrow-rotate { transform: rotate(180deg); }

    .drawer-vip-box { margin-top: 20px; padding: 20px; border-top: 1px solid rgba(0,0,0,0.05); }
    .dark-theme .drawer-vip-box { border-top-color: rgba(255,255,255,0.05); }

    .drawer-vip-btn {
        display: flex; align-items: center; justify-content: center; gap: 8px;
        width: 100%; height: 50px; border-radius: 14px;
        background: linear-gradient(135deg, #f59e0b, #d97706);
        color: #fff; font-weight: 700; font-size: 15px;
        box-shadow: 0 8px 25px -4px rgba(245, 158, 11, 0.5);
        transition: 0.3s; border: 1px solid rgba(255,255,255,0.2);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-logo {
        display: block !important; 
        height: 32px; 
        width: auto; /* حفظ نسبت تصویر */
        object-fit: contain; /* جلوگیری از کشیده شدن */
        margin-right: 12px;
    }
}









         /* --- متغیرها --- */
     :root {
         --nehodlX-bg: #f8fafc;
         --nehodlX-border: #e2e8f0;
         --nehodlX-primary: #3b82f6;
         --nehodlX-primary-light: #eff6ff;
         --nehodlX-text: #334155;
         --nehodlX-text-light: #64748b;
     }

    /* --- تنظیمات عمومی --- */
    .nehodlX-footer-section {
        background-color: transparent;
        padding: 40px 0 20px;
        font-family: inherit;
        direction: rtl;
        line-height: 1.6;
    }

    .nehodlX-footer-section * { box-sizing: border-box; }

    .nehodlX-wrapper-footer {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        border: 1px solid var(--nehodlX-border);
    }

    /* --- بخش همکاران (اصلاح شده: لیبل سمت راست) --- */
    .partners-row {
        display: flex;
        align-items: center;
        padding: 15px 20px;
        border-bottom: 1px solid var(--nehodlX-border);
        gap: 20px;
    }

    /* چون RTL هستیم، اولین فرزند سمت راست قرار می‌گیرد */
    .partners-label {
        background: #fff7ed;
        color: #c2410c;
        padding: 6px 16px;
        border-radius: 50px;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #ffedd5;
    }

    .partners-marquee {
        flex: 1;
        overflow: hidden;
        mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);
        -webkit-mask-image: linear-gradient(to left, transparent, black 10%, black 90%, transparent);
    }

    .partners-track {
        display: flex;
        gap: 40px;
        white-space: nowrap;
        animation: scroll 40s linear infinite;
    }

    .partner-link {
        color: var(--nehodlX-text-light);
        font-size: 13px;
        font-weight: 500;
        text-decoration: none;
        transition: 0.3s;
    }
    .partner-link:hover { color: var(--nehodlX-primary); }
    @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } }

    /* --- گرید اصلی --- */
    .footer-main-grid {
        display: grid;
        grid-template-columns: 2.5fr 1.2fr 1fr;
        gap: 40px;
        padding: 40px 20px;
    }

    .col-title {
        font-size: 16px;
        font-weight: 800;
        color: var(--nehodlX-text);
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .col-title::before {
        content: ''; display: block; width: 4px; height: 20px; background: var(--nehodlX-primary); border-radius: 4px;
    }

    /* --- ستون درباره ما و دکمه‌ها --- */
    .about-text {
        font-size: 14px;
        color: var(--nehodlX-text-light);
        text-align: justify;
        margin-bottom: 25px;
        line-height: 1.8;
    }

    .quick-links-line {
        display: flex; align-items: center; flex-wrap: wrap; gap: 15px; margin-bottom: 25px; font-size: 13px; color: var(--nehodlX-text); font-weight: 700;
    }
    .quick-link { color: var(--nehodlX-text-light); font-weight: 500; text-decoration: none; position: relative; transition: 0.2s; }
    .quick-link:hover { color: var(--nehodlX-primary); }
    .quick-link:not(:last-child)::after { content: '|'; position: absolute; left: -10px; color: var(--nehodlX-border); font-weight: 300; }

    /* استایل جدید دکمه‌ها (۵۰-۵۰) */
    .action-buttons {
        display: flex;
        align-items: center;
        gap: 12px; /* فاصله بین دو گروه */
        width: 100%;
    }

    /* دکمه بزرگ سمت راست (۵۰ درصد) */
    .btn-more {
        width: calc(50% - 6px); /* نیمی از فضا منهای نصف فاصله */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 0;
        background: var(--nehodlX-primary-light);
        color: var(--nehodlX-primary);
        border-radius: 10px;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        transition: 0.3s;
        text-align: center;
    }
    .btn-more:hover { background: var(--nehodlX-primary); color: #fff; }

    /* گروه دکمه‌های سوشال سمت چپ (۵۰ درصد) */
    .social-group {
        width: calc(50% - 6px);
        display: flex;
        gap: 8px;
    }

    .btn-social {
        flex: 1; /* هر کدام نصف فضای باقی‌مانده */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 10px 0;
        border: 1px solid var(--nehodlX-border);
        border-radius: 50px;
        background: #fff;
        color: var(--nehodlX-text-light);
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s;
        white-space: nowrap;
    }
    .btn-social:hover { border-color: var(--nehodlX-primary); color: var(--nehodlX-primary); }

    /* --- ستون آمار --- */
    .stats-col { display: flex; flex-direction: column; gap: 15px; }
    .stat-card {
        display: flex; align-items: center; justify-content: space-between;
        background: #fff; border: 1px solid var(--nehodlX-border); border-radius: 12px; padding: 15px 20px; transition: 0.3s;
    }
    .stat-card:hover { border-color: var(--nehodlX-primary); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(59, 130, 246, 0.05); }
    .stat-right { display: flex; align-items: center; gap: 12px; }
    .stat-icon { color: var(--nehodlX-primary); width: 20px; height: 20px; }
    .stat-label { font-size: 13px; font-weight: 600; color: var(--nehodlX-text); }
    .stat-number { font-size: 14px; font-weight: 800; color: var(--nehodlX-text); direction: ltr; }

    /* --- ستون اعتماد --- */
    .col-trust { display: flex; flex-direction: column; }
    .trust-box {
        background: #fff; border: 1px solid var(--nehodlX-border); border-radius: 16px; padding: 20px;
        display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 150px;
    }
    .trust-img { width: 100%; max-width: 120px; height: auto; object-fit: contain; }

    /* --- فوتر پایین --- */
    .footer-bottom {
        border-top: 1px solid var(--nehodlX-border); padding: 20px;
        display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px;
    }
    .copyright { font-size: 12px; color: var(--nehodlX-text-light); }
    .copyright strong { color: var(--nehodlX-text); }
    .bottom-left { display: flex; align-items: center; gap: 15px; }
    .back-to-top {
        background: #fff; border: 1px solid var(--nehodlX-border); padding: 6px 14px; border-radius: 50px;
        font-size: 12px; color: var(--nehodlX-text-light); cursor: pointer; display: flex; align-items: center; gap: 6px; transition: 0.3s;
    }
    .back-to-top:hover { border-color: var(--nehodlX-text); color: var(--nehodlX-text); }
    .designer-credit {
        display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--nehodlX-text-light);
        background: #f1f5f9; padding: 6px 12px; border-radius: 50px;
    }
    .designer-link { font-weight: 800; color: var(--nehodlX-primary); text-decoration: none; direction: ltr; }

/* ========== بهبود ریسپانسیو فوتر ========== */
/* این استایل‌ها باید بعد از استایل‌های اصلی فوتر قرار بگیرند */

/* Tablet - 1024px و کمتر */
@media (max-width: 1024px) {
    .nehodlX-wrapper-footer {
        padding: 30px 20px;
    }
    
    .footer-main-grid { 
        grid-template-columns: 1fr 1fr; 
        gap: 30px;
        padding: 30px 15px;
    }
    
    .footer-main-grid > div:first-child { 
        grid-column: span 2; 
    }
    
    /* Partner marquee in tablets */
    .partners-row {
        padding: 20px 15px;
    }
    
    .partners-label {
        font-size: 13px;
        padding: 8px 14px;
    }
    
    .partner-link {
        font-size: 12px;
        padding: 0 14px;
    }
}

/* Mobile - 768px و کمتر */
@media (max-width: 768px) {
    .nehodlX-wrapper-footer {
        padding: 20px 15px;
    }
    
    /* Partners Row */
    .partners-row { 
        flex-direction: column; 
        align-items: flex-start; 
        gap: 15px;
        padding: 20px 12px;
    }
    
    .partners-label {
        width: 100%;
        font-size: 12px;
        padding: 8px 12px;
    }
    
    .partners-marquee {
        width: 100%;
    }
    
    /* Main Grid */
    .footer-main-grid { 
        grid-template-columns: 1fr !important; 
        display: flex !important; 
        flex-direction: column !important; 
        gap: 30px;
        padding: 30px 12px;
    }
    
    /* Column Titles */
    .col-title {
        font-size: 15px;
        margin-bottom: 15px;
    }
    
    /* About Column */
    .about-text {
        font-size: 13px;
        line-height: 1.9;
        margin-bottom: 20px;
    }
    
    /* Quick Links */
    .quick-links-line {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        font-size: 12px;
    }
    
    .quick-link:not(:last-child)::after {
        display: none;
    }
    
    /* Action Buttons - Stack Vertically */
    .action-buttons { 
        flex-direction: column !important; 
        gap: 10px;
    }
    
    .btn-more, .social-group { 
        width: 100% !important; 
    }
    
    .btn-more {
        padding: 12px 0;
        font-size: 14px;
    }
    
    .social-group {
        gap: 10px;
    }
    
    .btn-social {
        padding: 12px 0;
        font-size: 13px;
    }
    
    /* Stats Column */
    .stats-col {
        gap: 12px;
    }
    
    .stat-card {
        padding: 12px 15px;
    }
    
    .stat-label {
        font-size: 12px;
    }
    
    .stat-number {
        font-size: 13px;
    }
    
    /* Trust Column */
    .trust-box {
        padding: 15px;
        min-height: 120px;
    }
    
    .trust-img {
        max-width: 100px;
    }
    
    /* Footer Bottom */
    .footer-bottom { 
        flex-direction: column !important; 
        text-align: center !important; 
        gap: 12px;
        padding: 15px;
    }
    
    .copyright {
        font-size: 11px;
    }
    
    .bottom-left { 
        flex-direction: column-reverse !important; 
        gap: 10px;
    }
    
    .back-to-top {
        font-size: 11px;
        padding: 8px 16px;
    }
    
    .designer-credit {
        font-size: 11px;
        padding: 8px 14px;
    }
}

/* Small Mobile - 480px و کمتر */
@media (max-width: 480px) {
    .nehodlX-wrapper-footer {
        padding: 15px 10px;
    }
    
    .partners-row {
        padding: 15px 10px;
    }
    
    .partner-link {
        font-size: 11px;
        padding: 0 12px;
    }
    
    .footer-main-grid {
        padding: 20px 10px;
        gap: 25px;
    }
    
    .col-title {
        font-size: 14px;
    }
    
    .about-text {
        font-size: 12px;
        line-height: 2;
    }
    
    .quick-links-line {
        font-size: 11px;
    }
    
    .btn-more {
        font-size: 13px;
        padding: 10px 0;
    }
    
    .btn-social {
        font-size: 12px;
        padding: 10px 0;
    }
    
    .stat-card {
        padding: 10px 12px;
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    
    .stat-right {
        flex-direction: column;
        gap: 6px;
    }
    
    .trust-box {
        padding: 12px;
        min-height: 100px;
    }
    
    .trust-img {
        max-width: 80px;
    }
    
    .footer-bottom {
        padding: 12px 10px;
    }
}
    #nehodlXSearchInput{
	border-width:0px !important;
	
}
/* --- اصلاح لوگوی داخل drawer موبایل --- */
.drawer-header img {
    height: 36px; /* ارتفاع مناسب */
    width: auto; /* حفظ نسبت */
    object-fit: contain; /* جلوگیری از deformation */
    max-width: 140px; /* محدودیت عرض در صورت نیاز */
}

/* --- اطمینان از رفتار صحیح تمام تصاویر لوگو --- */
.nehodlX-brand img,
.nehodlX-sticky-logo img,
.tablet-logo,
.drawer-header img {
    display: block;
    object-fit: contain; /* حفظ نسبت ابعاد */
}

/* --- فیکس اضافی برای موبایل --- */
@media (max-width: 1024px) {
    .mob-right-group {
        display: flex; 
        align-items: center; 
        gap: 8px;
        flex-shrink: 0; /* جلوگیری از فشرده شدن */
    }
    
    .tablet-logo {
        height: 32px;
        width: auto;
        object-fit: contain;
        flex-shrink: 0; /* اضافه شد */
    }
}
/* --- حذف کلاس slide-up و جایگزینی با کلاس جدید برای موقعیت هدر --- */
.nehodlX-header.notif-closed {
    top: 12px; /* وقتی نوتیف بسته شد، هدر کمی بالاتر می‌رود */
}

/* لوگوی sticky فقط در حالت compact (اسکرول) نمایش داده شود */
.nehodlX-header.compact .nehodlX-sticky-logo {
    width: 140px;
    opacity: 1;
    transform: translateY(0) scale(1);
    margin-left: 15px;
}

/* حذف استایل قبلی که لوگو را با slide-up نمایش می‌داد */
.nehodlX-header.slide-up .nehodlX-sticky-logo {
    /* این بخش حذف یا کامنت شود */
}

/* ==================== بهبود دارک مود فوتر ==================== */
.dark-theme .nehodlX-wrapper-footer {
    background: #0f172a;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.dark-theme .partners-row {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.dark-theme .partners-label {
    background: #1e293b;
    color: #fb923c;
    border-color: #334155;
}

.dark-theme .partner-link {
    color: #94a3b8;
}
.dark-theme .partner-link:hover {
    color: #3b82f6;
}

.dark-theme .col-title {
    color: #f1f5f9;
}

.dark-theme .about-text {
    color: #cbd5e1;
}

.dark-theme .quick-link {
    color: #94a3b8;
}
.dark-theme .quick-link:hover {
    color: #3b82f6;
}

.dark-theme .btn-more {
    background: rgba(59, 130, 246, 0.15);
    color: #93bbfd;
}
.dark-theme .btn-more:hover {
    background: #3b82f6;
    color: #ffffff;
}

.dark-theme .btn-social {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
}
.dark-theme .btn-social:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.15);
}

.dark-theme .stat-card {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .stat-card:hover {
    border-color: #3b82f6;
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.2);
}

.dark-theme .stat-label,
.dark-theme .stat-number {
    color: #f1f5f9;
}

.dark-theme .trust-box {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-theme .copyright {
    color: #94a3b8;
}
.dark-theme .copyright strong {
    color: #f1f5f9;
}

.dark-theme .back-to-top {
    background: #1e293b;
    border-color: rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
}
.dark-theme .back-to-top:hover {
    border-color: #f1f5f9;
    color: #f1f5f9;
}

.dark-theme .designer-credit {
    background: #1e293b;
    color: #cbd5e1;
}

/* یکسان‌سازی border-radius دکمه‌های اجتماعی */
.btn-social {
    border-radius: 10px !important; /* همانند دکمه بیشتر بشناسید */
}
/* Nehodlx moon */
.dark-theme .nehodlX-theme-btn .nehodlX-icon-wrap .nehodlX-moon {
	color: #ffffff !important;
}

/* Nehodlx */
.dark-theme .nehodlX-top .nehodlX-actions .nehodlX-sq-btn {
	background-color: transparent !important;
	border-color: rgba(255, 255, 255, 0.33) !important;
}

/* Nehodlx theme */
.dark-theme .nehodlX-top .nehodlX-actions .nehodlX-theme-btn {
	border-color: rgba(255, 255, 255, 0.33) !important;
}

/* Nehodlx account group */
.dark-theme .nehodlX-top .nehodlX-actions .nehodlX-account-group {
	border-color: rgba(255, 255, 255, 0.33) !important;
}

/* Nehodlx login part */
.dark-theme .nehodlX-actions .nehodlX-account-group .nehodlX-login-part {
	background-color: #ffd201 !important;
}

/* Link */
.dark-theme .nehodlX-menu ul a {
	color: #ffffff !important;
}

/* Nehodlx search input */
.dark-theme #nehodlXSearchInput {
	border-width: 0px !important;
}

/* Form Division */
.dark-theme .nehodlX-top .nehodlX-search form {
	background-color: rgba(189, 195, 199, 0.09) !important;
}

/* Nehodlx slide text */
.dark-theme #nehodlXSlideText {
	color: #ffffff !important;
}

/* Nehodlx */
.dark-theme .nehodlX-bottom .nehodlX-s-btn:nth-child(5) {
	background-color: #ffd400 !important;
	color: #161111 !important;
}

/* Reading progress */
.dark-theme #readingProgress {
	background-color: rgba(255, 255, 255, 0.18) !important;
}
.dark-theme .nehodlX-bottom .nehodlX-main-theme{
	color:#ffffff !important;
	
}

#notifClose {
    border: none;
    color: #FFFFFF;
}