/* ═══════════════════════════════════════════════════════════════
   DARK MODE - FULLY AUTOMATIC v3.0
   فقط با تم سیستم عامل - بدون دکمه
   انیمیشن هدر حفظ شده
   ═══════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════
   SWITCHING - فقط رنگ‌ها، نه حرکت
   * و *::before حذف شد تا انیمیشن هدر خراب نشود
   ═══════════════════════════════════════════════════════════════ */
html.dm-switching body,
html.dm-switching .fl-info,
html.dm-switching .fl-bar,
html.dm-switching .fl-nav,
html.dm-switching .fl-submenu,
html.dm-switching .fl-drawer,
html.dm-switching .fl-drawer-head,
html.dm-switching .fl-search-pop,
html.dm-switching .glass-card,
html.dm-switching .hero-card,
html.dm-switching .btn-secondary,
html.dm-switching .glass-footer,
html.dm-switching .fc-panel,
html.dm-switching .sr-card,
html.dm-switching .sr-product-card,
html.dm-switching .sr-blog-card,
html.dm-switching .nf-glass-card,
html.dm-switching details,
html.dm-switching blockquote,
html.dm-switching input,
html.dm-switching textarea,
html.dm-switching select,
html.dm-switching thead th,
html.dm-switching tbody td {
    transition:
        background-color 0.4s ease,
        color 0.35s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}

/* هدر: transition رنگ + حرکت با هم */
html.dm-switching .fl-header,
html.dm-switching .fl-header-group .fl-header {
    transition:
        background-color 0.4s ease,
        color 0.35s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        opacity 0.35s ease,
        transform 0.35s ease,
        max-height 0.4s ease,
        visibility 0.35s ease !important;
}


/* ═══════════════════════════════════════════════════════════════
   DARK MODE با prefers-color-scheme
   ═══════════════════════════════════════════════════════════════ */


/* ── MANUAL OR AUTO DARK MODE (html.dark-mode / [data-theme=dark]) ── */
html.dark-mode /* ═══════════════════════════════════════════
       VARIABLES
       ═══════════════════════════════════════════ */
    :root,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       VARIABLES
       ═══════════════════════════════════════════ */
    :root {
        --primary: #2a5a8c;
        --primary-dark: #1a3d5c;
        --accent: #E67E22;
        --accent-hover: #D35400;
        --text-dark: #e8e8e8;
        --text-medium: #bbb;
        --text-light: #888;
        --bg-white: #111827;
        --bg-soft: #0d1526;
        --border: rgba(255, 255, 255, 0.08);
        --glass: rgba(30, 41, 59, 0.72);
        --shadow: 0 10px 40px rgba(0, 0, 0, 0.3);

        --fl-primary: #2a5a8c;
        --fl-primary-dark: #1a3d5c;
        --fl-accent: #E67E22;
        --fl-accent-hover: #D35400;
        --fl-text: #ccc;
        --fl-text-light: #999;
        --fl-glass-bg: rgba(15, 22, 38, 0.85);
        --fl-glass-border: rgba(255, 255, 255, 0.06);

        /* مقدار max-height هدر باز */
        --fl-header-max: 260px;

        color-scheme: dark;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       BODY
       ═══════════════════════════════════════════ */
    html,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       BODY
       ═══════════════════════════════════════════ */
    html,
html.dark-mode body,
html[data-theme="dark"] body {
        background: #0b1120 !important;
        background-color: #0b1120 !important;
        color: #d5d5d5 !important;
    
}
html.dark-mode body::before,
html[data-theme="dark"] body::before {
        background-image:
            linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px) !important;
    
}
html.dark-mode .blur-shape,
html[data-theme="dark"] .blur-shape,
html.dark-mode .shape-1,
html[data-theme="dark"] .shape-1,
html.dark-mode .shape-2,
html[data-theme="dark"] .shape-2 {
        opacity: 0.05 !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       TYPOGRAPHY
       ═══════════════════════════════════════════ */
    h1,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       TYPOGRAPHY
       ═══════════════════════════════════════════ */
    h1,
html.dark-mode h2,
html[data-theme="dark"] h2,
html.dark-mode h3,
html[data-theme="dark"] h3,
html.dark-mode h4,
html[data-theme="dark"] h4,
html.dark-mode h5,
html[data-theme="dark"] h5,
html.dark-mode h6,
html[data-theme="dark"] h6 {
        color: #efefef !important;
    
}
html.dark-mode p,
html[data-theme="dark"] p,
html.dark-mode li,
html[data-theme="dark"] li,
html.dark-mode td,
html[data-theme="dark"] td,
html.dark-mode label,
html[data-theme="dark"] label {
        color: #a8a8a8 !important;
    
}
html.dark-mode strong,
html[data-theme="dark"] strong,
html.dark-mode b,
html[data-theme="dark"] b {
        color: #ddd !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       ██ HEADER - اصلاح انیمیشن ██
       display:none حذف شد - از opacity/visibility استفاده می‌شود
       ═══════════════════════════════════════════ */
    .fl-header,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       ██ HEADER - اصلاح انیمیشن ██
       display:none حذف شد - از opacity/visibility استفاده می‌شود
       ═══════════════════════════════════════════ */
    .fl-header,
html.dark-mode .fl-header-group .fl-header,
html[data-theme="dark"] .fl-header-group .fl-header {
        max-height: var(--fl-header-max);
        overflow: hidden;
        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s ease,
            max-height 0.4s ease,
            margin 0.35s ease,
            padding 0.35s ease,
            border-width 0.3s ease,
            background-color 0.4s ease,
            border-color 0.3s ease,
            box-shadow 0.3s ease !important;
        will-change: opacity, transform, max-height;
    
}
html.dark-mode /* حالت مخفی - بدون display:none */
    .fl-header.h-hidden,
html[data-theme="dark"] /* حالت مخفی - بدون display:none */
    .fl-header.h-hidden {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) !important;
        max-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    
}
html.dark-mode /* حالت نمایش */
    .fl-header:not(.h-hidden),
html[data-theme="dark"] /* حالت نمایش */
    .fl-header:not(.h-hidden) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    
}
html.dark-mode /* ─────── INFO BAR ─────── */
    .fl-info,
html[data-theme="dark"] /* ─────── INFO BAR ─────── */
    .fl-info {
        background: linear-gradient(135deg,
            rgba(8, 12, 24, .92),
            rgba(15, 22, 38, .88)) !important;
        background-color: rgba(8, 12, 24, .92) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow: 0 -2px 24px rgba(0, 0, 0, .4) !important;
    
}
html.dark-mode .fl-header-group.stuck .fl-info,
html[data-theme="dark"] .fl-header-group.stuck .fl-info {
        background: linear-gradient(135deg,
            rgba(8, 12, 24, .97),
            rgba(15, 22, 38, .95)) !important;
        background-color: rgba(8, 12, 24, .97) !important;
        border-bottom-color: rgba(255, 255, 255, .04) !important;
        box-shadow: 0 2px 24px rgba(0, 0, 0, .5) !important;
    
}
html.dark-mode .fl-info-chip,
html[data-theme="dark"] .fl-info-chip {
        color: rgba(255, 255, 255, .70) !important;
    
}
html.dark-mode .fl-info-chip:hover,
html[data-theme="dark"] .fl-info-chip:hover {
        color: var(--fl-accent) !important;
    
}
html.dark-mode .fl-info-sep,
html[data-theme="dark"] .fl-info-sep {
        background: rgba(255, 255, 255, .08) !important;
    
}
html.dark-mode .fl-info-social,
html[data-theme="dark"] .fl-info-social {
        color: rgba(255, 255, 255, .55) !important;
    
}
html.dark-mode .fl-info-social:hover,
html[data-theme="dark"] .fl-info-social:hover {
        color: var(--fl-accent) !important;
    
}
html.dark-mode /* ─────── MAIN BAR ─────── */
    .fl-bar,
html[data-theme="dark"] /* ─────── MAIN BAR ─────── */
    .fl-bar {
        background: rgba(15, 22, 38, .85) !important;
        background-color: rgba(15, 22, 38, .85) !important;
        backdrop-filter: blur(42px) saturate(1.8) !important;
        -webkit-backdrop-filter: blur(42px) saturate(1.8) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow:
            0 10px 50px rgba(0, 0, 0, .35),
            inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    
}
html.dark-mode /* ─────── LOGO ─────── */
    .fl-logo-name,
html[data-theme="dark"] /* ─────── LOGO ─────── */
    .fl-logo-name {
        color: #f0f0f0 !important;
    
}
html.dark-mode .fl-logo-desc,
html[data-theme="dark"] .fl-logo-desc {
        color: rgba(255, 255, 255, .5) !important;
    
}
html.dark-mode /* ─────── NAV ─────── */
    .fl-nav,
html[data-theme="dark"] /* ─────── NAV ─────── */
    .fl-nav {
        background: rgba(255, 255, 255, .04) !important;
    
}
html.dark-mode .fl-nav-link,
html[data-theme="dark"] .fl-nav-link,
html.dark-mode .fl-drop-link,
html[data-theme="dark"] .fl-drop-link,
html.dark-mode .fl-drop-arrow-btn,
html[data-theme="dark"] .fl-drop-arrow-btn {
        color: #ccc !important;
    
}
html.dark-mode .fl-nav-link:hover,
html[data-theme="dark"] .fl-nav-link:hover {
        color: #fff !important;
        background: rgba(255, 255, 255, .07) !important;
    
}
html.dark-mode .fl-nav-link.active,
html[data-theme="dark"] .fl-nav-link.active {
        color: #fff !important;
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        box-shadow: 0 4px 14px rgba(230, 126, 34, .25) !important;
    
}
html.dark-mode .fl-drop:hover .fl-drop-trigger,
html[data-theme="dark"] .fl-drop:hover .fl-drop-trigger {
        background: rgba(255, 255, 255, .07) !important;
    
}
html.dark-mode .fl-drop-link:hover,
html[data-theme="dark"] .fl-drop-link:hover,
html.dark-mode .fl-drop-link.active,
html[data-theme="dark"] .fl-drop-link.active {
        color: #fff !important;
    
}
html.dark-mode .fl-drop-arrow-btn:hover,
html[data-theme="dark"] .fl-drop-arrow-btn:hover {
        background: rgba(255, 255, 255, .07) !important;
    
}
html.dark-mode /* ─────── SUBMENU ─────── */
    .fl-submenu,
html[data-theme="dark"] /* ─────── SUBMENU ─────── */
    .fl-submenu,
html.dark-mode .sub-menu,
html[data-theme="dark"] .sub-menu,
html.dark-mode .dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
        background: rgba(15, 22, 38, 0.78) !important;
        backdrop-filter: blur(32px) saturate(2) !important;
        -webkit-backdrop-filter: blur(32px) saturate(2) !important;
        border-color: rgba(255, 255, 255, .1) !important;
        box-shadow:
            0 20px 60px rgba(0, 0, 0, .6),
            0 4px 16px rgba(0, 0, 0, .35),
            inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    
}
html.dark-mode .fl-submenu-link,
html[data-theme="dark"] .fl-submenu-link {
        color: #bbb !important;
    
}
html.dark-mode .fl-submenu-link:hover,
html[data-theme="dark"] .fl-submenu-link:hover {
        background: linear-gradient(135deg,
            rgba(230, 126, 34, .15),
            rgba(230, 126, 34, .06)) !important;
        color: #fff !important;
    
}
html.dark-mode /* ─────── ICON BUTTONS ─────── */
    .fl-icon-btn,
html[data-theme="dark"] /* ─────── ICON BUTTONS ─────── */
    .fl-icon-btn,
html.dark-mode .fl-burger,
html[data-theme="dark"] .fl-burger,
html.dark-mode .fl-drawer-close,
html[data-theme="dark"] .fl-drawer-close {
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        border-color: rgba(255, 255, 255, .12) !important;
    
}
html.dark-mode /* ─────── SEARCH POPUP ─────── */
    .fl-search-pop,
html[data-theme="dark"] /* ─────── SEARCH POPUP ─────── */
    .fl-search-pop {
        background: rgba(10, 15, 28, .85) !important;
        border-color: rgba(255, 255, 255, .07) !important;
        box-shadow: 0 24px 64px rgba(0, 0, 0, .5) !important;
    
}
html.dark-mode .fl-search-field,
html[data-theme="dark"] .fl-search-field {
        background: rgba(255, 255, 255, .05) !important;
        border-color: rgba(255, 255, 255, .08) !important;
    
}
html.dark-mode .fl-search-field:focus-within,
html[data-theme="dark"] .fl-search-field:focus-within {
        border-color: rgba(230, 126, 34, .35) !important;
        background: rgba(255, 255, 255, .08) !important;
    
}
html.dark-mode .fl-search-field svg,
html[data-theme="dark"] .fl-search-field svg {
        stroke: rgba(255, 255, 255, .5) !important;
    
}
html.dark-mode .fl-search-field input,
html[data-theme="dark"] .fl-search-field input {
        color: #fff !important;
    
}
html.dark-mode .fl-search-field input::placeholder,
html[data-theme="dark"] .fl-search-field input::placeholder {
        color: rgba(255, 255, 255, .4) !important;
    
}
html.dark-mode /* ─────── OVERLAY ─────── */
    .fl-overlay,
html[data-theme="dark"] /* ─────── OVERLAY ─────── */
    .fl-overlay {
        background: rgba(0, 0, 0, .5) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       DRAWER
       ═══════════════════════════════════════════ */
    .fl-drawer,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       DRAWER
       ═══════════════════════════════════════════ */
    .fl-drawer {
        background: rgba(10, 15, 28, .92) !important;
        background-color: rgba(10, 15, 28, .92) !important;
        backdrop-filter: blur(52px) saturate(2.2) !important;
        -webkit-backdrop-filter: blur(52px) saturate(2.2) !important;
        border-color: rgba(255, 255, 255, .07) !important;
        box-shadow: 0 24px 80px rgba(0, 0, 0, .5) !important;
    
}
html.dark-mode .fl-drawer::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fl-drawer::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .1) !important;
    
}
html.dark-mode .fl-drawer-head,
html[data-theme="dark"] .fl-drawer-head {
        background: rgba(8, 12, 22, .95) !important;
        background-color: rgba(8, 12, 22, .95) !important;
        border-bottom-color: rgba(255, 255, 255, .06) !important;
    
}
html.dark-mode .fl-drawer-link,
html[data-theme="dark"] .fl-drawer-link,
html.dark-mode .fl-drawer-acc-link,
html[data-theme="dark"] .fl-drawer-acc-link {
        color: #ccc !important;
    
}
html.dark-mode .fl-drawer-link:hover,
html[data-theme="dark"] .fl-drawer-link:hover,
html.dark-mode .fl-drawer-acc-link:hover,
html[data-theme="dark"] .fl-drawer-acc-link:hover {
        background: rgba(255, 255, 255, .06) !important;
        color: #fff !important;
    
}
html.dark-mode .fl-drawer-link.active,
html[data-theme="dark"] .fl-drawer-link.active {
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        color: #fff !important;
        box-shadow: 0 4px 16px rgba(230, 126, 34, .25) !important;
    
}
html.dark-mode .fl-drawer-acc-trigger:hover,
html[data-theme="dark"] .fl-drawer-acc-trigger:hover {
        background: rgba(255, 255, 255, .04) !important;
    
}
html.dark-mode .fl-drawer-acc-toggle,
html[data-theme="dark"] .fl-drawer-acc-toggle {
        color: rgba(255, 255, 255, .5) !important;
        border-right-color: rgba(255, 255, 255, .06) !important;
    
}
html.dark-mode .fl-drawer-acc-toggle:hover,
html[data-theme="dark"] .fl-drawer-acc-toggle:hover {
        background: rgba(255, 255, 255, .07) !important;
        color: #fff !important;
    
}
html.dark-mode .fl-drawer-subs,
html[data-theme="dark"] .fl-drawer-subs {
        background: rgba(255, 255, 255, .03) !important;
        border-color: rgba(255, 255, 255, .05) !important;
    
}
html.dark-mode .fl-drawer-sub,
html[data-theme="dark"] .fl-drawer-sub {
        color: rgba(255, 255, 255, .55) !important;
    
}
html.dark-mode .fl-drawer-sub:hover,
html[data-theme="dark"] .fl-drawer-sub:hover {
        background: rgba(255, 255, 255, .06) !important;
        color: #fff !important;
    
}
html.dark-mode .fl-drawer-foot,
html[data-theme="dark"] .fl-drawer-foot {
        border-top-color: rgba(255, 255, 255, .06) !important;
    
}
html.dark-mode .fl-drawer-info-item,
html[data-theme="dark"] .fl-drawer-info-item {
        background: rgba(255, 255, 255, .04) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        color: #ccc !important;
    
}
html.dark-mode .fl-drawer-info-item:hover,
html[data-theme="dark"] .fl-drawer-info-item:hover {
        background: rgba(255, 255, 255, .07) !important;
        color: #fff !important;
    
}
html.dark-mode .fl-drawer-search,
html[data-theme="dark"] .fl-drawer-search {
        background: rgba(255, 255, 255, .04) !important;
        border-color: rgba(255, 255, 255, .06) !important;
    
}
html.dark-mode .fl-drawer-search svg,
html[data-theme="dark"] .fl-drawer-search svg {
        stroke: rgba(255, 255, 255, .4) !important;
    
}
html.dark-mode .fl-drawer-search input,
html[data-theme="dark"] .fl-drawer-search input {
        color: #fff !important;
    
}
html.dark-mode .fl-drawer-search input::placeholder,
html[data-theme="dark"] .fl-drawer-search input::placeholder {
        color: rgba(255, 255, 255, .35) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       BREADCRUMB
       ═══════════════════════════════════════════ */
    .fl-breadcrumb-inner,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       BREADCRUMB
       ═══════════════════════════════════════════ */
    .fl-breadcrumb-inner {
        background: rgba(15, 22, 38, .55) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, .2) !important;
    
}
html.dark-mode .fl-bc-item,
html[data-theme="dark"] .fl-bc-item {
        color: rgba(255, 255, 255, .55) !important;
    
}
html.dark-mode a.fl-bc-item:hover,
html[data-theme="dark"] a.fl-bc-item:hover,
html.dark-mode .fl-bc-current,
html[data-theme="dark"] .fl-bc-current {
        color: #fff !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       SPACER
       ═══════════════════════════════════════════ */
    .fl-spacer,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       SPACER
       ═══════════════════════════════════════════ */
    .fl-spacer {
        background: transparent !important;
        background-color: transparent !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       GLASS CARDS
       ═══════════════════════════════════════════ */
    .glass-card,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       GLASS CARDS
       ═══════════════════════════════════════════ */
    .glass-card,
html.dark-mode .hero-card,
html[data-theme="dark"] .hero-card,
html.dark-mode .hero-badge,
html[data-theme="dark"] .hero-badge {
        background: rgba(30, 41, 59, 0.6) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       BUTTONS
       ═══════════════════════════════════════════ */
    .btn-secondary,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       BUTTONS
       ═══════════════════════════════════════════ */
    .btn-secondary {
        background: rgba(30, 41, 59, 0.65) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #ddd !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       TABLE
       ═══════════════════════════════════════════ */
    thead th,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       TABLE
       ═══════════════════════════════════════════ */
    thead th {
        background: linear-gradient(135deg, #0d1526, #1a2744) !important;
        color: #fff !important;
    
}
html.dark-mode tbody td,
html[data-theme="dark"] tbody td {
        background: rgba(30, 41, 59, 0.35) !important;
        border-color: rgba(255, 255, 255, 0.04) !important;
        color: #bbb !important;
    
}
html.dark-mode tbody tr:nth-child(even) td,
html[data-theme="dark"] tbody tr:nth-child(even) td {
        background: rgba(30, 41, 59, 0.5) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       FAQ
       ═══════════════════════════════════════════ */
    details,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       FAQ
       ═══════════════════════════════════════════ */
    details {
        background: rgba(30, 41, 59, 0.55) !important;
        border-color: rgba(255, 255, 255, 0.05) !important;
    
}
html.dark-mode summary,
html[data-theme="dark"] summary {
        color: #e0e0e0 !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       IMAGES
       ═══════════════════════════════════════════ */
    img:not([class*="logo"]),
html[data-theme="dark"] /* ═══════════════════════════════════════════
       IMAGES
       ═══════════════════════════════════════════ */
    img:not([class*="logo"]) {
        filter: brightness(0.88) contrast(1.02);
    
}
html.dark-mode /* ═══════════════════════════════════════════
       FOOTER
       ═══════════════════════════════════════════ */
    .glass-footer,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       FOOTER
       ═══════════════════════════════════════════ */
    .glass-footer {
        background: linear-gradient(180deg,
            transparent 0%,
            rgba(6, 10, 18, 0.97) 10%,
            #030610 100%) !important;
    
}
html.dark-mode .gf-contact-card,
html[data-theme="dark"] .gf-contact-card {
        background: rgba(255, 255, 255, 0.025) !important;
        border-color: rgba(255, 255, 255, 0.04) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       FLOATING CONTACT
       ═══════════════════════════════════════════ */
    .fc-toggle,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       FLOATING CONTACT
       ═══════════════════════════════════════════ */
    .fc-toggle,
html.dark-mode #fcToggle,
html[data-theme="dark"] #fcToggle {
        background: linear-gradient(135deg, #E67E22, #D35400) !important;
    
}
html.dark-mode .fc-toggle.fc-open,
html[data-theme="dark"] .fc-toggle.fc-open,
html.dark-mode #fcToggle.fc-open,
html[data-theme="dark"] #fcToggle.fc-open {
        background: linear-gradient(135deg, #1a2744, #0d1526) !important;
    
}
html.dark-mode .fc-panel,
html[data-theme="dark"] .fc-panel,
html.dark-mode #fcPanel,
html[data-theme="dark"] #fcPanel {
        background: rgba(10, 15, 28, 0.96) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
    
}
html.dark-mode .fc-stt,
html[data-theme="dark"] .fc-stt,
html.dark-mode #fcStt,
html[data-theme="dark"] #fcStt {
        background: rgba(25, 35, 55, 0.8) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #ccc !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       SEARCH PAGE & 404
       ═══════════════════════════════════════════ */
    .sr-page,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       SEARCH PAGE & 404
       ═══════════════════════════════════════════ */
    .sr-page,
html.dark-mode .nf-page,
html[data-theme="dark"] .nf-page {
        background: #0b1120 !important;
    
}
html.dark-mode .sr-card,
html[data-theme="dark"] .sr-card,
html.dark-mode .sr-product-card,
html[data-theme="dark"] .sr-product-card,
html.dark-mode .sr-blog-card,
html[data-theme="dark"] .sr-blog-card,
html.dark-mode .nf-glass-card,
html[data-theme="dark"] .nf-glass-card,
html.dark-mode .nf-suggest-card,
html[data-theme="dark"] .nf-suggest-card {
        background: rgba(30, 41, 59, 0.5) !important;
        border-color: rgba(255, 255, 255, 0.06) !important;
    
}
html.dark-mode .sr-title,
html[data-theme="dark"] .sr-title,
html.dark-mode .sr-card-title a,
html[data-theme="dark"] .sr-card-title a,
html.dark-mode .sr-product-title a,
html[data-theme="dark"] .sr-product-title a,
html.dark-mode .sr-blog-title a,
html[data-theme="dark"] .sr-blog-title a,
html.dark-mode .sr-section-head h2,
html[data-theme="dark"] .sr-section-head h2,
html.dark-mode .sr-empty-title,
html[data-theme="dark"] .sr-empty-title,
html.dark-mode .nf-title,
html[data-theme="dark"] .nf-title,
html.dark-mode .nf-sc-title,
html[data-theme="dark"] .nf-sc-title {
        color: #e8e8e8 !important;
    
}
html.dark-mode .sr-card-excerpt,
html[data-theme="dark"] .sr-card-excerpt,
html.dark-mode .sr-blog-excerpt,
html[data-theme="dark"] .sr-blog-excerpt,
html.dark-mode .sr-empty-desc,
html[data-theme="dark"] .sr-empty-desc,
html.dark-mode .nf-desc,
html[data-theme="dark"] .nf-desc,
html.dark-mode .nf-sc-desc,
html[data-theme="dark"] .nf-sc-desc {
        color: #888 !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       FORMS
       ═══════════════════════════════════════════ */
    input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="dark"] /* ═══════════════════════════════════════════
       FORMS
       ═══════════════════════════════════════════ */
    input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html.dark-mode textarea,
html[data-theme="dark"] textarea,
html.dark-mode select,
html[data-theme="dark"] select {
        background: rgba(30, 41, 59, 0.45) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
        color: #ddd !important;
    
}
html.dark-mode input::placeholder,
html[data-theme="dark"] input::placeholder,
html.dark-mode textarea::placeholder,
html[data-theme="dark"] textarea::placeholder {
        color: rgba(255, 255, 255, 0.25) !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       ELEMENTOR
       ═══════════════════════════════════════════ */
    .elementor-heading-title,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       ELEMENTOR
       ═══════════════════════════════════════════ */
    .elementor-heading-title {
        color: #f0f0f0 !important;
    
}
html.dark-mode .elementor-text-editor,
html[data-theme="dark"] .elementor-text-editor,
html.dark-mode .elementor-text-editor p,
html[data-theme="dark"] .elementor-text-editor p,
html.dark-mode .elementor-text-editor *,
html[data-theme="dark"] .elementor-text-editor * {
        color: #a5a5a5 !important;
    
}
html.dark-mode .elementor-icon-box-title,
html[data-theme="dark"] .elementor-icon-box-title {
        color: #e8e8e8 !important;
    
}
html.dark-mode .elementor-icon-box-description,
html[data-theme="dark"] .elementor-icon-box-description {
        color: #999 !important;
    
}
html.dark-mode /* ═══════════════════════════════════════════
       SCROLLBAR & SELECTION
       ═══════════════════════════════════════════ */
    ::-webkit-scrollbar,
html[data-theme="dark"] /* ═══════════════════════════════════════════
       SCROLLBAR & SELECTION
       ═══════════════════════════════════════════ */
    ::-webkit-scrollbar { width: 8px; 
}
html.dark-mode ::-webkit-scrollbar-track,
html[data-theme="dark"] ::-webkit-scrollbar-track { background: #0b1120; 
}
html.dark-mode ::-webkit-scrollbar-thumb,
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .1);
        border-radius: 10px;
    
}
html.dark-mode ::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
        background: rgba(230, 126, 34, .25);
    
}
html.dark-mode ::selection,
html[data-theme="dark"] ::selection {
        background: rgba(230, 126, 34, 0.3);
        color: #fff;
    
}
html.dark-mode blockquote,
html[data-theme="dark"] blockquote {
        border-color: rgba(230, 126, 34, 0.3) !important;
        background: rgba(30, 41, 59, 0.3) !important;
        color: #bbb !important;
    
}
html.dark-mode hr,
html[data-theme="dark"] hr {
        border-color: rgba(255, 255, 255, 0.06) !important;
    
}

/* ── OS PREFERS COLOR SCHEME DARK (when not light-mode) ── */
@media (prefers-color-scheme: dark) {
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       VARIABLES
       ═══════════════════════════════════════════ */
    :root {
        --primary: #2a5a8c;
        --primary-dark: #1a3d5c;
        --accent: #E67E22;
        --accent-hover: #D35400;
        --text-dark: #e8e8e8;
        --text-medium: #bbb;
        --text-light: #888;
        --bg-white: #111827;
        --bg-soft: #0d1526;
        --border: rgba(255, 255, 255, 0.08);
        --glass: rgba(30, 41, 59, 0.72);
        --shadow: 0 10px 40px rgba(0, 0, 0, 0.3);

        --fl-primary: #2a5a8c;
        --fl-primary-dark: #1a3d5c;
        --fl-accent: #E67E22;
        --fl-accent-hover: #D35400;
        --fl-text: #ccc;
        --fl-text-light: #999;
        --fl-glass-bg: rgba(15, 22, 38, 0.85);
        --fl-glass-border: rgba(255, 255, 255, 0.06);

        /* مقدار max-height هدر باز */
        --fl-header-max: 260px;

        color-scheme: dark;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       BODY
       ═══════════════════════════════════════════ */
    html,
html:not(.light-mode):not([data-theme="light"]) body {
        background: #0b1120 !important;
        background-color: #0b1120 !important;
        color: #d5d5d5 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) body::before {
        background-image:
            linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .blur-shape,
html:not(.light-mode):not([data-theme="light"]) .shape-1,
html:not(.light-mode):not([data-theme="light"]) .shape-2 {
        opacity: 0.05 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       TYPOGRAPHY
       ═══════════════════════════════════════════ */
    h1,
html:not(.light-mode):not([data-theme="light"]) h2,
html:not(.light-mode):not([data-theme="light"]) h3,
html:not(.light-mode):not([data-theme="light"]) h4,
html:not(.light-mode):not([data-theme="light"]) h5,
html:not(.light-mode):not([data-theme="light"]) h6 {
        color: #efefef !important;
    
}
html:not(.light-mode):not([data-theme="light"]) p,
html:not(.light-mode):not([data-theme="light"]) li,
html:not(.light-mode):not([data-theme="light"]) td,
html:not(.light-mode):not([data-theme="light"]) label {
        color: #a8a8a8 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) strong,
html:not(.light-mode):not([data-theme="light"]) b {
        color: #ddd !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       ██ HEADER - اصلاح انیمیشن ██
       display:none حذف شد - از opacity/visibility استفاده می‌شود
       ═══════════════════════════════════════════ */
    .fl-header,
html:not(.light-mode):not([data-theme="light"]) .fl-header-group .fl-header {
        max-height: var(--fl-header-max);
        overflow: hidden;
        transition:
            opacity 0.35s ease,
            transform 0.35s ease,
            visibility 0.35s ease,
            max-height 0.4s ease,
            margin 0.35s ease,
            padding 0.35s ease,
            border-width 0.3s ease,
            background-color 0.4s ease,
            border-color 0.3s ease,
            box-shadow 0.3s ease !important;
        will-change: opacity, transform, max-height;
    
}
html:not(.light-mode):not([data-theme="light"]) /* حالت مخفی - بدون display:none */
    .fl-header.h-hidden {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(-8px) !important;
        max-height: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* حالت نمایش */
    .fl-header:not(.h-hidden) {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── INFO BAR ─────── */
    .fl-info {
        background: linear-gradient(135deg,
            rgba(8, 12, 24, .92),
            rgba(15, 22, 38, .88)) !important;
        background-color: rgba(8, 12, 24, .92) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow: 0 -2px 24px rgba(0, 0, 0, .4) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-header-group.stuck .fl-info {
        background: linear-gradient(135deg,
            rgba(8, 12, 24, .97),
            rgba(15, 22, 38, .95)) !important;
        background-color: rgba(8, 12, 24, .97) !important;
        border-bottom-color: rgba(255, 255, 255, .04) !important;
        box-shadow: 0 2px 24px rgba(0, 0, 0, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-info-chip {
        color: rgba(255, 255, 255, .70) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-info-chip:hover {
        color: var(--fl-accent) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-info-sep {
        background: rgba(255, 255, 255, .08) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-info-social {
        color: rgba(255, 255, 255, .55) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-info-social:hover {
        color: var(--fl-accent) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── MAIN BAR ─────── */
    .fl-bar {
        background: rgba(15, 22, 38, .85) !important;
        background-color: rgba(15, 22, 38, .85) !important;
        backdrop-filter: blur(42px) saturate(1.8) !important;
        -webkit-backdrop-filter: blur(42px) saturate(1.8) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow:
            0 10px 50px rgba(0, 0, 0, .35),
            inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── LOGO ─────── */
    .fl-logo-name {
        color: #f0f0f0 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-logo-desc {
        color: rgba(255, 255, 255, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── NAV ─────── */
    .fl-nav {
        background: rgba(255, 255, 255, .04) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-nav-link,
html:not(.light-mode):not([data-theme="light"]) .fl-drop-link,
html:not(.light-mode):not([data-theme="light"]) .fl-drop-arrow-btn {
        color: #ccc !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-nav-link:hover {
        color: #fff !important;
        background: rgba(255, 255, 255, .07) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-nav-link.active {
        color: #fff !important;
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        box-shadow: 0 4px 14px rgba(230, 126, 34, .25) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drop:hover .fl-drop-trigger {
        background: rgba(255, 255, 255, .07) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drop-link:hover,
html:not(.light-mode):not([data-theme="light"]) .fl-drop-link.active {
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drop-arrow-btn:hover {
        background: rgba(255, 255, 255, .07) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── SUBMENU ─────── */
    .fl-submenu,
html:not(.light-mode):not([data-theme="light"]) .sub-menu,
html:not(.light-mode):not([data-theme="light"]) .dropdown-menu {
        background: rgba(15, 22, 38, 0.78) !important;
        backdrop-filter: blur(32px) saturate(2) !important;
        -webkit-backdrop-filter: blur(32px) saturate(2) !important;
        border-color: rgba(255, 255, 255, .1) !important;
        box-shadow:
            0 20px 60px rgba(0, 0, 0, .6),
            0 4px 16px rgba(0, 0, 0, .35),
            inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-submenu-link {
        color: #bbb !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-submenu-link:hover {
        background: linear-gradient(135deg,
            rgba(230, 126, 34, .15),
            rgba(230, 126, 34, .06)) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── ICON BUTTONS ─────── */
    .fl-icon-btn,
html:not(.light-mode):not([data-theme="light"]) .fl-burger,
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-close {
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        border-color: rgba(255, 255, 255, .12) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── SEARCH POPUP ─────── */
    .fl-search-pop {
        background: rgba(10, 15, 28, .85) !important;
        border-color: rgba(255, 255, 255, .07) !important;
        box-shadow: 0 24px 64px rgba(0, 0, 0, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-search-field {
        background: rgba(255, 255, 255, .05) !important;
        border-color: rgba(255, 255, 255, .08) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-search-field:focus-within {
        border-color: rgba(230, 126, 34, .35) !important;
        background: rgba(255, 255, 255, .08) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-search-field svg {
        stroke: rgba(255, 255, 255, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-search-field input {
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-search-field input::placeholder {
        color: rgba(255, 255, 255, .4) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ─────── OVERLAY ─────── */
    .fl-overlay {
        background: rgba(0, 0, 0, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       DRAWER
       ═══════════════════════════════════════════ */
    .fl-drawer {
        background: rgba(10, 15, 28, .92) !important;
        background-color: rgba(10, 15, 28, .92) !important;
        backdrop-filter: blur(52px) saturate(2.2) !important;
        -webkit-backdrop-filter: blur(52px) saturate(2.2) !important;
        border-color: rgba(255, 255, 255, .07) !important;
        box-shadow: 0 24px 80px rgba(0, 0, 0, .5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .1) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-head {
        background: rgba(8, 12, 22, .95) !important;
        background-color: rgba(8, 12, 22, .95) !important;
        border-bottom-color: rgba(255, 255, 255, .06) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-link,
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-acc-link {
        color: #ccc !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-link:hover,
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-acc-link:hover {
        background: rgba(255, 255, 255, .06) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-link.active {
        background: linear-gradient(135deg,
            var(--fl-accent),
            var(--fl-accent-hover)) !important;
        color: #fff !important;
        box-shadow: 0 4px 16px rgba(230, 126, 34, .25) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-acc-trigger:hover {
        background: rgba(255, 255, 255, .04) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-acc-toggle {
        color: rgba(255, 255, 255, .5) !important;
        border-right-color: rgba(255, 255, 255, .06) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-acc-toggle:hover {
        background: rgba(255, 255, 255, .07) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-subs {
        background: rgba(255, 255, 255, .03) !important;
        border-color: rgba(255, 255, 255, .05) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-sub {
        color: rgba(255, 255, 255, .55) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-sub:hover {
        background: rgba(255, 255, 255, .06) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-foot {
        border-top-color: rgba(255, 255, 255, .06) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-info-item {
        background: rgba(255, 255, 255, .04) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        color: #ccc !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-info-item:hover {
        background: rgba(255, 255, 255, .07) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-search {
        background: rgba(255, 255, 255, .04) !important;
        border-color: rgba(255, 255, 255, .06) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-search svg {
        stroke: rgba(255, 255, 255, .4) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-search input {
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-drawer-search input::placeholder {
        color: rgba(255, 255, 255, .35) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       BREADCRUMB
       ═══════════════════════════════════════════ */
    .fl-breadcrumb-inner {
        background: rgba(15, 22, 38, .55) !important;
        border-color: rgba(255, 255, 255, .06) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, .2) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fl-bc-item {
        color: rgba(255, 255, 255, .55) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) a.fl-bc-item:hover,
html:not(.light-mode):not([data-theme="light"]) .fl-bc-current {
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       SPACER
       ═══════════════════════════════════════════ */
    .fl-spacer {
        background: transparent !important;
        background-color: transparent !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       GLASS CARDS
       ═══════════════════════════════════════════ */
    .glass-card,
html:not(.light-mode):not([data-theme="light"]) .hero-card,
html:not(.light-mode):not([data-theme="light"]) .hero-badge {
        background: rgba(30, 41, 59, 0.6) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       BUTTONS
       ═══════════════════════════════════════════ */
    .btn-secondary {
        background: rgba(30, 41, 59, 0.65) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #ddd !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       TABLE
       ═══════════════════════════════════════════ */
    thead th {
        background: linear-gradient(135deg, #0d1526, #1a2744) !important;
        color: #fff !important;
    
}
html:not(.light-mode):not([data-theme="light"]) tbody td {
        background: rgba(30, 41, 59, 0.35) !important;
        border-color: rgba(255, 255, 255, 0.04) !important;
        color: #bbb !important;
    
}
html:not(.light-mode):not([data-theme="light"]) tbody tr:nth-child(even) td {
        background: rgba(30, 41, 59, 0.5) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       FAQ
       ═══════════════════════════════════════════ */
    details {
        background: rgba(30, 41, 59, 0.55) !important;
        border-color: rgba(255, 255, 255, 0.05) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) summary {
        color: #e0e0e0 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       IMAGES
       ═══════════════════════════════════════════ */
    img:not([class*="logo"]) {
        filter: brightness(0.88) contrast(1.02);
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       FOOTER
       ═══════════════════════════════════════════ */
    .glass-footer {
        background: linear-gradient(180deg,
            transparent 0%,
            rgba(6, 10, 18, 0.97) 10%,
            #030610 100%) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .gf-contact-card {
        background: rgba(255, 255, 255, 0.025) !important;
        border-color: rgba(255, 255, 255, 0.04) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       FLOATING CONTACT
       ═══════════════════════════════════════════ */
    .fc-toggle,
html:not(.light-mode):not([data-theme="light"]) #fcToggle {
        background: linear-gradient(135deg, #E67E22, #D35400) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fc-toggle.fc-open,
html:not(.light-mode):not([data-theme="light"]) #fcToggle.fc-open {
        background: linear-gradient(135deg, #1a2744, #0d1526) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fc-panel,
html:not(.light-mode):not([data-theme="light"]) #fcPanel {
        background: rgba(10, 15, 28, 0.96) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .fc-stt,
html:not(.light-mode):not([data-theme="light"]) #fcStt {
        background: rgba(25, 35, 55, 0.8) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
        color: #ccc !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       SEARCH PAGE & 404
       ═══════════════════════════════════════════ */
    .sr-page,
html:not(.light-mode):not([data-theme="light"]) .nf-page {
        background: #0b1120 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .sr-card,
html:not(.light-mode):not([data-theme="light"]) .sr-product-card,
html:not(.light-mode):not([data-theme="light"]) .sr-blog-card,
html:not(.light-mode):not([data-theme="light"]) .nf-glass-card,
html:not(.light-mode):not([data-theme="light"]) .nf-suggest-card {
        background: rgba(30, 41, 59, 0.5) !important;
        border-color: rgba(255, 255, 255, 0.06) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .sr-title,
html:not(.light-mode):not([data-theme="light"]) .sr-card-title a,
html:not(.light-mode):not([data-theme="light"]) .sr-product-title a,
html:not(.light-mode):not([data-theme="light"]) .sr-blog-title a,
html:not(.light-mode):not([data-theme="light"]) .sr-section-head h2,
html:not(.light-mode):not([data-theme="light"]) .sr-empty-title,
html:not(.light-mode):not([data-theme="light"]) .nf-title,
html:not(.light-mode):not([data-theme="light"]) .nf-sc-title {
        color: #e8e8e8 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .sr-card-excerpt,
html:not(.light-mode):not([data-theme="light"]) .sr-blog-excerpt,
html:not(.light-mode):not([data-theme="light"]) .sr-empty-desc,
html:not(.light-mode):not([data-theme="light"]) .nf-desc,
html:not(.light-mode):not([data-theme="light"]) .nf-sc-desc {
        color: #888 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       FORMS
       ═══════════════════════════════════════════ */
    input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html:not(.light-mode):not([data-theme="light"]) textarea,
html:not(.light-mode):not([data-theme="light"]) select {
        background: rgba(30, 41, 59, 0.45) !important;
        border-color: rgba(255, 255, 255, 0.07) !important;
        color: #ddd !important;
    
}
html:not(.light-mode):not([data-theme="light"]) input::placeholder,
html:not(.light-mode):not([data-theme="light"]) textarea::placeholder {
        color: rgba(255, 255, 255, 0.25) !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       ELEMENTOR
       ═══════════════════════════════════════════ */
    .elementor-heading-title {
        color: #f0f0f0 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .elementor-text-editor,
html:not(.light-mode):not([data-theme="light"]) .elementor-text-editor p,
html:not(.light-mode):not([data-theme="light"]) .elementor-text-editor * {
        color: #a5a5a5 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .elementor-icon-box-title {
        color: #e8e8e8 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) .elementor-icon-box-description {
        color: #999 !important;
    
}
html:not(.light-mode):not([data-theme="light"]) /* ═══════════════════════════════════════════
       SCROLLBAR & SELECTION
       ═══════════════════════════════════════════ */
    ::-webkit-scrollbar { width: 8px; 
}
html:not(.light-mode):not([data-theme="light"]) ::-webkit-scrollbar-track { background: #0b1120; 
}
html:not(.light-mode):not([data-theme="light"]) ::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, .1);
        border-radius: 10px;
    
}
html:not(.light-mode):not([data-theme="light"]) ::-webkit-scrollbar-thumb:hover {
        background: rgba(230, 126, 34, .25);
    
}
html:not(.light-mode):not([data-theme="light"]) ::selection {
        background: rgba(230, 126, 34, 0.3);
        color: #fff;
    
}
html:not(.light-mode):not([data-theme="light"]) blockquote {
        border-color: rgba(230, 126, 34, 0.3) !important;
        background: rgba(30, 41, 59, 0.3) !important;
        color: #bbb !important;
    
}
html:not(.light-mode):not([data-theme="light"]) hr {
        border-color: rgba(255, 255, 255, 0.06) !important;
    
}
}

/* ═════════════════════════════════════════════════════════════════════════
   GUARANTEED DARK MODE FIX FOR SUBMENUS (.fl-submenu) & BLOG (.gmb / .sp)
   تضمین نمایش صحیح ساب‌منوها و بخش‌های بلاگ در حالت تاریک
   ═════════════════════════════════════════════════════════════════════════ */

/* ─── ساب منوها در حالت دارک مود (Submenus in Dark Mode) ─── */
html.dark-mode .fl-submenu,
html[data-theme="dark"] .fl-submenu,
html.dark-mode .sub-menu,
html[data-theme="dark"] .sub-menu,
html.dark-mode .dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
    background: rgba(15, 22, 38, 0.92) !important;
    backdrop-filter: blur(32px) saturate(2) !important;
    -webkit-backdrop-filter: blur(32px) saturate(2) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7), 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    color: #e2e8f0 !important;
}

html.dark-mode .fl-drop:hover .fl-submenu,
html[data-theme="dark"] .fl-drop:hover .fl-submenu,
html.dark-mode .fl-drop.mega-open .fl-submenu,
html[data-theme="dark"] .fl-drop.mega-open .fl-submenu,
html.dark-mode .fl-drop:focus-within .fl-submenu,
html[data-theme="dark"] .fl-drop:focus-within .fl-submenu,
html.dark-mode li:hover > .sub-menu,
html[data-theme="dark"] li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

html.dark-mode .fl-submenu-link,
html[data-theme="dark"] .fl-submenu-link {
    color: #cbd5e1 !important;
}

html.dark-mode .fl-submenu-link:hover,
html[data-theme="dark"] .fl-submenu-link:hover {
    background: linear-gradient(135deg, rgba(230, 126, 34, 0.22), rgba(230, 126, 34, 0.1)) !important;
    color: #ffffff !important;
}

/* ─── بخش‌های آرشیو و تک‌نوشته بلاگ در دارک مود (.gmb و .sp) ─── */
html.dark-mode .gmb,
html[data-theme="dark"] .gmb,
html.dark-mode .sp,
html[data-theme="dark"] .sp {
    --primary: #528bce !important;
    --primary-dark: #68a4ee !important;
    --text-dark: #f0f4f8 !important;
    --text-medium: #cbd5e1 !important;
    --text-light: #94a3b8 !important;
    --glass: rgba(15, 22, 38, 0.85) !important;
    --glass-border: rgba(255, 255, 255, 0.1) !important;
    --shadow: 0 10px 40px rgba(0, 0, 0, 0.45) !important;
    --shadow-hover: 0 20px 60px rgba(0, 0, 0, 0.65) !important;
    background: radial-gradient(circle at top right, rgba(230, 126, 34, 0.08), transparent 30%),
                radial-gradient(circle at bottom left, rgba(27, 58, 92, 0.15), transparent 35%),
                #0b1120 !important;
    color: #cbd5e1 !important;
}

html.dark-mode .gmb-card,
html[data-theme="dark"] .gmb-card,
html.dark-mode .gmb-feat__card,
html[data-theme="dark"] .gmb-feat__card,
html.dark-mode .gmb-scard,
html[data-theme="dark"] .gmb-scard,
html.dark-mode .sp-content-card,
html[data-theme="dark"] .sp-content-card,
html.dark-mode .sp-rcard,
html[data-theme="dark"] .sp-rcard,
html.dark-mode .sp-scard,
html[data-theme="dark"] .sp-scard,
html.dark-mode .sp-comments,
html[data-theme="dark"] .sp-comments,
html.dark-mode .sp-postnav__item,
html[data-theme="dark"] .sp-postnav__item {
    background: rgba(15, 22, 38, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45) !important;
    color: #e2e8f0 !important;
}

html.dark-mode .gmb-card__body h3,
html[data-theme="dark"] .gmb-card__body h3,
html.dark-mode .gmb-feat__body h2,
html[data-theme="dark"] .gmb-feat__body h2,
html.dark-mode .gmb-hero__title,
html[data-theme="dark"] .gmb-hero__title,
html.dark-mode .sp-hero__title,
html[data-theme="dark"] .sp-hero__title,
html.dark-mode .sp-rcard__body h3,
html[data-theme="dark"] .sp-rcard__body h3,
html.dark-mode .sp-content h1,
html[data-theme="dark"] .sp-content h1,
html.dark-mode .sp-content h2,
html[data-theme="dark"] .sp-content h2,
html.dark-mode .sp-content h3,
html[data-theme="dark"] .sp-content h3,
html.dark-mode .sp-content h4,
html[data-theme="dark"] .sp-content h4,
html.dark-mode .entry-content h1,
html[data-theme="dark"] .entry-content h1,
html.dark-mode .entry-content h2,
html[data-theme="dark"] .entry-content h2,
html.dark-mode .entry-content h3,
html[data-theme="dark"] .entry-content h3 {
    color: #ffffff !important;
}

html.dark-mode .sp-content,
html[data-theme="dark"] .sp-content,
html.dark-mode .sp-content p,
html[data-theme="dark"] .sp-content p,
html.dark-mode .entry-content,
html[data-theme="dark"] .entry-content,
html.dark-mode .entry-content p,
html[data-theme="dark"] .entry-content p {
    color: #cbd5e1 !important;
}

html.dark-mode .sp-content blockquote,
html[data-theme="dark"] .sp-content blockquote,
html.dark-mode .entry-content blockquote,
html[data-theme="dark"] .entry-content blockquote {
    background: rgba(20, 28, 48, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-right-color: #E67E22 !important;
    color: #e2e8f0 !important;
}

html.dark-mode .sp-content blockquote p,
html[data-theme="dark"] .sp-content blockquote p,
html.dark-mode .entry-content blockquote p,
html[data-theme="dark"] .entry-content blockquote p {
    color: #ffffff !important;
}

html.dark-mode .sp-content pre,
html[data-theme="dark"] .sp-content pre,
html.dark-mode .entry-content pre,
html[data-theme="dark"] .entry-content pre {
    background: rgba(10, 15, 28, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
}

html.dark-mode .sp-content table,
html[data-theme="dark"] .sp-content table,
html.dark-mode .entry-content table,
html[data-theme="dark"] .entry-content table {
    background: rgba(20, 28, 48, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html.dark-mode .sp-content td,
html[data-theme="dark"] .sp-content td,
html.dark-mode .entry-content td,
html[data-theme="dark"] .entry-content td {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
}

html.dark-mode .sp-content tr:nth-child(even) td,
html[data-theme="dark"] .sp-content tr:nth-child(even) td,
html.dark-mode .entry-content tr:nth-child(even) td,
html[data-theme="dark"] .entry-content tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.03) !important;
}

html.dark-mode .gmb-card__cat,
html[data-theme="dark"] .gmb-card__cat,
html.dark-mode .gmb-card__time,
html[data-theme="dark"] .gmb-card__time {
    background: rgba(15, 22, 38, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .gmb-search input,
html[data-theme="dark"] .gmb-search input,
html.dark-mode .gmb-badge,
html[data-theme="dark"] .gmb-badge,
html.dark-mode .gmb-fbtn,
html[data-theme="dark"] .gmb-fbtn,
html.dark-mode .gmb-pagi a,
html[data-theme="dark"] .gmb-pagi a,
html.dark-mode .gmb-pagi span,
html[data-theme="dark"] .gmb-pagi span {
    background: rgba(15, 22, 38, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e2e8f0 !important;
}

/* ─── فرم نظرات و لیست دیدگاه‌ها در دارک مود ─── */
html.dark-mode .sp-comments .comment-form input,
html[data-theme="dark"] .sp-comments .comment-form input,
html.dark-mode .sp-comments .comment-form textarea,
html[data-theme="dark"] .sp-comments .comment-form textarea,
html.dark-mode .comment-form input[type="text"],
html[data-theme="dark"] .comment-form input[type="text"],
html.dark-mode .comment-form input[type="email"],
html[data-theme="dark"] .comment-form input[type="email"],
html.dark-mode .comment-form textarea,
html[data-theme="dark"] .comment-form textarea,
html.dark-mode .sp-comments .comment,
html[data-theme="dark"] .sp-comments .comment,
html.dark-mode .comment-body,
html[data-theme="dark"] .comment-body {
    background: rgba(10, 15, 28, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #e2e8f0 !important;
}

html.dark-mode .sp-comments .comment-form label,
html[data-theme="dark"] .sp-comments .comment-form label,
html.dark-mode .sp-comments h3,
html[data-theme="dark"] .sp-comments h3,
html.dark-mode .sp-comments .comment-author .fn,
html[data-theme="dark"] .sp-comments .comment-author .fn,
html.dark-mode .gc-name,
html[data-theme="dark"] .gc-name,
html.dark-mode .gc-section-head h2,
html[data-theme="dark"] .gc-section-head h2,
html.dark-mode .comment-form label,
html[data-theme="dark"] .comment-form label {
    color: #ffffff !important;
}

html.dark-mode .gc-form-notes,
html[data-theme="dark"] .gc-form-notes,
html.dark-mode .sp-comments .comment-meta,
html[data-theme="dark"] .sp-comments .comment-meta {
    color: #94a3b8 !important;
}