/**
 * Universal Purple Theme for Light & Dark Modes
 * تم بنفش یکپارچه برای حالت روشن و تیره
 */

/* ============================================
   LIGHT MODE - حالت روشن
   ============================================ */

[data-theme="light"] {
    /* رنگ‌های پایه - Professional Light Purple Gradient Background */
    /* Soft lavender gradient optimized for readability and modern aesthetics */
    --bg-main: linear-gradient(135deg, #f8f5ff 0%, #f3f0ff 20%, #ede8ff 40%, #e8e3ff 60%, #e5e0ff 80%, #e0dbff 100%);
    --bg-card: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 245, 255, 0.9) 100%);
    --bg-header: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 255, 0.95) 100%);
    --bg-sidebar: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(254, 252, 255, 0.95) 20%, rgba(250, 247, 255, 0.93) 40%, rgba(246, 242, 255, 0.92) 60%, rgba(242, 238, 255, 0.90) 80%, rgba(238, 234, 255, 0.88) 100%);
    
    /* متن‌ها - Navy Blue for all text */
    --text-primary: #000080;
    --text-secondary: #000080;
    --text-muted: #000080;
    --text-white: #ffffff;
    
    /* بوردر و سایه */
    --border-color: rgba(147, 51, 234, 0.3);
    --shadow-sm: 0 4px 15px rgba(124, 58, 237, 0.15);
    --shadow-md: 0 8px 32px rgba(124, 58, 237, 0.2);
    --shadow-lg: 0 12px 48px rgba(124, 58, 237, 0.3);
    
    /* رنگ‌های تکمیلی */
    --purple-primary: #7c3aed;
    --purple-hover: #9333ea;
    --purple-dark: #6b21a8;
}

/* ============================================
   PREMIUM LIGHT MODE BACKGROUND
   Ultra-subtle, professional gradient system
   ============================================ */

/**
 * DESIGN INTENT:
 * Create a barely-there, luxurious background inspired by premium
 * design systems (Linear, Vercel, Figma). The gradient is so subtle
 * it reads as "near-white" but provides sophisticated depth.
 * 
 * COLOR HARMONY:
 * - #faf8ff (near-white lavender) → primary base
 * - #f0eaff (soft pale lilac) → mid-tone depth
 * - #e6e0ff (gentle lavender) → accent depth
 * 
 * SELECTOR STRATEGY:
 * Uses [data-theme="light"] with high specificity on root elements
 * (html, body) to ensure override without !important where possible.
 * Targets all potential wrappers for full coverage.
 * 
 * PERFORMANCE:
 * - Fixed attachment for immersive effect
 * - Fallback solid color for graceful degradation
 * - Smooth scroll optimization
 */

/* Root-level background application with fallback */
html[data-theme="light"] {
    background: #faf8ff; /* Fallback solid color */
    background: linear-gradient(140deg, 
        #faf8ff 0%, 
        #f0eaff 60%, 
        #e6e0ff 100%);
    background-attachment: fixed;
    background-size: 100% 100%;
    min-height: 100vh;
}

/* Body and main wrappers - high specificity override */
html[data-theme="light"] body,
html[data-theme="light"] body.admin-body,
html[data-theme="light"] .dashboard-wrapper,
html[data-theme="light"] .admin-main,
html[data-theme="light"] main {
    background: linear-gradient(140deg, 
        #faf8ff 0%, 
        #f0eaff 60%, 
        #e6e0ff 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    color: var(--text-primary);
}

/* Performance optimization: reduce paint on scroll */
@media (prefers-reduced-motion: reduce) {
    html[data-theme="light"],
    html[data-theme="light"] body {
        background-attachment: scroll;
    }
}

/* Legacy browser fallback */
@supports not (background: linear-gradient(140deg, #faf8ff, #f0eaff)) {
    html[data-theme="light"] body {
        background: #faf8ff;
    }
}

/* Ensure full coverage on short content */
html[data-theme="light"] body {
    position: relative;
    z-index: 0;
}

html[data-theme="light"] body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(140deg, 
        #faf8ff 0%, 
        #f0eaff 60%, 
        #e6e0ff 100%);
    z-index: -1;
    pointer-events: none;
}

@keyframes gradientMove {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* هدر */
[data-theme="light"] .admin-header,
[data-theme="light"] header,
[data-theme="light"] .navbar {
    background: var(--bg-header) !important;
    box-shadow: var(--shadow-md);
    border-bottom: 2px solid rgba(124, 58, 237, 0.2);
}

[data-theme="light"] .admin-header *,
[data-theme="light"] .admin-logo *,
[data-theme="light"] .admin-logo h1,
[data-theme="light"] .navbar *,
[data-theme="light"] .user-profile .username,
[data-theme="light"] .admin-header i {
    color: #000080 !important;
}

/* Sidebar */
[data-theme="light"] .admin-sidebar,
[data-theme="light"] .sidebar {
    background: linear-gradient(180deg, 
        #fefeff 0%, 
        #fdfcff 3%,
        #fcfbff 6%,
        #fbf9ff 9%,
        #faf8ff 12%,
        #f9f7ff 15%,
        #f8f6ff 18%,
        #f7f5ff 21%,
        #f6f4ff 24%,
        #f5f3ff 27%,
        #f4f2ff 30%,
        #f3f1ff 33%,
        #f2f0ff 36%,
        #f1efff 39%,
        #f0eeff 42%,
        #efedff 45%,
        #eeecff 48%,
        #edebff 51%,
        #eceaff 54%,
        #ebe9ff 57%,
        #eae8ff 60%,
        #e9e7ff 63%,
        #e8e6ff 66%,
        #e7e5ff 69%,
        #e6e4ff 72%,
        #e5e3ff 75%,
        #e4e2ff 78%,
        #e3e1ff 81%,
        #e2e0ff 84%,
        #e1dfff 87%,
        #e0deff 90%,
        #dfddff 93%,
        #dedcff 96%,
        #dddbff 100%) !important;
    backdrop-filter: blur(45px) saturate(220%);
    border-left: 7px solid rgba(124, 58, 237, 0.6);
    box-shadow: 12px 0 65px rgba(124, 58, 237, 0.45);
}

[data-theme="light"] .admin-sidebar *,
[data-theme="light"] .sidebar *,
[data-theme="light"] .nav-link,
[data-theme="light"] .nav-link i,
[data-theme="light"] .nav-link span {
    color: #000080 !important;
}

/* مخفی کردن عنوان‌های ماژول‌ها در sidebar */
[data-theme="light"] .nav-section-title,
[data-theme="dark"] .nav-section-title {
    display: none !important;
}

[data-theme="light"] .nav-link:hover {
    background: linear-gradient(90deg, rgba(147, 51, 234, 0.15) 0%, rgba(124, 58, 237, 0.1) 100%);
}

[data-theme="light"] .nav-link.active,
[data-theme="light"] .nav-item.active .nav-link {
    background: linear-gradient(90deg, rgba(147, 51, 234, 0.25) 0%, rgba(124, 58, 237, 0.15) 100%);
    border-right: 3px solid var(--purple-primary);
}

/**
 * PREMIUM NEON PURPLE CARD EFFECTS - LIGHT MODE ONLY
 * Strategy: Multi-layer glow for professional neon appearance
 * - Base border: Light purple #d8b4fe (soft lavender-purple)
 * - Triple shadow layers for depth and neon glow effect:
 *   1. Inner glow: 8px blur with 60% opacity (soft inner light)
 *   2. Mid glow: 16px blur with 40% opacity (medium ambient glow)
 *   3. Inset glow: 8px blur with 20% opacity (inner edge highlight)
 * - Rounded corners: 16px border-radius
 * - Hover boost: Intensified glow + slight lift animation
 * - Background: Solid white/light purple for contrast
 * - Smooth transitions for all states (0.3s ease)
 * 
 * Applied to: All card types (stat-card, chart-container, activity cards, etc.)
 */

/* کارت‌ها - Premium Neon Purple Glow */
[data-theme="light"] .card,
[data-theme="light"] .stat-card,
[data-theme="light"] .admin-card,
[data-theme="light"] .chart-container,
[data-theme="light"] .recent-activities,
[data-theme="light"] .activity-item {
    background: var(--bg-card);
    border: 2px solid #d8b4fe; /* Neon lavender-purple border */
    border-radius: 16px;
    
    /* Triple-layer neon glow effect */
    box-shadow: 
        0 0 8px rgba(187, 130, 255, 0.6),      /* Inner soft glow */
        0 0 16px rgba(167, 100, 255, 0.4),     /* Mid ambient glow */
        inset 0 0 8px rgba(200, 150, 255, 0.2); /* Inset edge highlight */
    
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

/* Hover State - Intensified Neon Glow */
[data-theme="light"] .card:hover,
[data-theme="light"] .stat-card:hover,
[data-theme="light"] .admin-card:hover,
[data-theme="light"] .chart-container:hover {
    box-shadow: 
        0 0 12px rgba(187, 130, 255, 0.8),      /* Boosted inner glow */
        0 0 24px rgba(167, 100, 255, 0.6),      /* Enhanced ambient glow */
        0 4px 30px rgba(147, 51, 234, 0.3),     /* Lift shadow */
        inset 0 0 12px rgba(200, 150, 255, 0.3); /* Stronger inset glow */
    
    border-color: #c084fc; /* Slightly darker purple on hover */
    border-width: 3px;
    transform: translateY(-2px); /* Subtle lift effect */
}

[data-theme="light"] .stat-card .stat-icon {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.2) 0%, rgba(147, 51, 234, 0.15) 100%);
    border: 2px solid var(--purple-primary);
}

[data-theme="light"] .chart-header,
[data-theme="light"] .activities-header {
    border-bottom: 2px solid var(--border-color);
}

/* دکمه‌ها */
[data-theme="light"] .btn,
[data-theme="light"] button:not(.close):not(.lang-option):not(.lang-toggle) {
    background: linear-gradient(135deg, var(--purple-primary) 0%, var(--purple-dark) 100%);
    color: var(--text-white) !important;
    border: 2px solid transparent;
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

[data-theme="light"] .btn:hover,
[data-theme="light"] button:not(.close):not(.lang-option):not(.lang-toggle):hover {
    background: linear-gradient(135deg, var(--purple-hover) 0%, var(--purple-primary) 100%);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
    border-color: var(--purple-primary);
}

[data-theme="light"] .btn i,
[data-theme="light"] button:not(.close) i {
    color: var(--text-white) !important;
}

/* Input و Form */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select,
[data-theme="light"] .form-control,
[data-theme="light"] .form-input,
[data-theme="light"] .form-select {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid var(--border-color);
    color: #000080 !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #4169E1 !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus,
[data-theme="light"] .form-control:focus {
    border-color: var(--purple-primary);
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
    outline: none;
}

/**
 * ============================================================================
 * TABLE TEXT COLOR OVERRIDE - LIGHT MODE ONLY
 * ============================================================================
 * 
 * PROBLEM: Table cells (<td>) showing white text on light backgrounds
 * SOLUTION: Force navy blue (#000080) text for ALL table content in light mode
 * 
 * SELECTOR STRATEGY:
 * - High specificity using [data-theme="light"] attribute selector
 * - Targets: html[data-theme="light"], body.light, .admin-body (covers all cases)
 * - Multi-level targeting: table → tbody/thead → tr → td → nested elements
 * - Universal selectors (*) to catch all child elements
 * 
 * WHY !important:
 * - Overrides Bootstrap/Tailwind framework defaults
 * - Beats inline styles (style="color: white")
 * - Ensures consistency across all table implementations
 * - Prevents specificity wars with other CSS rules
 * 
 * DARK MODE SAFETY:
 * - Only applies to [data-theme="light"] - dark mode unaffected
 * - Dark mode tables will maintain white/light text naturally
 * 
 * RTL SUPPORT:
 * - Text alignment preserved (inherit from parent)
 * - Direction-agnostic color application
 * 
 * COVERAGE:
 * - Generic <table>, .table, .admin-table classes
 * - Specific tables: #propertiesTable, #usersTable, #agenciesTable
 * - All nested elements: span, a, p, div, strong, em, small
 * - Text utility classes: .text-center, .text-end, .text-muted
 * - Badge and label components within tables
 * ============================================================================
 */

/* Base Table Structure - Purple gradient header */
html[data-theme="light"] .table thead,
html[data-theme="light"] table thead,
html[data-theme="light"] .admin-table thead,
body.light table thead {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.15) 0%, rgba(107, 33, 168, 0.15) 100%);
}

/* Table Headers - Navy Blue, Bold */
html[data-theme="light"] .table thead th,
html[data-theme="light"] table thead th,
html[data-theme="light"] .admin-table thead th,
html[data-theme="light"] thead th,
body.light table th,
.light-mode table th {
    color: #000080 !important;
    font-weight: 600 !important;
}

/* Table Row Hover - Subtle purple highlight */
html[data-theme="light"] .table tbody tr:hover,
html[data-theme="light"] table tbody tr:hover,
html[data-theme="light"] .admin-table tbody tr:hover,
body.light table tbody tr:hover {
    background: rgba(233, 213, 255, 0.3) !important;
}

/* ============================================
   CORE FIX: ALL TABLE CELLS → NAVY BLUE
   ============================================ */

/* Target ALL <td> elements in light mode */
html[data-theme="light"] td,
html[data-theme="light"] .table td,
html[data-theme="light"] table td,
html[data-theme="light"] .admin-table td,
html[data-theme="light"] .table tbody td,
html[data-theme="light"] table tbody td,
body.light td,
.light-mode td,
.admin-body[data-theme="light"] td {
    color: #000080 !important;
}

/* Target ALL nested elements inside <td> */
html[data-theme="light"] td *,
html[data-theme="light"] td span,
html[data-theme="light"] td a,
html[data-theme="light"] td p,
html[data-theme="light"] td div,
html[data-theme="light"] td strong,
html[data-theme="light"] td em,
html[data-theme="light"] td small,
html[data-theme="light"] td label,
html[data-theme="light"] td code,
body.light td *,
.light-mode td * {
    color: #000080 !important;
}

/* Specific Table IDs (if using specific table identifiers) */
html[data-theme="light"] #propertiesTable td,
html[data-theme="light"] #propertiesTable td *,
html[data-theme="light"] #usersTable td,
html[data-theme="light"] #usersTable td *,
html[data-theme="light"] #agenciesTable td,
html[data-theme="light"] #agenciesTable td *,
html[data-theme="light"] #reportsTable td,
html[data-theme="light"] #reportsTable td *,
html[data-theme="light"] #transactionsTable td,
html[data-theme="light"] #transactionsTable td * {
    color: #000080 !important;
}

/* Text Utility Classes inside tables */
html[data-theme="light"] td.text-center,
html[data-theme="light"] td.text-end,
html[data-theme="light"] td.text-start,
html[data-theme="light"] td.text-muted,
html[data-theme="light"] .table .text-center,
html[data-theme="light"] .table .text-end,
html[data-theme="light"] table .text-center,
html[data-theme="light"] table .text-end {
    color: #000080 !important;
}

/* Badges and Labels within table cells */
html[data-theme="light"] td .badge,
html[data-theme="light"] td .label,
html[data-theme="light"] td .tag,
html[data-theme="light"] td .chip {
    color: #000080 !important;
}

/* Links inside table cells - Navy with purple hover */
html[data-theme="light"] td a {
    color: #000080 !important;
    text-decoration: none;
}

html[data-theme="light"] td a:hover {
    color: #7c3aed !important;
    text-decoration: underline;
}

/* Comprehensive wildcard - catches everything */
html[data-theme="light"] .table,
html[data-theme="light"] .table *,
html[data-theme="light"] table,
html[data-theme="light"] table *,
html[data-theme="light"] .admin-table,
html[data-theme="light"] .admin-table *,
html[data-theme="light"] .table-responsive table,
html[data-theme="light"] .table-responsive table *,
html[data-theme="light"] .table-container table,
html[data-theme="light"] .table-container table *,
body.light table,
body.light table *,
.light-mode table,
.light-mode table * {
    color: #000080 !important;
}

/* Numbers and Stats (in case they have special classes) */
html[data-theme="light"] td .stat-value,
html[data-theme="light"] td .stat-number,
html[data-theme="light"] td .stat-label,
html[data-theme="light"] td .number,
html[data-theme="light"] td .amount,
html[data-theme="light"] td .price,
html[data-theme="light"] td .count {
    color: #000080 !important;
}

/**
 * ============================================================================
 * AGENCY CARDS TEXT COLOR - LIGHT MODE
 * ============================================================================
 * Force navy blue text for all content inside agency cards
 */

/* Agency Card - All text elements */
html[data-theme="light"] .agency-card,
html[data-theme="light"] .agency-card *,
html[data-theme="light"] .agency-card h3,
html[data-theme="light"] .agency-card p,
html[data-theme="light"] .agency-card span,
html[data-theme="light"] .agency-card a,
html[data-theme="light"] .agency-card div,
body.light .agency-card,
body.light .agency-card * {
    color: #000080 !important;
}

/* Agency Card - Specific sections */
html[data-theme="light"] .agency-header,
html[data-theme="light"] .agency-header *,
html[data-theme="light"] .agency-body,
html[data-theme="light"] .agency-body *,
html[data-theme="light"] .agency-footer,
html[data-theme="light"] .agency-footer *,
html[data-theme="light"] .agency-info,
html[data-theme="light"] .agency-info *,
html[data-theme="light"] .agency-detail,
html[data-theme="light"] .agency-detail *,
html[data-theme="light"] .agency-stat,
html[data-theme="light"] .agency-stat * {
    color: #000080 !important;
}

/* Agency Card - Links with hover */
html[data-theme="light"] .agency-card a {
    color: #000080 !important;
    text-decoration: none;
}

html[data-theme="light"] .agency-card a:hover {
    color: #7c3aed !important;
    text-decoration: underline;
}

/* Agency Card - Badges (Tags) with crystal/glass effect */
html[data-theme="light"] .agency-card .badge,
html[data-theme="light"] .agency-badges .badge,
html[data-theme="light"] .badge {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(168, 85, 247, 0.25) 100%) !important;
    border: 1px solid rgba(147, 51, 234, 0.4) !important;
    color: #5b21b6 !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(147, 51, 234, 0.15) !important;
    font-weight: 500 !important;
}

/* Badge variants - Different purple shades */
html[data-theme="light"] .badge-success {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.15) 0%, rgba(168, 85, 247, 0.2) 100%) !important;
    border: 1px solid rgba(147, 51, 234, 0.3) !important;
    color: #6b21a8 !important;
}

html[data-theme="light"] .badge-warning {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(192, 132, 252, 0.25) 100%) !important;
    border: 1px solid rgba(168, 85, 247, 0.4) !important;
    color: #7c3aed !important;
}

html[data-theme="light"] .badge-danger {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.2) 0%, rgba(168, 85, 247, 0.25) 100%) !important;
    border: 1px solid rgba(147, 51, 234, 0.4) !important;
    color: #5b21b6 !important;
}

html[data-theme="light"] .badge-info {
    background: linear-gradient(135deg, rgba(192, 132, 252, 0.15) 0%, rgba(216, 180, 254, 0.2) 100%) !important;
    border: 1px solid rgba(192, 132, 252, 0.3) !important;
    color: #7c3aed !important;
}

html[data-theme="light"] .badge-primary {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.25) 0%, rgba(168, 85, 247, 0.3) 100%) !important;
    border: 1px solid rgba(147, 51, 234, 0.5) !important;
    color: #5b21b6 !important;
}

html[data-theme="light"] .badge-secondary {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.1) 0%, rgba(168, 85, 247, 0.15) 100%) !important;
    border: 1px solid rgba(147, 51, 234, 0.25) !important;
    color: #6b21a8 !important;
}

/* Badge hover effect */
html[data-theme="light"] .badge:hover {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.3) 0%, rgba(168, 85, 247, 0.35) 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.25) !important;
    transition: all 0.3s ease;
}

/* ============================================
   COMPREHENSIVE NAVY BLUE TEXT - LIGHT MODE ONLY
   تغییر تمام متن‌ها و اعداد به سورمه‌ای در حالت لایت
   ============================================ */

/* 
 * Strategy: Target ALL text elements with high specificity
 * Applies ONLY to [data-theme="light"]
 * Covers: headings, paragraphs, links, lists, tables, forms, 
 *         numbers, stats, labels, buttons text, and all custom classes
 */

[data-theme="light"] *:not(button):not(.btn),
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] p,
[data-theme="light"] span,
[data-theme="light"] a,
[data-theme="light"] label,
[data-theme="light"] li,
[data-theme="light"] ul,
[data-theme="light"] ol,
[data-theme="light"] td,
[data-theme="light"] th,
[data-theme="light"] div,
[data-theme="light"] section,
[data-theme="light"] article,
[data-theme="light"] .text,
[data-theme="light"] .title,
[data-theme="light"] .subtitle,
[data-theme="light"] .description,
[data-theme="light"] .label,
[data-theme="light"] .value,
[data-theme="light"] .stat-value,
[data-theme="light"] .stat-label,
[data-theme="light"] .stat-number,
[data-theme="light"] .stat-change,
[data-theme="light"] .card-title,
[data-theme="light"] .card-text,
[data-theme="light"] .activity-text,
[data-theme="light"] .activity-time,
[data-theme="light"] .user-name,
[data-theme="light"] .user-email,
[data-theme="light"] .package-price,
[data-theme="light"] .premium-stat-number,
[data-theme="light"] .premium-stat-label,
[data-theme="light"] .premium-stat-price,
[data-theme="light"] strong,
[data-theme="light"] b,
[data-theme="light"] em,
[data-theme="light"] i:not(.fas):not(.far):not(.fab),
[data-theme="light"] small,
[data-theme="light"] code,
[data-theme="light"] pre,
[data-theme="light"] blockquote,
[data-theme="light"] cite,
[data-theme="light"] time,
[data-theme="light"] address,
[data-theme="light"] figcaption,
[data-theme="light"] caption,
[data-theme="light"] legend,
[data-theme="light"] option,
[data-theme="light"] optgroup {
    color: #000080 !important;
}

/* ============================================
   PREMIUM NEON-STYLE EFFECTS - LIGHT MODE ONLY
   Module Navigation + Card Enhancements
   ============================================ */

/**
 * MODULE MENU BAR TEXT - NAVY BLUE
 * Strategy: Target all navigation elements in module bar
 * - Sidebar navigation links (.nav-link, .nav-item)
 * - Top module navigation (.navbar-nav, .module-tabs)
 * - All text states: normal, hover, active
 * Color: Navy blue (#000080) for professional, high-contrast look
 * !important used to override any inline styles or conflicting rules
 */

/* Module Navigation Bar - Navy Blue Text */
[data-theme="light"] .navbar-nav .nav-link,
[data-theme="light"] .navbar .nav-item a,
[data-theme="light"] .nav-link,
[data-theme="light"] .nav-link span,
[data-theme="light"] .nav-section-title,
[data-theme="light"] .menu-link,
[data-theme="light"] .module-tabs a,
[data-theme="light"] .tab-link,
[data-theme="light"] .dropdown-item,
[data-theme="light"] .breadcrumb-item a {
    color: #000080 !important;
}

[data-theme="light"] .navbar-nav .nav-link:hover,
[data-theme="light"] .menu-link:hover,
[data-theme="light"] .nav-link:hover,
[data-theme="light"] .dropdown-item:hover {
    color: #000066 !important;
    background: rgba(0, 0, 128, 0.1);
}

/**
 * SPAN ELEMENTS - FORCE NAVY BLUE IN LIGHT MODE
 * Strategy: Target ALL span elements regardless of context
 * - Sidebar spans, navigation spans, card spans
 * - Text spans, label spans, stat spans
 * - Nested spans inside any parent element
 * Color: Navy blue (#000080) with !important to override everything
 * Exceptions: Icon spans and theme-toggle text preserved with :not()
 */

/* تمام متن‌های span - سورمه‌ای در لایت مود */
[data-theme="light"] span,
[data-theme="light"] span *,
[data-theme="light"] .sidebar span,
[data-theme="light"] .sidebar-nav span,
[data-theme="light"] .nav-item span,
[data-theme="light"] .nav-link span,
[data-theme="light"] .nav-menu span,
[data-theme="light"] .nav-section-title span,
[data-theme="light"] .sidebar .nav-link span,
[data-theme="light"] .sidebar .nav-item span,
[data-theme="light"] .sidebar-nav .nav-link span,
[data-theme="light"] .sidebar-nav li span,
[data-theme="light"] nav.sidebar-nav span,
[data-theme="light"] .card span,
[data-theme="light"] .stat-card span,
[data-theme="light"] .module-content span,
[data-theme="light"] .table span,
[data-theme="light"] .property-item span,
[data-theme="light"] .user-info span,
[data-theme="light"] div span,
[data-theme="light"] p span,
[data-theme="light"] a span,
[data-theme="light"] td span,
[data-theme="light"] th span,
[data-theme="light"] .badge {
    color: #000080 !important;
}

/* قانون خاص برای span های داخل لینک‌های navigation */
[data-theme="light"] .sidebar-nav a span,
[data-theme="light"] .nav-menu a span,
[data-theme="light"] a.nav-link span {
    color: #000080 !important;
    font-weight: inherit;
}

/* ============================================
   DARK MODE - حالت تیره
   ============================================ */

[data-theme="dark"] {
    /* رنگ‌های پایه */
    --bg-main: linear-gradient(135deg, #0f0015 0%, #1e0a3e 25%, #2d1655 50%, #1a0a2e 75%, #0a0514 100%);
    --bg-card: linear-gradient(135deg, rgba(91, 33, 182, 0.15) 0%, rgba(29, 10, 46, 0.95) 100%);
    --bg-header: linear-gradient(135deg, #6b21a8 0%, #5b21b6 50%, #2d1655 100%);
    --bg-sidebar: linear-gradient(180deg, rgba(91, 33, 182, 0.2) 0%, rgba(10, 5, 20, 0.95) 100%);
    
    /* متن‌ها */
    --text-primary: rgba(255, 255, 255, 0.95);
    --text-secondary: rgba(230, 220, 255, 0.9);
    --text-muted: rgba(196, 181, 253, 0.7);
    --text-white: #ffffff;
    
    /* بوردر و سایه */
    --border-color: rgba(167, 139, 250, 0.2);
    --shadow-sm: 0 4px 20px rgba(139, 92, 246, 0.25);
    --shadow-md: 0 8px 35px rgba(167, 139, 250, 0.3);
    --shadow-lg: 0 12px 50px rgba(167, 139, 250, 0.4);
    
    /* رنگ‌های تکمیلی */
    --purple-primary: #a78bfa;
    --purple-hover: #c4b5fd;
}

/* پس‌زمینه اصلی */
[data-theme="dark"] body,
[data-theme="dark"] .admin-body {
    background: var(--bg-main);
    background-attachment: fixed;
    color: var(--text-primary);
    animation: gradientMove 20s ease infinite;
}

/* هدر */
[data-theme="dark"] .admin-header,
[data-theme="dark"] header,
[data-theme="dark"] .navbar {
    background: var(--bg-header) !important;
    box-shadow: var(--shadow-md);
    color: var(--text-white) !important;
}

[data-theme="dark"] .admin-header *,
[data-theme="dark"] .admin-logo *,
[data-theme="dark"] .navbar * {
    color: var(--text-white) !important;
}

/* Sidebar */
[data-theme="dark"] .admin-sidebar,
[data-theme="dark"] .sidebar {
    background: var(--bg-sidebar);
    backdrop-filter: blur(10px);
    border-left: 1px solid var(--border-color);
    box-shadow: 2px 0 25px rgba(139, 92, 246, 0.2);
}

/**
 * PREMIUM NEON WHITE CARD EFFECTS - DARK MODE ONLY
 * Strategy: Multi-layer white glow for crystalline neon appearance
 * - Base border: Pure white #ffffff (bright white)
 * - Triple shadow layers for depth and white neon glow effect:
 *   1. Inner glow: 8px blur with 70% white opacity (soft inner light)
 *   2. Mid glow: 16px blur with 50% white opacity (medium ambient glow)
 *   3. Inset glow: 8px blur with 30% white opacity (inner edge highlight)
 * - Rounded corners: 16px border-radius
 * - Hover boost: Intensified white glow + slight lift animation
 * - Background: Dark purple gradient for contrast
 * - Smooth transitions for all states (0.3s ease)
 * 
 * Applied to: All card types in dark mode (stat-card, card, admin-card)
 */

/* کارت‌ها - Premium Neon White Glow */
[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .admin-card,
[data-theme="dark"] .chart-container,
[data-theme="dark"] .recent-activities,
[data-theme="dark"] .activity-item {
    background: var(--bg-card);
    border: 2px solid #ffffff; /* Neon white border */
    border-radius: 16px;
    
    /* Triple-layer white neon glow effect */
    box-shadow: 
        0 0 8px rgba(255, 255, 255, 0.7),      /* Inner soft white glow */
        0 0 16px rgba(255, 255, 255, 0.5),     /* Mid ambient white glow */
        inset 0 0 8px rgba(255, 255, 255, 0.3); /* Inset edge highlight */
    
    backdrop-filter: blur(12px);
    transition: all 0.3s ease;
}

/* Hover State - Intensified White Neon Glow */
[data-theme="dark"] .card:hover,
[data-theme="dark"] .stat-card:hover,
[data-theme="dark"] .admin-card:hover,
[data-theme="dark"] .chart-container:hover {
    box-shadow: 
        0 0 12px rgba(255, 255, 255, 0.9),      /* Boosted inner white glow */
        0 0 24px rgba(255, 255, 255, 0.7),      /* Enhanced ambient white glow */
        0 4px 30px rgba(255, 255, 255, 0.4),    /* Lift shadow */
        inset 0 0 12px rgba(255, 255, 255, 0.4); /* Stronger inset white glow */
    
    border-color: #ffffff; /* Keep pure white on hover */
    border-width: 3px;
    transform: translateY(-2px); /* Subtle lift effect */
}

/* دکمه‌ها */
[data-theme="dark"] .btn,
[data-theme="dark"] button:not(.close) {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.8) 0%, rgba(91, 33, 182, 0.8) 100%);
    color: var(--text-white);
    border: 1px solid rgba(167, 139, 250, 0.3);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
}

[data-theme="dark"] .btn:hover,
[data-theme="dark"] button:not(.close):hover {
    background: linear-gradient(135deg, rgba(167, 139, 250, 0.9) 0%, rgba(124, 58, 237, 0.9) 100%);
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

/* Input و Form */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control {
    background: rgba(91, 33, 182, 0.15);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    border-color: var(--purple-primary);
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.15);
}

/* جدول */
[data-theme="dark"] .table thead {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.3) 0%, rgba(91, 33, 182, 0.3) 100%);
}

[data-theme="dark"] .table tbody tr:hover {
    background: rgba(124, 58, 237, 0.15);
}

/* ============================================
   استایل‌های مشترک
   ============================================ */

/* متن‌ها */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] p,
[data-theme="light"] span:not(.theme-text),
[data-theme="light"] label,
[data-theme="light"] .stat-number,
[data-theme="light"] .stat-label {
    color: var(--text-primary) !important;
}

/* آیکون‌ها */
[data-theme="light"] i,
[data-theme="light"] .fas,
[data-theme="light"] .far,
[data-theme="light"] .fab {
    color: var(--purple-primary) !important;
    filter: drop-shadow(0 2px 4px rgba(124, 58, 237, 0.2));
}

[data-theme="light"] .stat-icon i {
    color: var(--purple-primary) !important;
}

/* Navigation - استایل‌های مشترک و اضافی */
[data-theme="light"] .section-header h2 {
    color: var(--purple-primary) !important;
}

[data-theme="light"] .card-header,
[data-theme="light"] .card-title {
    color: var(--purple-primary) !important;
}

[data-theme="light"] a:not(.btn) {
    color: var(--purple-primary) !important;
}

[data-theme="light"] a:not(.btn):hover {
    color: var(--purple-hover) !important;
}

/* Modal */
[data-theme="light"] .modal-content {
    background: var(--bg-card);
    border: 2px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(20px);
}

[data-theme="light"] .modal-header {
    border-bottom: 2px solid var(--border-color);
}

[data-theme="light"] .modal-header h3 {
    color: var(--purple-primary) !important;
}

[data-theme="light"] .modal-footer,
[data-theme="light"] .modal-actions {
    border-top: 2px solid var(--border-color);
}

/**
 * ============================================
 * MODERN CHAMELEON BADGES - ALL TYPES
 * Premium pill-shaped badges with adaptive gradients
 * ============================================
 * 
 * Features:
 * - Pill-shaped design (50px border-radius)
 * - Adaptive chameleon gradients for light/dark modes
 * - Pure white text (#ffffff) with text-shadow
 * - Smooth hover animations with lift effect
 * - High contrast for accessibility
 * - Works for ALL badge types: success, warning, danger, info, primary, etc.
 * 
 * Light Mode: Warm gradient based on badge type
 * Dark Mode: Cool purple-toned gradients
 */

/* Base Badge Style - Light Mode (All Types) */
[data-theme="light"] .badge,
[data-theme="light"] span.badge,
[data-theme="light"] .nav-link .badge,
[data-theme="light"] .sidebar .badge,
[data-theme="light"] .nav-item .badge,
[data-theme="light"] .table .badge {
    display: inline-block;
    padding: 0.35em 0.85em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50px;
    
    /* Pure white text with shadow */
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    
    /* Default warm gradient */
    background: #667eea;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.25);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: none;
}

/* Dark Mode - Base Badge Style */
[data-theme="dark"] .badge,
[data-theme="dark"] span.badge,
[data-theme="dark"] .nav-link .badge,
[data-theme="dark"] .sidebar .badge,
[data-theme="dark"] .nav-item .badge,
[data-theme="dark"] .table .badge {
    display: inline-block;
    padding: 0.35em 0.85em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 50px;
    
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    
    /* Cool purple gradient */
    background: #a18cd1;
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 2px 8px rgba(161, 140, 209, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: none;
}

/**
 * SPECIFIC BADGE TYPES - CHAMELEON GRADIENTS
 * Each badge type has unique gradient colors
 */

/* Badge Success - Green Gradient (Light Mode) */
[data-theme="light"] .badge.bg-success,
[data-theme="light"] .badge-success,
[data-theme="light"] .table .bg-success {
    background: #56ab2f;
    background: linear-gradient(135deg, #56ab2f 0%, #a8e063 100%);
    box-shadow: 0 2px 8px rgba(86, 171, 47, 0.3);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge.bg-success,
[data-theme="dark"] .badge-success,
[data-theme="dark"] .table .bg-success {
    background: #11998e;
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    box-shadow: 0 2px 8px rgba(17, 153, 142, 0.35);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Badge Warning - Orange/Yellow Gradient (Light Mode) */
[data-theme="light"] .badge.bg-warning,
[data-theme="light"] .badge-warning,
[data-theme="light"] .table .bg-warning {
    background: #f09819;
    background: linear-gradient(135deg, #f09819 0%, #edde5d 100%);
    box-shadow: 0 2px 8px rgba(240, 152, 25, 0.3);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge.bg-warning,
[data-theme="dark"] .badge-warning,
[data-theme="dark"] .table .bg-warning {
    background: #f2994a;
    background: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);
    box-shadow: 0 2px 8px rgba(242, 153, 74, 0.35);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Badge Danger - Red/Pink Gradient (Light Mode) */
[data-theme="light"] .badge.bg-danger,
[data-theme="light"] .badge.badge-danger,
[data-theme="light"] .badge-danger,
[data-theme="light"] span.badge-danger,
[data-theme="light"] .table .badge-danger,
[data-theme="light"] .table .bg-danger {
    background: #ff9a9e;
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
    box-shadow: 0 2px 8px rgba(255, 105, 135, 0.3);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge.bg-danger,
[data-theme="dark"] .badge.badge-danger,
[data-theme="dark"] .badge-danger,
[data-theme="dark"] span.badge-danger,
[data-theme="dark"] .table .badge-danger,
[data-theme="dark"] .table .bg-danger {
    background: #a18cd1;
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    box-shadow: 0 2px 8px rgba(161, 140, 209, 0.35);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Badge Info - Blue/Cyan Gradient (Light Mode) */
[data-theme="light"] .badge.bg-info,
[data-theme="light"] .badge-info,
[data-theme="light"] .table .bg-info {
    background: #4facfe;
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    box-shadow: 0 2px 8px rgba(79, 172, 254, 0.3);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge.bg-info,
[data-theme="dark"] .badge-info,
[data-theme="dark"] .table .bg-info {
    background: #667eea;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.35);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Badge Primary - Purple Gradient (Light Mode) */
[data-theme="light"] .badge.bg-primary,
[data-theme="light"] .badge-primary,
[data-theme="light"] .table .bg-primary {
    background: #667eea;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge.bg-primary,
[data-theme="dark"] .badge-primary,
[data-theme="dark"] .table .bg-primary {
    background: #8e2de2;
    background: linear-gradient(135deg, #8e2de2 0%, #4a00e0 100%);
    box-shadow: 0 2px 8px rgba(142, 45, 226, 0.35);
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Hover Effects - All Badge Types */
[data-theme="light"] .badge:hover,
[data-theme="dark"] .badge:hover {
    transform: translateY(-1px) scale(1.03);
    cursor: pointer;
}

[data-theme="light"] .badge.bg-success:hover,
[data-theme="light"] .badge-success:hover {
    box-shadow: 0 4px 16px rgba(86, 171, 47, 0.4);
}

[data-theme="light"] .badge.bg-warning:hover,
[data-theme="light"] .badge-warning:hover {
    box-shadow: 0 4px 16px rgba(240, 152, 25, 0.4);
}

[data-theme="light"] .badge.bg-danger:hover,
[data-theme="light"] .badge-danger:hover {
    box-shadow: 0 4px 16px rgba(255, 105, 135, 0.4);
}

[data-theme="light"] .badge.bg-info:hover,
[data-theme="light"] .badge-info:hover {
    box-shadow: 0 4px 16px rgba(79, 172, 254, 0.4);
}

[data-theme="dark"] .badge.bg-success:hover,
[data-theme="dark"] .badge-success:hover {
    box-shadow: 0 4px 16px rgba(17, 153, 142, 0.45);
}

[data-theme="dark"] .badge.bg-warning:hover,
[data-theme="dark"] .badge-warning:hover {
    box-shadow: 0 4px 16px rgba(242, 153, 74, 0.45);
}

[data-theme="dark"] .badge.bg-danger:hover,
[data-theme="dark"] .badge-danger:hover {
    box-shadow: 0 4px 16px rgba(161, 140, 209, 0.45);
}

[data-theme="dark"] .badge.bg-info:hover,
[data-theme="dark"] .badge-info:hover {
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.45);
}

/* Focus State - Accessibility */
[data-theme="light"] .badge:focus,
[data-theme="dark"] .badge:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Responsive - Scale Down on Small Screens */
@media (max-width: 576px) {
    [data-theme="light"] .badge,
    [data-theme="dark"] .badge {
        font-size: 0.7rem;
        padding: 0.3em 0.75em;
    }
}

/* Scrollbar */
[data-theme] ::-webkit-scrollbar {
    width: 12px;
}

[data-theme] ::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--purple-primary) 0%, #6b21a8 100%);
    border-radius: 10px;
}

/* Theme Toggle */
[data-theme="light"] .theme-toggle {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(250, 245, 255, 0.9) 100%);
    border: 2px solid var(--purple-primary);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

[data-theme="light"] .theme-toggle:hover {
    background: linear-gradient(135deg, rgba(250, 245, 255, 0.95) 0%, rgba(243, 232, 255, 0.95) 100%);
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25);
}

[data-theme="light"] .theme-toggle .theme-text,
[data-theme="light"] .theme-toggle .theme-icon {
    color: var(--purple-primary) !important;
}

/**
 * ============================================
 * STAT ICON ENHANCED - دایره صورتی
 * آیکون‌های بخش مدیریت کاربران
 * ============================================
 */

/* Light Mode - آیکون بدون پس‌زمینه */
[data-theme="light"] .stat-icon-enhanced {
    background: transparent;
    border: none;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

[data-theme="light"] .stat-icon-enhanced i {
    color: #c2185b !important;
    font-size: 24px;
}

[data-theme="light"] .stat-icon-enhanced:hover {
    transform: scale(1.1);
}

/* Dark Mode - آیکون بدون پس‌زمینه */
[data-theme="dark"] .stat-icon-enhanced {
    background: transparent;
    border: none;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

[data-theme="dark"] .stat-icon-enhanced i {
    color: #ffb3d9 !important;
    font-size: 24px;
}

[data-theme="dark"] .stat-icon-enhanced:hover {
    transform: scale(1.1);
}

/**
 * ============================================
 * STAT ITEMS ENHANCED - USER MANAGEMENT CARDS
 * کارت‌های بخش مدیریت کاربران با نئون بنفش
 * ============================================
 * 
 * Features:
 * - Neon purple border with multi-layer glow
 * - Navy blue text (#000080) in light mode
 * - White text in dark mode
 * - Pill-shaped design (16px border-radius)
 * - Hover animation with lift effect
 * - Icon circles with gradient backgrounds
 */

/* Light Mode - Stat Items Enhanced */
[data-theme="light"] .stat-item-enhanced {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 245, 255, 0.9) 100%);
    border: 2px solid #d8b4fe; /* Neon lavender-purple border */
    border-radius: 16px;
    padding: 20px;
    
    /* Triple-layer neon glow effect */
    box-shadow: 
        0 0 8px rgba(187, 130, 255, 0.6),      /* Inner soft glow */
        0 0 16px rgba(167, 100, 255, 0.4),     /* Mid ambient glow */
        inset 0 0 8px rgba(200, 150, 255, 0.2); /* Inset edge highlight */
    
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] .stat-item-enhanced:hover {
    box-shadow: 
        0 0 12px rgba(187, 130, 255, 0.8),      /* Boosted inner glow */
        0 0 24px rgba(167, 100, 255, 0.6),      /* Enhanced ambient glow */
        0 4px 30px rgba(147, 51, 234, 0.3),     /* Lift shadow */
        inset 0 0 12px rgba(200, 150, 255, 0.3); /* Stronger inset glow */
    
    border-color: #c084fc;
    border-width: 3px;
    transform: translateY(-2px);
}

/* Dark Mode - Stat Items Enhanced */
[data-theme="dark"] .stat-item-enhanced {
    background: var(--bg-card);
    border: 2px solid #ffffff; /* Neon white border */
    border-radius: 16px;
    padding: 20px;
    
    /* Triple-layer white neon glow effect */
    box-shadow: 
        0 0 8px rgba(255, 255, 255, 0.7),      /* Inner soft white glow */
        0 0 16px rgba(255, 255, 255, 0.5),     /* Mid ambient white glow */
        inset 0 0 8px rgba(255, 255, 255, 0.3); /* Inset edge highlight */
    
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] .stat-item-enhanced:hover {
    box-shadow: 
        0 0 12px rgba(255, 255, 255, 0.9),      /* Boosted inner white glow */
        0 0 24px rgba(255, 255, 255, 0.7),      /* Enhanced ambient white glow */
        0 4px 30px rgba(255, 255, 255, 0.4),    /* Lift shadow */
        inset 0 0 12px rgba(255, 255, 255, 0.4); /* Stronger inset white glow */
    
    border-color: #ffffff;
    border-width: 3px;
    transform: translateY(-2px);
}

/* Text Colors - Navy Blue in Light Mode */
[data-theme="light"] .stat-value-enhanced,
[data-theme="light"] .stat-label-enhanced,
[data-theme="light"] .stat-change-enhanced,
[data-theme="light"] .stat-item-enhanced span,
[data-theme="light"] .stat-content-enhanced span,
[data-theme="light"] .stat-content-enhanced {
    color: #000080 !important;
}

/* Text Colors - White in Dark Mode */
[data-theme="dark"] .stat-value-enhanced,
[data-theme="dark"] .stat-label-enhanced,
[data-theme="dark"] .stat-change-enhanced,
[data-theme="dark"] .stat-item-enhanced span,
[data-theme="dark"] .stat-content-enhanced span,
[data-theme="dark"] .stat-content-enhanced {
    color: #ffffff !important;
}

/* Icon Circle - Light Mode */


[data-theme="light"] .stat-item-enhanced:hover .stat-icon-enhanced {
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.25) 0%, rgba(124, 58, 237, 0.2) 100%);
    transform: scale(1.1);
}

/* Icon Circle - Dark Mode */


[data-theme="dark"] .stat-item-enhanced:hover .stat-icon-enhanced {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.15) 100%);
    transform: scale(1.1);
}

/* Stat Change - Positive/Negative Colors */
[data-theme="light"] .stat-change-enhanced.positive {
    color: #16a34a !important;
}

[data-theme="light"] .stat-change-enhanced.negative {
    color: #dc2626 !important;
}

[data-theme="dark"] .stat-change-enhanced.positive {
    color: #4ade80 !important;
}

[data-theme="dark"] .stat-change-enhanced.negative {
    color: #f87171 !important;
}

/* ============================================
   HERO SECTION - حالت روشن و تیره
   ============================================ */

/* Hero Overlay */
[data-theme="light"] .hero-overlay {
    background: linear-gradient(135deg, 
        rgba(254, 210, 169, 0.7) 0%,
        rgba(255, 248, 242, 0.8) 50%,
        rgba(254, 210, 169, 0.7) 100%
    ) !important;
}

[data-theme="dark"] .hero-overlay {
    background: linear-gradient(135deg, 
        rgba(200, 180, 150, 0.2) 0%,
        rgba(190, 160, 120, 0.3) 50%,
        rgba(200, 180, 150, 0.2) 100%
    ) !important;
}

/* Hero Search Container - No Background */
[data-theme="light"] .hero-search-container,
[data-theme="dark"] .hero-search-container {
    background: none !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .hero-search-wrapper,
[data-theme="dark"] .hero-search-wrapper {
    background: none !important;
    backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .hero-search-wrapper:focus-within,
[data-theme="dark"] .hero-search-wrapper:focus-within {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hero Search Input - Light Mode */
[data-theme="light"] .hero-search-input {
    background: rgba(139, 69, 19, 0.1) !important;
    border: 2px solid rgba(139, 69, 19, 0.3) !important;
    color: #6B4423 !important;
}

[data-theme="light"] .hero-search-input:focus {
    background: rgba(139, 69, 19, 0.15) !important;
    border-color: rgba(139, 69, 19, 0.5) !important;
}

[data-theme="light"] .hero-search-input::placeholder {
    color: rgba(107, 68, 35, 0.6) !important;
}

/* Hero Buttons - Light Mode */
[data-theme="light"] .hero-category-btn,
[data-theme="light"] .search-icon-btn,
[data-theme="light"] .hero-search-btn,
[data-theme="light"] .hero-advanced-btn {
    color: #6B4423 !important;
}

/* Hero Search Input - Dark Mode */
[data-theme="dark"] .hero-search-input {
    background: rgba(254, 210, 169, 0.1) !important;
    border: 2px solid rgba(254, 210, 169, 0.25) !important;
    color: #F5F5F5 !important;
}

[data-theme="dark"] .hero-search-input:focus {
    background: rgba(254, 210, 169, 0.15) !important;
    border-color: rgba(254, 210, 169, 0.4) !important;
}

[data-theme="dark"] .hero-search-input::placeholder {
    color: rgba(245, 245, 245, 0.6) !important;
}

/* Hero Buttons - Dark Mode */
[data-theme="dark"] .hero-category-btn,
[data-theme="dark"] .search-icon-btn,
[data-theme="dark"] .hero-search-btn,
[data-theme="dark"] .hero-advanced-btn {
    background: transparent !important;
    border: 1px solid rgba(139, 69, 19, 0.3) !important;
    color: #F5F5F5 !important;
    box-shadow: 0 4px 12px rgba(139, 69, 19, 0.2) !important;
}

[data-theme="dark"] .hero-category-btn:hover,
[data-theme="dark"] .search-icon-btn:hover,
[data-theme="dark"] .hero-search-btn:hover,
[data-theme="dark"] .hero-advanced-btn:hover {
    background: rgba(139, 69, 19, 0.1) !important;
    box-shadow: 0 8px 20px rgba(139, 69, 19, 0.3) !important;
}

/* Hero Content - Dark Mode */
[data-theme="dark"] .hero-content {
    background: rgba(20, 20, 20, 0.4) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .hero-title {
    color: #ff6b35;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 107, 53, 0.4);
}

[data-theme="dark"] .hero-cat-btn {
    background: rgba(120, 70, 40, 0.6) !important;
    border-color: rgba(255, 140, 66, 0.5) !important;
    color: #ff8c42 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

[data-theme="dark"] .hero-cat-btn:hover {
    background: rgba(140, 80, 45, 0.7) !important;
    border-color: rgba(255, 140, 66, 0.7) !important;
    color: #ffb380 !important;
    transform: translateY(-2px) !important;
}

[data-theme="dark"] .hero-cat-btn.active {
    background: rgba(120, 70, 40, 0.6) !important;
    border-color: rgba(255, 140, 66, 0.5) !important;
    color: #ff8c42 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* Showcase Cards - Dark Mode */
[data-theme="dark"] .showcase-card {
    background: rgba(30, 30, 30, 0.95);
    border-color: rgba(254, 210, 169, 0.2);
}

[data-theme="dark"] .showcase-card__title {
    color: #FED2A9;
}

[data-theme="dark"] .showcase-card__price {
    color: #FFE4C9;
}

[data-theme="dark"] .showcase-card__location,
[data-theme="dark"] .showcase-card__meta span {
    color: #D5D5D5;
}

[data-theme="dark"] .showcase-card__meta span i {
    color: #FED2A9;
}

[data-theme="dark"] .showcase-card__description {
    color: #C5C5C5;
}

/* Scrollbar - Dark Mode */
[data-theme="dark"] .scroll-container::-webkit-scrollbar-track {
    background: rgba(254, 210, 169, 0.05);
}

[data-theme="dark"] .scroll-container::-webkit-scrollbar-thumb {
    background: rgba(254, 210, 169, 0.3);
}

[data-theme="dark"] .scroll-container::-webkit-scrollbar-thumb:hover {
    background: rgba(254, 210, 169, 0.5);
}

/* ============================================
   DARK MODE - Site Header
   ============================================ */
[data-theme="dark"] .site-header {
    background: linear-gradient(135deg, #1e0a3e 0%, #2d1655 50%, #1a0a2e 100%) !important;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(167, 139, 250, 0.2) !important;
}

[data-theme="dark"] .site-header .nav-links a,
[data-theme="dark"] .site-header .nav-brand a,
[data-theme="dark"] .site-header .site-logo-title {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-theme="dark"] .custom-theme-btn,
[data-theme="dark"] .nav-theme-btn {
    background: transparent !important;
    border: none !important;
    color: white !important;
    filter: brightness(0) invert(1) !important;
}

[data-theme="dark"] .custom-theme-btn:hover,
[data-theme="dark"] .nav-theme-btn:hover {
    background: transparent !important;
    border: none !important;
    transform: none !important;
    filter: brightness(0) invert(1) !important;
}

/* Language and Account Buttons - Dark Mode */
[data-theme="dark"] .nav-language-btn,
[data-theme="dark"] .custom-lang-btn {
    background: rgba(120, 70, 40, 0.6) !important;
    border: 2px solid rgba(255, 140, 66, 0.5) !important;
    color: #ff8c42 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

[data-theme="dark"] .nav-language-btn:hover,
[data-theme="dark"] .custom-lang-btn:hover {
    background: rgba(140, 80, 45, 0.7) !important;
    border-color: rgba(255, 140, 66, 0.7) !important;
    color: #ffb380 !important;
    box-shadow: 0 4px 12px rgba(255, 107, 24, 0.4) !important;
}

[data-theme="dark"] .nav-account-btn,
[data-theme="dark"] .custom-account-btn {
    background: rgba(120, 70, 40, 0.6) !important;
    border: none !important;
    color: #ff8c42 !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

[data-theme="dark"] .nav-account-btn:hover,
[data-theme="dark"] .custom-account-btn:hover {
    background: rgba(120, 70, 40, 0.6) !important;
    border: none !important;
    color: #ff8c42 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ============================================
   DARK MODE - Modern Hero Section
   ============================================ */
[data-theme="dark"] .modern-hero {
    background: linear-gradient(135deg, #0f0015 0%, #1e0a3e 50%, #0a0514 100%);
}

[data-theme="dark"] .hero-background {
    background: linear-gradient(135deg, #2d1655 0%, #1a0a2e 100%);
}









[data-theme="dark"] .hero-search-icon-btn {
    background: linear-gradient(135deg, #ff8c42, #ff6b18) !important;
    box-shadow: 0 2px 8px rgba(255, 107, 24, 0.4) !important;
}

[data-theme="dark"] .hero-search-icon-btn:hover {
    box-shadow: 0 4px 12px rgba(255, 107, 24, 0.6) !important;
}

[data-theme="dark"] .hero-advanced-search-btn {
    background: rgba(255, 140, 66, 0.15) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 2px solid rgba(255, 140, 66, 0.3) !important;
    color: #ff8c42 !important;
    box-shadow: 0 4px 16px rgba(255, 107, 24, 0.2) !important;
}

[data-theme="dark"] .hero-advanced-search-btn:hover {
    background: rgba(255, 140, 66, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 2px solid rgba(255, 140, 66, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(255, 107, 24, 0.4) !important;
}

/* ============================================
   DARK MODE - Property Cards & Sections
   ============================================ */
[data-theme="dark"] .properties-hero,
[data-theme="dark"] .properties-section {
    background: linear-gradient(135deg, #0f0015 0%, #1e0a3e 50%, #0a0514 100%);
}

[data-theme="dark"] .section-intro .section-badge {
    background: rgba(167, 139, 250, 0.2);
    color: #e9d5ff;
    border: 1px solid rgba(167, 139, 250, 0.3);
}

[data-theme="dark"] .section-title {
    color: #e9d5ff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .section-copy {
    color: rgba(230, 220, 255, 0.8);
}

[data-theme="dark"] .property-card {
    background: rgba(91, 33, 182, 0.15);
    border: 1px solid rgba(167, 139, 250, 0.2);
    box-shadow: 0 4px 20px rgba(167, 139, 250, 0.2);
}

[data-theme="dark"] .property-card:hover {
    border-color: rgba(167, 139, 250, 0.4);
    box-shadow: 0 8px 35px rgba(167, 139, 250, 0.35);
    transform: translateY(-5px);
}

[data-theme="dark"] .property-card__title {
    color: #e9d5ff;
}

[data-theme="dark"] .property-card__location {
    color: rgba(230, 220, 255, 0.8);
}

[data-theme="dark"] .property-card__price {
    color: #a78bfa;
    text-shadow: 0 0 10px rgba(167, 139, 250, 0.3);
}

[data-theme="dark"] .property-card__meta {
    color: rgba(196, 181, 253, 0.7);
    border-top: 1px solid rgba(167, 139, 250, 0.2);
}

[data-theme="dark"] .property-card__badge {
    background: rgba(167, 139, 250, 0.2);
    color: #c4b5fd;
}

/* ============================================
   DARK MODE - Dropdown Menu
   ============================================ */
[data-theme="dark"] .dropdown-menu {
    background: rgba(29, 10, 46, 0.98);
    border: 1px solid rgba(167, 139, 250, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .dropdown-menu a {
    color: rgba(255, 255, 255, 0.9);
}

[data-theme="dark"] .dropdown-menu a:hover {
    background: rgba(167, 139, 250, 0.2);
    color: #e9d5ff;
}