/* ================================================ */
/* DARK MODE ULTIMATE – نسخه نهایی برای تمام صفحات   */
/* ================================================ */

/* متغیرهای رنگی */
.dark-mode {
    --bg-deep: #0b1017;
    --bg-primary: #121c26;
    --bg-secondary: #1a2835;
    --bg-tertiary: #233445;
    --bg-card: #1e2f40;
    --bg-card-hover: #263b4f;
    --bg-input: #1f3145;
    --bg-tag: #2c405a;
    --border-light: #2f405a;
    --border-medium: #405a78;
    --border-heavy: #54749c;
    --text-bright: #ffffff;
    --text-primary: #f0f7ff;
    --text-secondary: #d9e9ff;
    --text-tertiary: #b8d4ff;
    --text-muted: #8aaee0;
    --accent-blue: #3b82f6;
    --accent-blue-light: #60a5fa;
    --accent-green: #10b981;
    --accent-purple: #8b5cf6;
    --accent-orange: #f59e0b;
    --accent-red: #ef4444;
    --shadow-dark: rgba(0, 0, 0, 0.8);
    --glow-blue: rgba(59, 130, 246, 0.3);

    background: var(--bg-deep) !important;
    color: var(--text-primary) !important;
}

.dark-mode,
.dark-mode body,
.dark-mode html {
    background: var(--bg-deep) !important;
    color: var(--text-primary) !important;
}

/* ========== بازنشانی پس‌زمینه‌های روشن ========== */
.dark-mode [class*="bg-white"],
.dark-mode [class*="bg-gray-50"],
.dark-mode [class*="bg-gray-100"],
.dark-mode [class*="bg-gray-200"],
.dark-mode [class*="bg-blue-50"],
.dark-mode [class*="bg-green-50"],
.dark-mode [class*="bg-yellow-50"],
.dark-mode [class*="bg-purple-50"],
.dark-mode [class*="bg-indigo-50"],
.dark-mode [class*="bg-pink-50"],
.dark-mode [class*="bg-red-50"],
.dark-mode [class*="bg-emerald-50"],
.dark-mode [class*="bg-teal-50"],
.dark-mode [class*="bg-cyan-50"],
.dark-mode [class*="bg-sky-50"],
.dark-mode [class*="bg-orange-50"],
.dark-mode [class*="bg-amber-50"],
.dark-mode [class*="bg-lime-50"],
.dark-mode .bg-white,
.dark-mode .bg-white\/95,
.dark-mode .bg-white\/90,
.dark-mode .bg-white\/80,
.dark-mode .bg-white\/70,
.dark-mode .bg-gray-50,
.dark-mode .bg-gray-100,
.dark-mode .bg-gray-200 {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* ========== کارت‌ها و المان‌های مشترک ========== */
.dark-mode .project-card,
.dark-mode .clean-card,
.dark-mode .stats-card,
.dark-mode .card-hover,
.dark-mode .glass-effect,
.dark-mode .glass-card,
.dark-mode .modern-glass,
.dark-mode .bg-gradient-to-br.from-white.to-gray-50,
.dark-mode .bg-gradient-to-br.from-indigo-50.via-blue-50.to-cyan-50,
.dark-mode .glassmorphism,
.dark-mode .modern-glassmorphism,
.dark-mode .advanced-search,
.dark-mode .product-card,
.dark-mode .leaderboard-table,
.dark-mode .modal-content,
.dark-mode .bg-white.rounded-2xl,
.dark-mode .bg-white.rounded-3xl,
.dark-mode .bg-white.rounded-xl {
    background: linear-gradient(145deg, var(--bg-card), var(--bg-secondary)) !important;
    border: 1px solid var(--border-light) !important;
    box-shadow: 0 15px 30px -10px var(--shadow-dark) !important;
}

.dark-mode .project-card:hover,
.dark-mode .clean-card:hover,
.dark-mode .card-hover:hover,
.dark-mode .product-card:hover {
    background: linear-gradient(145deg, var(--bg-card-hover), var(--bg-card)) !important;
    border-color: var(--border-medium) !important;
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 25px 40px -12px black, 0 0 0 1px var(--accent-blue) inset !important;
}

/* ========== کارت توسعه‌دهنده ========== */
.dark-mode .developer-card,
.dark-mode .bg-gradient-to-br.from-indigo-50.via-blue-50.to-cyan-50 {
    background: linear-gradient(145deg, #1f3145, #172838) !important;
    border: 1px solid var(--border-medium) !important;
}

.dark-mode .developer-card .text-gray-800,
.dark-mode .developer-card .font-black {
    color: var(--text-bright) !important;
}

.dark-mode .developer-card .text-gray-600 {
    color: var(--text-tertiary) !important;
}

.dark-mode .developer-card .bg-gradient-to-r.from-gray-100.to-gray-200,
.dark-mode .developer-card .bg-gray-100 {
    background: #2c4058 !important;
    border-color: var(--border-medium) !important;
}

.dark-mode .developer-card .bg-white\/90 {
    background: #1f3145 !important;
}

/* ========== ناوبری ========== */
.dark-mode .modern-nav,
.dark-mode header.sticky,
.dark-mode .bg-gradient-to-r.from-slate-900.via-purple-900.to-slate-900,
.dark-mode .bg-gradient-to-r.from-indigo-900.via-purple-900.to-pink-900 {
    background: rgba(8, 12, 18, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid var(--border-light) !important;
}

.dark-mode .nav-link,
.dark-mode header a:not(.btn):not(.button) {
    color: var(--text-secondary) !important;
}


.dark-mode .nav-link:hover,
.dark-mode header a:not(.btn):not(.button):hover {
    background: rgba(59, 130, 246, 0.15) !important;
    color: white !important;
}

/* ========== منوی موبایل ========== */
.dark-mode #mobileMenu,
.dark-mode .bg-white\/95.backdrop-blur-lg {
    background: var(--bg-secondary) !important;
    border-color: var(--border-light) !important;
}

.dark-mode #mobileMenu a {
    color: var(--text-secondary) !important;
}

.dark-mode #mobileMenu a:hover {
    background: rgba(59, 130, 246, 0.2) !important;
    color: white !important;
}

/* ========== فوتر ========== */
.dark-mode footer,
.dark-mode .bg-gradient-to-r.from-gray-900.via-slate-900.to-gray-900 {
    background: #070c12 !important;
    border-top: 1px solid var(--border-light) !important;
}

.dark-mode footer .text-gray-300,
.dark-mode footer .text-gray-400,
.dark-mode footer p {
    color: var(--text-tertiary) !important;
}

.dark-mode footer a {
    color: var(--text-secondary) !important;
}

.dark-mode footer a:hover {
    color: white !important;
}

/* ========== فرم‌ها ========== */
.dark-mode input,
.dark-mode select,
.dark-mode textarea {
    background: var(--bg-input) !important;
    border: 2px solid var(--border-light) !important;
    color: var(--text-primary) !important;
    border-radius: 1rem !important;
    padding: 0.75rem 1.25rem !important;
    transition: all 0.2s ease !important;
}

.dark-mode input:focus,
.dark-mode select:focus,
.dark-mode textarea:focus {
    border-color: var(--accent-blue) !important;
    box-shadow: 0 0 0 4px var(--glow-blue), 0 0 15px var(--accent-blue) !important;
    outline: none !important;
}

.dark-mode input::placeholder,
.dark-mode textarea::placeholder {
    color: var(--text-muted) !important;
}
.dark-mode span.text-green-700.text-xs.font-bold {
    color: #07de00 !important;  /* رنگ دلخواه شما */
}
/* ========== دکمه‌ها ========== */
.dark-mode button:not(.gradient-primary):not(.gradient-success):not(.gradient-secondary):not(.filter-btn):not(.sort-btn):not(.chip-btn):not(.btn-modern):not(.btn-primary):not(.follow-btn) {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-secondary) !important;
    border-radius: 0.75rem !important;
    padding: 0.6rem 1.2rem !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}

.dark-mode button:hover {
    background: #2f425a !important;
    border-color: var(--accent-blue) !important;
    color: white !important;
}

/* دکمه‌های گرادیان */
.dark-mode .gradient-success,
.dark-mode .bg-gradient-to-r.from-green-500,
.dark-mode .bg-gradient-to-r.from-emerald-500 {
    background: linear-gradient(135deg, #0b5e4c, #0a7e55) !important;
    color: white !important;
    border: 1px solid #34d399 !important;
}

.dark-mode .gradient-secondary,
.dark-mode .bg-gradient-to-r.from-yellow-500,
.dark-mode .bg-gradient-to-r.from-orange-500 {
    background: linear-gradient(135deg, #b45309, #c2410c) !important;
    color: white !important;
    border: 1px solid #fbbf24 !important;
}

.dark-mode .gradient-primary,
.dark-mode .bg-gradient-to-r.from-blue-500,
.dark-mode .bg-gradient-to-r.from-purple-600 {
    background: linear-gradient(135deg, #1e40af, #5b21b6) !important;
    color: white !important;
    border: 1px solid #818cf8 !important;
}

/* دکمه‌های فیلتر */
.dark-mode .filter-btn,
.dark-mode .sort-btn,
.dark-mode .chip-btn {
    background: var(--bg-tertiary) !important;
    border: 1px solid var(--border-medium) !important;
    color: var(--text-secondary) !important;
}

.dark-mode .filter-btn:hover,
.dark-mode .sort-btn:hover,
.dark-mode .chip-btn:hover {
    background: #2f425a !important;
    border-color: var(--accent-blue) !important;
    color: white !important;
}

.dark-mode .filter-btn.bg-blue-500,
.dark-mode .sort-btn.bg-blue-500 {
    background: var(--accent-blue) !important;
    border-color: var(--accent-blue-light) !important;
    color: white !important;
}

/* دکمه دنبال کردن */
.dark-mode .follow-btn.not-following {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
}
.dark-mode .follow-btn.following {
    background: rgba(255,255,255,0.05) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-medium) !important;
}
.dark-mode .follow-btn.following:hover {
    background: rgba(239,68,68,0.2) !important;
    color: #f87171 !important;
    border-color: #f87171 !important;
}

/* ========== تگ‌ها ========== */
.dark-mode .language-tag,
.dark-mode [class*="bg-gradient-to-r.from-blue-100"],
.dark-mode [class*="bg-gradient-to-r.from-purple-100"],
.dark-mode [class*="bg-gradient-to-r.from-green-100"],
.dark-mode [class*="bg-gradient-to-r.from-yellow-100"] {
    background: linear-gradient(135deg, #2e4157, #1f3042) !important;
    color: white !important;
    border: 1px solid #3f5b7a !important;
    font-weight: 600 !important;
}

.dark-mode .tag,
.dark-mode .bg-gray-100.text-gray-800,
.dark-mode .px-2.py-1.bg-gray-100,
.dark-mode .bg-gray-200.text-gray-700 {
    background: #2c4058 !important;
    color: white !important;
    border: 1px solid #4f6b8a !important;
    padding: 0.35rem 0.9rem !important;
}

.dark-mode .tag:hover {
    background: #334a62 !important;
    border-color: #60a5fa !important;
}

/* ========== نشان‌های ویژه ========== */
.dark-mode .blue-tick,
.dark-mode .zip-verified,
.dark-mode .verified-pulse {
    background: linear-gradient(135deg, #1e3a8a, #2563eb) !important;
    border: 1px solid var(--accent-blue-light) !important;
    box-shadow: 0 0 15px var(--accent-blue) !important;
}

/* ========== متن‌ها ========== */
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6 {
    color: var(--text-bright) !important;
}

.dark-mode p,
.dark-mode li,
.dark-mode span:not(.badge):not(.tag):not([class*="text-"]),
.dark-mode div:not(.special) {
    color: var(--text-primary) !important;
}

.dark-mode .text-gray-900 { color: #ffffff !important; }
.dark-mode .text-gray-800 { color: #f0f6ff !important; }
.dark-mode .text-gray-700 { color: #d9e6ff !important; }
.dark-mode .text-gray-600 { color: #b8cef0 !important; }
.dark-mode .text-gray-500 { color: #97b3d9 !important; }
.dark-mode .text-gray-400 { color: #7a98c2 !important; }

.dark-mode .text-blue-600,
.dark-mode .text-blue-700,
.dark-mode .text-blue-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1)) !important;
}
.dark-mode .text-green-600,
.dark-mode .text-green-700,
.dark-mode .text-green-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(20 83 45 / var(--tw-text-opacity, 1)); !important; }
.dark-mode .text-yellow-600,
.dark-mode .text-yellow-700,
.dark-mode .text-yellow-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(113 63 18 / var(--tw-text-opacity, 1)) !important; }
.dark-mode .text-purple-600,
.dark-mode .text-purple-700,
.dark-mode .text-purple-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(88 28 135 / var(--tw-text-opacity, 1)) !important; }
.dark-mode .text-red-600,
.dark-mode .text-red-700,
.dark-mode .text-red-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(127 29 29 / var(--tw-text-opacity, 1)) !important; }

/* لینک‌ها */
.dark-mode a:not(.btn):not(.nav-link):not(.footer-link):not(.button-green) {
    color: var(--accent-blue-light) !important;
}

.dark-mode a:hover {
    color: #90c0ff !important;
}

/* ========== مدال‌ها ========== */
.dark-mode .modal-backdrop,
.dark-mode .fixed.inset-0.bg-black\/60,
.dark-mode .fixed.inset-0.bg-black\/50 {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(8px) !important;
}

.dark-mode .modal-content,
.dark-mode .glass-card,
.dark-mode .bg-white.rounded-2xl,
.dark-mode .bg-white.rounded-3xl {
    background: var(--bg-secondary) !important;
    border: 1px solid var(--border-medium) !important;
}

/* ========== تب‌ها ========== */
.dark-mode .tab-btn {
    background: transparent;
    color: var(--text-secondary) !important;
}
.dark-mode .tab-btn.tab-active {
    background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple)) !important;
    color: white !important;
}

/* ========== بخش‌های خاص ========== */

/* hero-site (index.php) */
.dark-mode .hero-site {
    background: linear-gradient(135deg, #121c26 0%, #0b131e 100%) !important;
}
.dark-mode .hero-title {
    color: var(--text-bright) !important;
}
.dark-mode .hero-title .highlight {
    color: var(--accent-green) !important;
}
.dark-mode .hero-subtitle,
.dark-mode .hero-features li {
    color: var(--text-secondary) !important;
}

/* دستیار هوش مصنوعی (ai.php) */
.dark-mode .modern-glassmorphism,
.dark-mode .rate-limit-notice,
.dark-mode .bg-white.rounded-2xl,
.dark-mode .chat-container {
    background: var(--bg-secondary) !important;
    border-color: var(--border-light) !important;
}
.dark-mode .ai-message {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-medium) !important;
}
.dark-mode .user-message {
    background: linear-gradient(135deg, #1e3a8a, #5b21b6) !important;
    color: white !important;
}
.dark-mode .typing-indicator div {
    background: var(--accent-blue) !important;
}
.dark-mode .message-input {
    background: var(--bg-input) !important;
    border-color: var(--border-light) !important;
}
.dark-mode .send-button {
    background: linear-gradient(135deg, #1e3a8a, #5b21b6) !important;
}
.dark-mode .bg-green-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)) !important;
}
.dark-mode .
/* فروشگاه (shop.php, product.php, seller-panel.php) */
.dark-mode .product-card .bg-gradient-to-br.from-blue-100.to-purple-100 {
    background: linear-gradient(135deg, #1e2f44, #172838) !important;
}
.dark-mode .product-card .text-gray-900,
.dark-mode .product-card h3 {
    color: var(--text-bright) !important;
}
.dark-mode .product-card .text-gray-600 {
    color: var(--text-tertiary) !important;
}
.dark-mode .filter-btn.filter-active {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: white !important;
}
.dark-mode .bg-gradient-to-r.from-purple-600.to-pink-600 {
    background: linear-gradient(135deg, #4c1d95, #831843) !important;
}
.dark-mode .bg-gradient-to-r.from-indigo-500.to-purple-600 {
    background: linear-gradient(135deg, #3730a3, #5b21b6) !important;
}
.dark-mode .bg-gradient-to-r.from-emerald-500.to-teal-500 {
    background: linear-gradient(135deg, #065f46, #115e59) !important;
}
.dark-mode .bg-white\/10.backdrop-blur-md {
    background: rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(8px);
}

/* پروفایل (profile.php) */
.dark-mode .gradient-bg {
    background: linear-gradient(135deg, #1e3a8a, #5b21b6) !important;
}
.dark-mode .glassmorphism {
    background: rgba(26, 38, 50, 0.8) !important;
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.1);
}

/* آپلود (upload.php) */
.dark-mode .upload-area {
    border-color: var(--border-light) !important;
    background: var(--bg-tertiary) !important;
}
.dark-mode .upload-area.dragover {
    border-color: var(--accent-blue) !important;
    background: rgba(59,130,246,0.1) !important;
}
.dark-mode .upload-area.file-selected {
    border-color: var(--accent-green) !important;
    background: rgba(16,185,129,0.1) !important;
}
.dark-mode .preview-upload-area {
    border-color: var(--border-light) !important;
}

/* انجمن (forum.php) */
.dark-mode .forum-category {
    border-left-color: var(--accent-blue) !important;
}
.dark-mode .forum-category:hover {
    background: rgba(255,255,255,0.05) !important;
}
.dark-mode .stats-card {
    background: var(--bg-card) !important;
}
.dark-mode .topic-row:hover {
    background: rgba(255,255,255,0.05) !important;
}
.dark-mode .post-avatar {
    background: linear-gradient(135deg, #1e3a8a, #5b21b6) !important;
}

/* ========== اسکرول‌بار ========== */
.dark-mode ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-deep);
}
.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--border-medium);
    border-radius: 8px;
    border: 2px solid var(--bg-deep);
}
.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--border-heavy);
}

/* ========== hoverهای عمومی ========== */
.dark-mode .hover\:bg-gray-50:hover { background: #253548 !important; }
.dark-mode .hover\:bg-gray-100:hover { background: #2f4055 !important; }
.dark-mode .hover\:bg-blue-50:hover { background: rgba(59, 130, 246, 0.2) !important; }
.dark-mode .hover\:bg-green-50:hover { background: rgba(16, 185, 129, 0.2) !important; }
.dark-mode .hover\:bg-purple-50:hover { background: rgba(139, 92, 246, 0.2) !important; }
.dark-mode .hover\:scale-105:hover { transform: scale(1.05); }

/* ========== رفع مشکلات اضافی ========== */
.dark-mode hr,
.dark-mode .border-t,
.dark-mode .border-b,
.dark-mode .border-l,
.dark-mode .border-r,
.dark-mode .border-gray-200,
.dark-mode .border-gray-100,
.dark-mode .border-gray-300 {
    border-color: var(--border-light) !important;
}

.dark-mode .prose,
.dark-mode .prose p,
.dark-mode .prose li,
.dark-mode .prose blockquote {
    color: var(--text-primary) !important;
}
.dark-mode .prose code {
    background: #1f3145 !important;
    color: #f9a8d4 !important;
}
.dark-mode .prose pre {
    background: #0b121e !important;
}
.dark-mode .text-blue-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1)) !important;
}
.dark-mode .text-yellow-700 {
    --tw-text-opacity: 1 !important;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1)) !important;
}

/* حذف گرادیان متن روی h1 (مشکل header) */
.dark-mode h1.bg-gradient-to-r,
.dark-mode .modern-nav h1 {
    background: transparent !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    color: var(--text-bright) !important;
    -webkit-text-fill-color: var(--text-bright) !important;
}