/* ════════════════════════════════════════
   DARK MODE — v8.0 FINAL
   بدون رنگ سرمه‌ای — خاکستری تیره خالص
   رنگ‌های اصلی یکسان با لایت مود
   ════════════════════════════════════════ */

.dark-mode,
.dark-mode body {
    color: #e5e7eb !important;
    background: #0F1724 !important;
}

/* ══════════════════════════════════════════
   CSS VARIABLES
   ══════════════════════════════════════════ */
.dark-mode {
    --fl-primary:        #2D5F93;
    --fl-primary-dark:   #1B4A73;
    --fl-accent:         #A4B400;
    --fl-accent-hover:   #7C8B00;
    --fl-text:           #e5e7eb;
    --fl-text-light:     #9ca3af;
    --fl-white:          #e5e7eb;
    --fl-glass-bg:       #162B3F;
    --fl-glass-border:   rgba(255, 255, 255, 0.08);
    --fl-glass-blur:     0px;
    --gl-bg-base:        #0F1724;
    --gl-dark-glass:     #162B3F;
    --gl-dark-glass-hover: #1F3D57;
    --gl-dark-border:    rgba(255, 255, 255, 0.08);
    --gl-dark-text:      #e5e7eb;
    --gl-dark-text-muted: #9ca3af;
    --gl-dark-text-dim:  #6b7280;
    --gl-dark-link:      #7FB3E8;
    --bg-gradient-start: #0F1724;
    --bg-gradient-end:   #162B3F;
    --text-dark:         #e5e7eb;
    --text-medium:       #9ca3af;
    --text-light:        #6b7280;
    --gs-text:           #e5e7eb;
    --gs-muted:          #9ca3af;
    --gs-glass:          #162B3F;
    --gs-border:         rgba(255, 255, 255, 0.08);
    --gs-glass-hover:    #1F3D57;
    --blog-glass:        #162B3F;
    --blog-glass-strong: #162B3F;
    --blog-glass-border: rgba(255, 255, 255, 0.08);
    --input-bg:          #162B3F;
    --box-border:        rgba(255, 255, 255, 0.08);
    --card-bg:           #162B3F;
    --gc-bg:             #162B3F;
    --primary:           #e5e7eb;
    --primary-dark:      #7FB3E8;
    --accent:            #A4B400;
    --accent-hover:      #7C8B00;
    --accent-light:      rgba(164, 180, 0, 0.16);
    --white:             #e5e7eb;
    --brand-blue:        #7FB3E8;
    --brand-orange:      #fbbf24;
    --brand-orange-dark: #f59e0b;
    --glass-stats:       rgba(255, 255, 255, 0.05);
}

/* ══════════════════════════════════════════
   TOGGLE BUTTON
   ══════════════════════════════════════════ */
.fl-dark-toggle {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 10px !important;
    padding: 0 !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}
.dark-mode .fl-dark-toggle {
    background: linear-gradient(135deg, #374151, #4b5563) !important;
    border-color: rgba(255,255,255,0.15) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.fl-dark-toggle:hover, .dark-mode .fl-dark-toggle:hover {
    transform: scale(1.08);
}
.fl-dark-icon-sun, .fl-dark-icon-moon {
    position: absolute;
    transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    width: 18px !important;
    height: 18px !important;
}
.fl-dark-icon-sun {
    opacity: 1; transform: rotate(0deg) scale(1);
    stroke: #fff !important; fill: none !important; stroke-width: 2 !important; color: #fff !important;
}
.fl-dark-icon-moon {
    opacity: 0; transform: rotate(-90deg) scale(0.3);
    stroke: #fff !important; fill: none !important; stroke-width: 2 !important; color: #fff !important;
}
.dark-mode .fl-dark-icon-sun { opacity: 0; transform: rotate(90deg) scale(0.3); }
.dark-mode .fl-dark-icon-moon { opacity: 1; transform: rotate(0deg) scale(1); }

/* ══════════════════════════════════════════
   HEADER — خاکستری تیره یکدست
   ══════════════════════════════════════════ */
.dark-mode .fl-info {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-bottom: none !important;
}
.dark-mode .fl-header-group.stuck .fl-info {
    background: #162B3F !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.dark-mode .fl-info-chip { color: #d1d5db !important; padding: 4px 7px !important; border-radius: 8px; }
.dark-mode .fl-info-chip svg { stroke: #d1d5db !important; }
.dark-mode .fl-info-chip:hover { color: #ffffff !important; background: rgba(255,255,255,0.08); }
.dark-mode .fl-info-chip:hover svg { stroke: #ffffff !important; }
.dark-mode .fl-info-sep { background: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-info-social { color: #d1d5db; background: rgba(255,255,255,0.05); border-radius: 7px; }
.dark-mode .fl-info-social svg { fill: #d1d5db !important; }
.dark-mode .fl-info-social:hover { color: #ffffff !important; background: rgba(255,255,255,0.12); }
.dark-mode .fl-bar {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-mode .fl-header-group.stuck .fl-bar {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
.dark-mode .fl-logo-name, .dark-mode .fl-logo-sub { color: #e5e7eb !important; }
.dark-mode .fl-nav-link { color: #d1d5db !important; }
.dark-mode .fl-nav-link:hover { background: rgba(45, 95, 147, 0.25) !important; color: #A4B400 !important; }
.dark-mode .fl-nav-link.active { background: #2D5F93 !important; color: #fff !important; }
.dark-mode .fl-drop-link { color: #d1d5db !important; }
.dark-mode .fl-drop-link:hover { color: #A4B400 !important; }
.dark-mode .fl-drop:hover .fl-drop-trigger { background: rgba(45, 95, 147, 0.25) !important; }
.dark-mode .fl-submenu { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-submenu-link { color: #d1d5db !important; }
.dark-mode .fl-submenu-link:hover { background: rgba(164, 180, 0, 0.10) !important; color: #A4B400 !important; }
.dark-mode .fl-search-pop { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-search-field { background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.10) !important; }
.dark-mode .fl-search-field input { color: #e5e7eb !important; background: transparent !important; }
.dark-mode .fl-search-field input::placeholder { color: #6b7280; }
.dark-mode .fl-icon-btn {
    background: #2D5F93 !important;
    border-color: rgba(45, 95, 147, 0.3) !important;
    color: #fff !important;
}
.dark-mode .fl-icon-btn svg { stroke: #fff !important; color: #fff !important; }
.dark-mode .fl-icon-btn svg * { stroke: #fff !important; }
.dark-mode .fl-icon-btn:hover { background: #1B4A73 !important; }
.dark-mode .fl-nav-arr { stroke: #d1d5db !important; }
.dark-mode .fl-drop-arrow-btn { color: #d1d5db !important; }
/* Lang */
.dark-mode .fl-lang-toggle { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.12) !important; color: #d1d5db !important; }
.dark-mode .fl-lang-toggle:hover { background: #1F3D57 !important; }
.dark-mode .fl-lang-arr { stroke: #d1d5db !important; }
.dark-mode .fl-lang-drop { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-lang-drop-item { color: #d1d5db !important; }
.dark-mode .fl-lang-drop-item:hover { background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; }
.dark-mode .fl-lang-drop-slug { color: #9ca3af; }
/* Burger */
.dark-mode .fl-burger { background: #2D5F93 !important; border-color: rgba(45, 95, 147, 0.3) !important; }
.dark-mode .fl-burger span { background: #e5e7eb !important; }

/* Submit button — same as light */
.dark-mode .fl-info-submit-ad { background: #A4B400 !important; color: #ffffff !important; }
.dark-mode .fl-info-submit-ad:hover { background: #7C8B00 !important; color: #ffffff !important; }
.dark-mode .fl-info-dash-link { background: rgba(255, 255, 255, 0.08); color: #d1d5db !important; border-color: rgba(255, 255, 255, 0.15); }
.dark-mode .fl-info-dash-link svg { stroke: #d1d5db; }
.dark-mode .fl-info-dash-link:hover { background: rgba(255, 255, 255, 0.15); color: #fff !important; }

/* ══════════════════════════════════════════
   DRAWER — خاکستری تیره یکدست
   ══════════════════════════════════════════ */
.dark-mode .fl-drawer { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-drawer-head { background: #162B3F !important; border-bottom-color: rgba(255, 255, 255, 0.06) !important; }
.dark-mode .fl-drawer-close { background: #2D5F93 !important; }
.dark-mode .fl-drawer-close:hover { background: #1B4A73 !important; }
.dark-mode .fl-drawer-close svg, .dark-mode .fl-drawer-close svg * { stroke: #fff !important; color: #fff !important; }
.dark-mode .fl-drawer-link, .dark-mode .fl-drawer-acc-link { color: #d1d5db !important; }
.dark-mode .fl-drawer-link:hover, .dark-mode .fl-drawer-acc-link:hover { background: rgba(45, 95, 147, 0.20) !important; color: #A4B400 !important; }
.dark-mode .fl-drawer-link.active, .dark-mode .fl-drawer-acc-link.active { background: #2D5F93 !important; color: #fff; }
.dark-mode .fl-drawer-sub-link { color: #9ca3af !important; }
.dark-mode .fl-drawer-sub-link:hover { color: #A4B400 !important; }
.dark-mode .fl-drawer-acc-trigger:hover { background: rgba(45, 95, 147, 0.20) !important; }
.dark-mode .fl-drawer-acc-toggle { color: #d1d5db !important; border-inline-start-color: rgba(255, 255, 255, 0.06) !important; }
.dark-mode .fl-drawer-acc-toggle:hover { background: rgba(45, 95, 147, 0.25) !important; color: #A4B400 !important; }
.dark-mode .fl-drawer-sub { color: #d1d5db !important; }
.dark-mode .fl-drawer-sub:hover { background: rgba(45, 95, 147, 0.20) !important; color: #A4B400 !important; }
.dark-mode .fl-drawer-subs { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-drawer-sep { background: rgba(255, 255, 255, 0.06) !important; }
.dark-mode .fl-drawer-search { background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-drawer-search input { color: #e5e7eb !important; background: transparent !important; }
.dark-mode .fl-drawer-search input::placeholder { color: #6b7280; }
.dark-mode .fl-drawer-info-item { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }
.dark-mode .fl-drawer-info-item:hover { background: rgba(255, 255, 255, 0.10) !important; }
.dark-mode .fl-drawer-lang-toggle { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }
.dark-mode .fl-drawer-lang-item { color: #d1d5db !important; }
.dark-mode .fl-drawer-lang-item:hover { background: rgba(255, 255, 255, 0.08) !important; color: #fff !important; }
.dark-mode .fl-overlay { background: rgba(0, 0, 0, 0.7) !important; }

/* ══════════════════════════════════════════
   BREADCRUMB
   ══════════════════════════════════════════ */
.dark-mode .fl-breadcrumb-inner { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-bc-item { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #9ca3af !important; }
.dark-mode a.fl-bc-item:hover { color: #fff !important; background: #2D5F93 !important; border-color: transparent !important; }
.dark-mode .fl-bc-current { color: #fff !important; background: #2D5F93 !important; }
.dark-mode .fl-bc-sep svg { stroke: #4b5563 !important; }

/* ══════════════════════════════════════════
   FOOTER — خاکستری تیره یکدست
   specificity بالا
   ══════════════════════════════════════════ */
html body .dark-mode .fl-ft-bg, .dark-mode .fl-ft-bg { background: #162B3F !important; }
.dark-mode .fl-ft-wave { background: #A4B400 !important; color: #162B3F !important; }
html body .dark-mode .fl-ft-col, .dark-mode .fl-ft-col { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .08) !important; }
html body .dark-mode .fl-ft-col:hover, .dark-mode .fl-ft-col:hover { background: rgba(255, 255, 255, .08) !important; }
html body .dark-mode .fl-ft-col-title, .dark-mode .fl-ft-col-title { color: #e5e7eb !important; }
html body .dark-mode .fl-ft-logo-name, .dark-mode .fl-ft-logo-name { color: #e5e7eb !important; }
html body .dark-mode .fl-ft-desc, .dark-mode .fl-ft-desc { color: #9ca3af !important; }
html body .dark-mode .fl-ft-social, .dark-mode .fl-ft-social { background: rgba(255, 255, 255, .05) !important; border-color: rgba(255, 255, 255, .08) !important; color: #d1d5db !important; }
html body .dark-mode .fl-ft-link, .dark-mode .fl-ft-link { color: #9ca3af !important; }
html body .dark-mode .fl-ft-link:hover, .dark-mode .fl-ft-link:hover { color: #A4B400 !important; }
html body .dark-mode .fl-ft-link-dot, .dark-mode .fl-ft-link-dot { background: #A4B400 !important; }
html body .dark-mode .fl-ft-contact-item, .dark-mode .fl-ft-contact-item { background: rgba(255, 255, 255, .03) !important; border-color: rgba(255, 255, 255, .06) !important; color: #9ca3af !important; }
html body .dark-mode .fl-ft-contact-item:hover, .dark-mode .fl-ft-contact-item:hover { background: rgba(255, 255, 255, .08) !important; color: #e5e7eb !important; }
html body .dark-mode .fl-ft-bottom, .dark-mode .fl-ft-bottom { background: rgba(0, 0, 0, .3) !important; border-top-color: rgba(255, 255, 255, .05) !important; }
html body .dark-mode .fl-ft-copy, .dark-mode .fl-ft-copy { color: #9ca3af; }
html body .dark-mode .fl-ft-back-top, .dark-mode .fl-ft-back-top { background: rgba(255, 255, 255, .06) !important; border-color: rgba(255, 255, 255, .08) !important; color: #d1d5db !important; }
html body .dark-mode .fl-ft-back-top:hover, .dark-mode .fl-ft-back-top:hover { background: #A4B400 !important; color: #ffffff !important; border-color: #A4B400 !important; }

/* ══════════════════════════════════════════
   FLOATING BUTTONS
   ══════════════════════════════════════════ */
.dark-mode #fl-fab-menu .fl-fab-item { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }

/* ══════════════════════════════════════════
   COMMENTS
   ══════════════════════════════════════════ */
.dark-mode .gc-section-badge { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #2D5F93 !important; }
.dark-mode .gc-section-head h2 { color: #e5e7eb !important; }
.dark-mode .gc-section-head p { color: #9ca3af !important; }
.dark-mode .gc-count span { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #e5e7eb !important; }
.dark-mode .comment-body { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .gc-name { color: #e5e7eb !important; }
.dark-mode .gc-content p, .dark-mode .gc-content { color: #d1d5db !important; }
.dark-mode .gc-date, .dark-mode .gc-date * { color: #9ca3af; }
.dark-mode .comment-reply-link { background: rgba(164, 180, 0, 0.10) !important; border-color: rgba(164, 180, 0, 0.20) !important; color: #A4B400 !important; }
.dark-mode .comment-reply-link:hover { background: linear-gradient(135deg, #A4B400, #7C8B00) !important; color: #ffffff !important; }
.dark-mode .gc-separator span { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db; }
.dark-mode .gc-form-title, .dark-mode .gc-form-title * { color: #e5e7eb !important; }
.dark-mode .comment-form { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .comment-form label { color: #d1d5db !important; }
.dark-mode .comment-form input, .dark-mode .comment-form textarea { background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #e5e7eb !important; }
.dark-mode .comment-form input:focus, .dark-mode .comment-form textarea:focus { background: #0F1724 !important; border-color: #2D5F93 !important; }
.dark-mode .comment-form input::placeholder, .dark-mode .comment-form textarea::placeholder { color: #6b7280; }

/* ══════════════════════════════════════════
   SEARCH PAGE
   ══════════════════════════════════════════ */
.dark-mode .gs-page::before { background-image: linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px) !important; }
.dark-mode .gs-hero { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .gs-hero__eyebrow { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #2D5F93 !important; }
.dark-mode .gs-hero__title { color: #e5e7eb !important; }
.dark-mode .gs-hero__title span { background: linear-gradient(135deg, #2D5F93, #A4B400) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; }
.dark-mode .gs-hero__count { color: #9ca3af !important; }
.dark-mode .gs-card { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .gs-card__title { color: #e5e7eb !important; }
.dark-mode .gs-card__excerpt, .dark-mode .gs-card__meta { color: #9ca3af !important; }
.dark-mode .gs-card__link:hover .gs-card__title { color: #2D5F93 !important; }
.dark-mode .gs-empty { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .gs-empty h2 { color: #e5e7eb !important; }
.dark-mode .gs-empty p { color: #9ca3af !important; }
.dark-mode .gs-pagination .page-numbers { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }
.dark-mode .gs-pagination .page-numbers.current { background: #2D5F93 !important; color: #fff !important; }

/* ══════════════════════════════════════════
   CONTACT PAGE
   ══════════════════════════════════════════ */
.dark-mode .flcp-hero { background: #162B3F !important; }
.dark-mode .flcp-card { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .flcp-card-title, .dark-mode .flcp-card h3 { color: #e5e7eb !important; }
.dark-mode .flcp-phones a, .dark-mode .flcp-address, .dark-mode .flcp-email { background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }
.dark-mode .flcp-form-section { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .flcp-form-header h2, .dark-mode .flcp-form-header h3 { color: #e5e7eb !important; }
.dark-mode .flcp-form-header p { color: #9ca3af !important; }
.dark-mode .flcp-field label { color: #d1d5db !important; }
.dark-mode .flcp-field input, .dark-mode .flcp-field textarea, .dark-mode .flcp-field select { background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #e5e7eb !important; }
.dark-mode .flcp-field input:focus, .dark-mode .flcp-field textarea:focus, .dark-mode .flcp-field select:focus { background: #0F1724 !important; border-color: #2D5F93 !important; }
.dark-mode .flcp-field input::placeholder, .dark-mode .flcp-field textarea::placeholder { color: #6b7280; }

/* ══════════════════════════════════════════
   PORTFOLIO
   ══════════════════════════════════════════ */
.dark-mode .fl-pf-page { background: transparent !important; }
.dark-mode .fl-pf-panel { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-pf-title { color: #e5e7eb !important; border-bottom-color: #A4B400 !important; }
.dark-mode .fl-pf-card { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-pf-card:hover { border-color: rgba(45, 95, 147, 0.25) !important; }
.dark-mode .fl-pf-card-title a { color: #e5e7eb !important; }
.dark-mode .fl-pf-card-title a:hover { color: #2D5F93 !important; }
.dark-mode .fl-pf-excerpt { color: #9ca3af !important; }
.dark-mode .fl-pf-meta-item { color: #d1d5db; }
.dark-mode .fl-pf-pagi a { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #d1d5db !important; }
.dark-mode .fl-pf-pagi a:hover { background: rgba(45, 95, 147, 0.80) !important; color: #fff; }
.dark-mode .fl-pf-pagi .current { background: #2D5F93 !important; color: #fff; }

/* ══════════════════════════════════════════
   ELEMENTOR
   ══════════════════════════════════════════ */
.dark-mode .elementor-widget-heading .elementor-heading-title { color: #e5e7eb; }
.dark-mode .elementor-widget-text-editor { color: #d1d5db; }
.dark-mode .elementor-icon-list-item a { color: #d1d5db; }
.dark-mode .elementor-icon-list-item a:hover { color: #2D5F93; }
.dark-mode .elementor-section, .dark-mode .e-con { color: #e5e7eb; }

/* ══════════════════════════════════════════
   SINGLE POST
   ══════════════════════════════════════════ */
.dark-mode .fl-sp-blog {
    --fl-primary: #2D5F93 !important; --fl-primary-dark: #1B4A73 !important;
    --fl-accent: #A4B400 !important; --fl-accent-hover: #7C8B00 !important;
    --fl-text: #e5e7eb !important; --fl-text-light: #9ca3af !important;
    --fl-glass-bg: #162B3F !important; --fl-glass-border: rgba(255, 255, 255, 0.08) !important;
}
.dark-mode .fl-sb-glass { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-sb-title { color: #e5e7eb !important; border-bottom-color: #A4B400 !important; }
.dark-mode .fl-sb-title-meta-item { color: #9ca3af !important; }
.dark-mode .fl-sb-image { background: #0F1724 !important; }
.dark-mode .fl-sb-content p { color: #d1d5db !important; }
.dark-mode .fl-sb-content h2, .dark-mode .fl-sb-content h3, .dark-mode .fl-sb-content h4 { color: #93c5fd !important; }
.dark-mode .fl-sb-content a { color: #7FB3E8 !important; }
.dark-mode .fl-sb-content a:hover { color: #93c5fd; }
.dark-mode .fl-sb-content blockquote { background: rgba(164,180,0,0.08) !important; border-color: #A4B400 !important; color: #9ca3af !important; }
.dark-mode .fl-sb-content code { background: rgba(45,95,147,0.12) !important; color: #93c5fd !important; }
.dark-mode .fl-sb-content pre { background: rgba(0,0,0,0.30) !important; }
.dark-mode .fl-sb-content { color: #d1d5db !important; }
.dark-mode .fl-sb-content table { background: #0F1724 !important; }
.dark-mode .fl-sb-content table th { background: #162B3F !important; color: #d1d5db !important; }
.dark-mode .fl-sb-content table td { color: #9ca3af !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
.dark-mode .fl-sb-content table tr:nth-child(even) td { background: rgba(255,255,255,0.02) !important; }
.dark-mode .fl-sb-content table tr:hover td { background: rgba(255,255,255,0.05) !important; }
.dark-mode .fl-sb-footer-meta { border-top-color: rgba(255,255,255,0.06) !important; }
.dark-mode .fl-sb-tag { background: rgba(164,180,0,0.10) !important; color: #A4B400 !important; }
.dark-mode .fl-sb-tag:hover { background: #A4B400 !important; color: #000 !important; }
.dark-mode .fl-sb-views-chip { background: rgba(255,255,255,0.05) !important; color: #9ca3af !important; }
.dark-mode .fl-sb-share-nav { border-top-color: rgba(255,255,255,0.06) !important; }
.dark-mode .fl-sb-share-label { color: #d1d5db; }
.dark-mode .fl-sb-related-head { color: #93c5fd !important; border-bottom-color: rgba(255,255,255,0.06) !important; }
.dark-mode .fl-sb-related-head svg { stroke: #A4B400 !important; }
.dark-mode .fl-sb-rel-card { background: #162B3F !important; border-color: rgba(255,255,255,0.08) !important; }
.dark-mode .fl-sb-rel-card:hover { border-color: rgba(164,180,0,0.30) !important; }
.dark-mode .fl-sb-rel-title { color: #d1d5db !important; }
.dark-mode .fl-sb-cats-wrap { background: #162B3F !important; border-color: rgba(255,255,255,0.08) !important; }
.dark-mode .fl-sb-cat-card { border-color: transparent !important; }
.dark-mode .fl-sb-cat-card:hover { border-color: #A4B400 !important; }
.dark-mode .fl-sb-vip { background: #162B3F !important; border-color: rgba(255,255,255,.08) !important; }
.dark-mode .fl-sb-vip-title { color: #e5e7eb !important; }
.dark-mode .fl-sb-vip-sub { color: #9ca3af !important; }
.dark-mode .fl-sb-vip-box { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.08) !important; }
.dark-mode .fl-sb-vip-box-head { color: #A4B400 !important; }
.dark-mode .fl-sb-vip-phone { color: #d1d5db !important; border-bottom-color: rgba(255,255,255,.06) !important; }
.dark-mode .fl-sb-vip-phone:hover { color: #A4B400 !important; }
.dark-mode .fl-sb-vip-phone-num { color: #e5e7eb !important; }
.dark-mode .fl-sb-vip-phone-lbl { color: #9ca3af !important; }
.dark-mode .fl-sb-vip-chat { background: #A4B400 !important; border-color: #A4B400 !important; color: #ffffff !important; }
.dark-mode .fl-sb-vip-channel { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.08) !important; color: #d1d5db !important; }
.dark-mode .fl-sb-vip-ch-name { color: #e5e7eb !important; }
.dark-mode .fl-sb-vip-ch-desc { color: #9ca3af !important; }
.dark-mode .fl-sb-vip-chat:hover { background: #7C8B00 !important; border-color: #7C8B00 !important; color: #ffffff !important; }
.dark-mode .fl-sb-vip-channel:hover { background: rgba(255,255,255,.10) !important; color: #e5e7eb !important; border-color: rgba(164,180,0,.3) !important; }
/* TOC */
.dark-mode .fl-sb-toc-inner { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .fl-sb-toc-header { color: #93c5fd !important; border-bottom-color: rgba(255,255,255,.06) !important; }
.dark-mode .fl-sb-toc-header svg { stroke: #A4B400 !important; }
.dark-mode .fl-sb-toc-link { color: #9ca3af !important; }
.dark-mode .fl-sb-toc-link:hover { background: rgba(45,95,147,.08) !important; color: #2D5F93 !important; }
.dark-mode .fl-sb-toc-link.fl-sb-toc-active { background: rgba(164,180,0,.08) !important; color: #A4B400 !important; border-left-color: #A4B400 !important; border-right-color: #A4B400 !important; }

/* SINGLE PORTFOLIO */
.dark-mode .fl-sp-page {
    --fl-primary: #2D5F93 !important; --fl-primary-dark: #1B4A73 !important;
    --fl-accent: #A4B400 !important; --fl-accent-hover: #7C8B00 !important;
    --fl-text: #e5e7eb !important; --fl-text-light: #9ca3af !important;
    --fl-white: #e5e7eb !important;
    --fl-glass-bg: #162B3F !important; --fl-glass-border: rgba(255, 255, 255, 0.08) !important;
}
.dark-mode .fl-sp-page [class*="fl-sp-"], .dark-mode .fl-sp-page .fl-glass, .dark-mode .fl-sp-page .fl-sb-glass, .dark-mode .fl-sp-page .fl-pf-card { color: #e5e7eb !important; }
.dark-mode .fl-sp-page > *, .dark-mode .fl-sp-page .fl-glass, .dark-mode .fl-sp-page .fl-sp-glass { background: #162B3F !important; }
.dark-mode .fl-sp-page .fl-sb-image { background: #0F1724 !important; }
.dark-mode .fl-sp-page h1, .dark-mode .fl-sp-page h2, .dark-mode .fl-sp-page h3, .dark-mode .fl-sp-page h4 { color: #fff !important; }
.dark-mode .fl-sp-page p, .dark-mode .fl-sp-page li { color: #e5e7eb !important; }
.dark-mode .fl-sp-page small, .dark-mode .fl-sp-page [class*="meta"] { color: #9ca3af !important; }

/* Mobile city drawer dark mode */
.dark-mode .fl-pf-mob-btn { background: #162B3F !important; border-color: rgba(255,255,255,.08) !important; color: #e2e8f0 !important; }
.dark-mode .fl-pf-mob-btn svg { stroke: #93c5fd !important; }
.dark-mode .fl-pf-overlay { background: rgba(0,0,0,.6) !important; }
.dark-mode .fl-pf-drawer { background: #162B3F !important; border-color: rgba(255,255,255,.08) !important; }
.dark-mode .fl-pf-drawer-title { color: #f1f5f9 !important; }
.dark-mode .fl-pf-drawer-title svg { stroke: #93c5fd !important; }
.dark-mode .fl-pf-drawer-x { background: #2D5F93 !important; }
.dark-mode .fl-pf-drawer-x:hover { background: #1B4A73 !important; }
.dark-mode .fl-pf-drawer-search { background: #0F1724 !important; border-color: rgba(255,255,255,.08) !important; }
.dark-mode .fl-pf-drawer-search input { color: #e2e8f0 !important; }
.dark-mode .fl-pf-drawer-search input::placeholder { color: #6b7280; }
.dark-mode .fl-pf-drawer-search svg { stroke: #93c5fd !important; }
.dark-mode .fl-pf-drawer .fl-drawer-list li a { color: #d1d5db !important; }
.dark-mode .fl-pf-drawer .fl-drawer-list li a:hover { color: #93c5fd !important; background: rgba(255,255,255,.05) !important; border-right-color: #A4B400 !important; }
.dark-mode .fl-pf-drawer .fl-drawer-list li.current-menu-item a { color: #f1f5f9 !important; background: rgba(255,255,255,.08) !important; border-right-color: #2D5F93 !important; }
.dark-mode .fl-pf-drawer .fl-drawer-list .sub-menu li a { color: #9ca3af !important; }
.dark-mode .fl-pf-drawer-empty-search { color: #9ca3af !important; }

/* PAGE TEMPLATE */
.dark-mode .gl-page-wrap { --fl-glass-bg: #162B3F !important; --fl-text: #e5e7eb !important; --fl-text-light: #9ca3af !important; }
.dark-mode .gl-page-hero-card, .dark-mode .gl-page-card { background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important; }
.dark-mode .gl-page-title { color: #fff !important; border-bottom-color: #A4B400 !important; }
.dark-mode .gl-page-content, .dark-mode .gl-page-content p, .dark-mode .gl-page-content li { color: #e5e7eb !important; }
.dark-mode .gl-page-content h2, .dark-mode .gl-page-content h3, .dark-mode .gl-page-content h4 { color: #fff !important; }
.dark-mode .gl-page-content a { color: #7FB3E8 !important; }
.dark-mode .gl-page-meta, .dark-mode .gl-meta-item { color: #9ca3af !important; }

/* ══════════════════════════════════════════
   TEXT READABILITY — جامع
   ══════════════════════════════════════════ */
.dark-mode #page, .dark-mode .site-main, .dark-mode .entry-content,
.dark-mode .gl-page-content, .dark-mode .fl-sb-content,
.dark-mode .elementor-widget-container, .dark-mode .elementor-text-editor,
.dark-mode .elementor-widget-text-editor, .dark-mode .elementor-widget-heading,
.dark-mode .elementor-widget-icon-box, .dark-mode .elementor-widget-icon-list,
.dark-mode .elementor-icon-box-content, .dark-mode .elementor-icon-list-text { color: #e5e7eb; }

.dark-mode .site-main span, .dark-mode .site-main div,
.dark-mode .site-main td, .dark-mode .site-main th,
.dark-mode .site-main dd, .dark-mode .site-main dt,
.dark-mode .site-main blockquote, .dark-mode .site-main figcaption,
.dark-mode .entry-content span, .dark-mode .entry-content li,
.dark-mode .entry-content td, .dark-mode .entry-content th,
.dark-mode .entry-content blockquote,
.dark-mode .elementor-widget-text-editor span,
.dark-mode .elementor-widget-text-editor li,
.dark-mode .elementor-icon-box-description,
.dark-mode .elementor-icon-list-text { color: #d1d5db; }

.dark-mode .site-main h1, .dark-mode .site-main h2, .dark-mode .site-main h3,
.dark-mode .site-main h4, .dark-mode .site-main h5, .dark-mode .site-main h6,
.dark-mode .elementor-heading-title,
.dark-mode .elementor-icon-box-title,
.dark-mode .elementor-icon-box-title a { color: #fff; }

.dark-mode .site-main a:not([class]),
.dark-mode .entry-content a:not([class]),
.dark-mode .elementor-widget-text-editor a:not([class]) { color: #7FB3E8; }
.dark-mode .site-main a:not([class]):hover,
.dark-mode .entry-content a:not([class]):hover { color: #A4B400; }

.dark-mode .entry-content table, .dark-mode .gl-page-content table { border-color: rgba(255, 255, 255, 0.10); }
.dark-mode .entry-content th, .dark-mode .gl-page-content th { background: rgba(255, 255, 255, 0.05); }

/* ══════════════════════════════════════════
   LOCAL CSS-VARIABLE OVERRIDES
   ══════════════════════════════════════════ */
.dark-mode .jeison-blog-archive, .dark-mode.jeison-blog-archive, .dark-mode {
    --text-dark: #e5e7eb; --text-gray: #9ca3af; --text-light: #6b7280;
    --brand-blue: #7FB3E8; --primary-dark: #2D5F93;
    --brand-orange: #fbbf24; --brand-orange-dark: #f59e0b; --white: #e5e7eb;
    --blog-glass: #162B3F; --blog-glass-strong: #162B3F;
    --blog-glass-border: rgba(255, 255, 255, 0.08); --glass-stats: rgba(255, 255, 255, 0.05);
}
.dark-mode {
    --gs-text: #e5e7eb; --gs-muted: #9ca3af; --gs-white: #e5e7eb;
    --gs-2: #2D5F93; --gs-1: #A4B400;
    --gs-glass: #162B3F; --gs-glass-hover: #1F3D57; --gs-border: rgba(255, 255, 255, 0.08);
    --primary: #e5e7eb; --primary-dark: #7FB3E8;
    --accent: #A4B400; --accent-hover: #7C8B00; --accent-light: rgba(164, 180, 0, 0.16);
    --text-dark: #e5e7eb; --text-medium: #9ca3af; --text-light: #6b7280;
}
.gs-kbd, .gs-empty kbd { color: #374151; }
.dark-mode .gs-kbd, .dark-mode .gs-empty kbd { color: #d1d5db; }
.dark-mode .jeison-blog-archive .blog-card,
.dark-mode .jeison-blog-archive [class*="card"],
.dark-mode .gs-card { background: #162B3F; border-color: rgba(255, 255, 255, 0.08); }

/* Inputs */
.dark-mode .gc-section .comment-form input, .dark-mode .gc-section .comment-form textarea,
.dark-mode .flcp-field input, .dark-mode .flcp-field textarea, .dark-mode .flcp-field select,
.dark-mode .fl-search-field input, .dark-mode .fl-drawer-search input,
.dark-mode .fl-pf-drawer-search input {
    background: #0F1724 !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #e5e7eb !important;
}
.dark-mode .gc-section .comment-form input:focus, .dark-mode .gc-section .comment-form textarea:focus,
.dark-mode .flcp-field input:focus, .dark-mode .flcp-field textarea:focus, .dark-mode .flcp-field select:focus,
.dark-mode .fl-search-field input:focus, .dark-mode .fl-drawer-search input:focus {
    background: #0F1724 !important; border-color: rgba(45, 95, 147, 0.45) !important;
}
.dark-mode input::placeholder, .dark-mode textarea::placeholder { color: #6b7280; }

/* متن‌ها */
.dark-mode, .dark-mode body, .dark-mode .site-main, .dark-mode p, .dark-mode li,
.dark-mode .gc-section .gc-content, .dark-mode .gc-section .gc-content p,
.dark-mode .fl-blog-excerpt, .dark-mode .fl-pf-excerpt, .dark-mode .gs-card__title,
.dark-mode .gl-page-content, .dark-mode .gl-page-content p, .dark-mode .fl-sb-content p { color: #e5e7eb !important; }

.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6,
.dark-mode .fl-pf-title, .dark-mode .fl-pf-card-title a, .dark-mode .fl-blog-card-title a,
.dark-mode .fl-blog-title, .dark-mode .gs-hero__title, .dark-mode .gl-page-title,
.dark-mode .fl-sb-title, .dark-mode .gc-section-head h2 { color: #fff !important; }

.dark-mode .fl-text-light, .dark-mode .fl-blog-date, .dark-mode .fl-pf-meta-item,
.dark-mode .gs-card__excerpt, .dark-mode .gs-card__meta, .dark-mode .gs-hero__count,
.dark-mode .gl-meta-item, .dark-mode .fl-sb-title-meta-item,
.dark-mode .gc-section .gc-section-head p, .dark-mode .gc-date, .dark-mode .gc-date *,
.dark-mode small, .dark-mode .fl-bc-item { color: #9ca3af !important; }

.dark-mode .gl-page-content a, .dark-mode .fl-sb-content a, .dark-mode .entry-content a { color: #7FB3E8 !important; }
.dark-mode .gl-page-content a:hover, .dark-mode .fl-sb-content a:hover { color: #A4B400 !important; }

/* Glass cards */
.dark-mode .gc-section .comment-body, .dark-mode .gc-section .gc-empty,
.dark-mode .gc-section .gc-count span, .dark-mode .gc-section .gc-section-badge,
.dark-mode .gc-section .gc-separator span, .dark-mode .gc-section .comment-form,
.dark-mode .fl-pf-card, .dark-mode .fl-pf-panel, .dark-mode .fl-blog-card,
.dark-mode .fl-featured, .dark-mode .fl-glass, .dark-mode .fl-sb-glass,
.dark-mode .fl-sb-rel-card, .dark-mode .fl-sb-cats-wrap, .dark-mode .gs-card,
.dark-mode .gs-empty, .dark-mode .gs-hero, .dark-mode .flcp-card,
.dark-mode .flcp-form-section, .dark-mode .flcp-map-wrap, .dark-mode .flcp-socials-box,
.dark-mode .gl-page-hero-card, .dark-mode .gl-page-card,
.dark-mode .fl-breadcrumb-inner, .dark-mode .fl-ft-col {
    background: #162B3F !important; border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-mode .gc-section .comment-body:hover, .dark-mode .fl-pf-card:hover,
.dark-mode .fl-blog-card:hover, .dark-mode .gs-card:hover,
.dark-mode .flcp-card:hover, .dark-mode .fl-sb-rel-card:hover {
    background: #1F3D57 !important; border-color: rgba(45, 95, 147, 0.25) !important;
}

/* Auth prompt */
.dark-mode .glass-auth-prompt--out { background: linear-gradient(135deg, rgba(164,180,0,0.08), rgba(45,95,147,0.06)); border-color: rgba(255,255,255,0.1); }
.dark-mode .glass-auth-prompt--in { background: rgba(16,185,129,0.10); border-color: rgba(16,185,129,0.25); }
.dark-mode .glass-auth-prompt-ico { background: #162B3F; }
.dark-mode .glass-auth-prompt-txt strong { color: #e5e7eb; }
.dark-mode .glass-auth-prompt-txt span { color: #9ca3af; }
.dark-mode .glass-auth-prompt-txt b { color: #7FB3E8; }

/* City list */
html.dark-mode .fl-city-list li a, .dark-mode .fl-city-list li a { color: #e5e7eb !important; }
html.dark-mode .fl-city-list .sub-menu li a, .dark-mode .fl-city-list .sub-menu li a { color: #9ca3af !important; }

/* reduce-transparency */
@media (prefers-reduced-transparency: reduce) {
    .dark-mode .gc-section .comment-body, .dark-mode .fl-pf-card,
    .dark-mode .fl-blog-card, .dark-mode .gs-card, .dark-mode .flcp-card,
    .dark-mode .gl-page-card, .dark-mode .gl-page-hero-card,
    .dark-mode .fl-sb-glass { background: #162B3F !important; }
}

/* TOP SPACING */
.fl-sp-blog, .fl-sp-page, .gl-page-wrap { padding-top: 50px !important; }
@media (max-width: 768px) { .fl-sp-blog, .fl-sp-page, .gl-page-wrap { padding-top: 30px !important; } }
@media (max-width: 480px) { .fl-sp-blog, .fl-sp-page, .gl-page-wrap { padding-top: 24px !important; } }

/* ══════════════════════════════════════════
   FLOATING BUTTONS — dark mode
   ══════════════════════════════════════════ */
.dark-mode #fl-fab-social-btn {
    background: #2D5F93 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .4) !important;
}
.dark-mode #fl-fab-social-btn:hover {
    background: #1B4A73 !important;
}
.dark-mode #fl-fab-social.is-open #fl-fab-social-btn {
    background: #EF4444 !important;
}
.dark-mode #fl-fab-social.is-open #fl-fab-social-btn:hover {
    background: #B91C1C !important;
}
.dark-mode #fl-fab-menu .fl-fab-item {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .3) !important;
}
.dark-mode #fl-fab-menu .fl-fab-item:hover {
    color: #ffffff !important;
}
.dark-mode #fl-fab-call {
    background: #25D366 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .4) !important;
}
.dark-mode #fl-fab-call:hover {
    background: #1da851 !important;
    color: #ffffff !important;
}
/* ══════════════════════════════════════════
   FOOTER DARK MODE — specificity بالاتر از footer.css
   ══════════════════════════════════════════ */
.dark-mode .dark-mode html body #fl-footer-wrap .fl-ft-bg {
    background: #162B3F !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-wave {
    background: #A4B400 !important;
    color: #162B3F !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-col {
    background: rgba(255, 255, 255, .05) !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-col:hover {
    background: rgba(255, 255, 255, .08) !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-col-title {
    color: #e5e7eb !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-logo-name {
    color: #e5e7eb !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-desc {
    color: #9ca3af !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-social {
    background: rgba(255, 255, 255, .05) !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #d1d5db !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-link {
    color: #9ca3af !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-link:hover {
    color: #A4B400 !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-link-dot {
    background: #A4B400 !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-contact-item {
    background: rgba(255, 255, 255, .03) !important;
    border-color: rgba(255, 255, 255, .06) !important;
    color: #9ca3af !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-contact-item:hover {
    background: rgba(255, 255, 255, .08) !important;
    color: #e5e7eb !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-bottom {
    background: rgba(0, 0, 0, .3) !important;
    border-top-color: rgba(255, 255, 255, .05) !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-copy {
    color: #9ca3af !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-back-top {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #d1d5db !important;
}
.dark-mode html body #fl-footer-wrap .fl-ft-back-top:hover {
    background: #A4B400 !important;
    color: #ffffff !important;
    border-color: #A4B400 !important;
}

/* ═══ SINGLE PORTFOLIO DARK MODE FIX ═══ */
.dark-mode .fl-sp-glass {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.3) !important;
}


/* ═══ SIDEBAR & PANEL DARK MODE FIX ═══ */
.dark-mode .fl-sp-sidebar,
.dark-mode .fl-sp-panel {
    background: #162B3F !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e5e7eb !important;
}

.dark-mode .fl-sp-panel {
    background: #162B3F !important;
}

.dark-mode .fl-sp-sidebar-head {
    color: #e5e7eb !important;
}