/* Grid Hire Me - Dark Theme
   Cyberpunk-inspired dark mode */

[data-theme="dark"] {
    /* Core Colors */
    --bg-primary: #0f1419;
    --bg-secondary: #1a1f2e;
    --bg-tertiary: #242b3d;
    
    --text-primary: #e8eaed;
    --text-secondary: #9ca3af;
    --text-light: #6b7280;
    
    --border-color: #2d3748;
    --border-light: #374151;
    
    /* Brand Colors */
    --primary-color: #667eea;
    --primary-light: #7c3aed;
    --primary-dark: #5a67d8;
    
    --secondary-color: #764ba2;
    --accent-color: #03e9f4;
    
    /* Cyber Accents */
    --cyber-blue: #03e9f4;
    --cyber-purple: #8b5cf6;
    --cyber-pink: #ec4899;
    
    /* Status Colors */
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #06b6d4;
    
    /* Purple Variations */
    --purple-color: #8b5cf6;
    --purple-light: #a78bfa;
    
    /* Shadows - Softer for dark mode */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6);
}

/* Body */
[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* Cards */
[data-theme="dark"] .card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    box-shadow: var(--shadow-md);
}

[data-theme="dark"] .card:hover {
    border-color: var(--border-light);
}

/* Header */
[data-theme="dark"] .header {
    background: var(--bg-secondary);
    border-bottom-color: var(--border-color);
}

/* Logo in Dark Mode */
[data-theme="dark"] .logo-dark {
    filter: drop-shadow(0 0 10px rgba(3, 233, 244, 0.2));
}

[data-theme="dark"] .logo:hover .logo-dark {
    filter: drop-shadow(0 0 20px rgba(3, 233, 244, 0.4));
}

/* Navigation */
[data-theme="dark"] .nav-links a {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .nav-links a.active {
    color: var(--cyber-blue);
}

/* Buttons */
[data-theme="dark"] .btn-outline {
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .btn-outline:hover {
    background: var(--bg-tertiary);
    border-color: var(--primary-color);
    color: var(--primary-color);
}

[data-theme="dark"] .btn-secondary {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--border-light);
}

/* Forms */
[data-theme="dark"] .form-control {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus {
    border-color: var(--cyber-blue);
    box-shadow: 0 0 0 3px rgba(3, 233, 244, 0.1);
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--text-light);
}

/* Search Bar */
[data-theme="dark"] .search-bar {
    background: var(--bg-secondary);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .search-input-group {
    border-right-color: var(--border-color);
}

[data-theme="dark"] .search-input-group input,
[data-theme="dark"] .search-select {
    background: transparent;
    color: var(--text-primary);
}

/* Job Cards */
[data-theme="dark"] .job-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .job-card.featured {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.05), rgba(239, 68, 68, 0.05));
    border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .job-card:hover {
    border-color: var(--cyber-blue);
    box-shadow: 0 0 20px rgba(3, 233, 244, 0.1);
}

/* Category Cards */
[data-theme="dark"] .category-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .category-card:hover {
    background: var(--bg-tertiary);
    border-color: var(--cyber-purple);
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.15);
}

[data-theme="dark"] .category-icon {
    background: var(--bg-tertiary);
}

/* Stats Cards */
[data-theme="dark"] .stat-card {
    background: var(--bg-secondary);
}

[data-theme="dark"] .stat-icon {
    opacity: 0.9;
}

/* Badges */
[data-theme="dark"] .badge {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .badge-secondary {
    background: var(--bg-tertiary);
    color: var(--text-secondary);
}

/* User Menu */
[data-theme="dark"] .user-dropdown {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .dropdown-header {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .dropdown-item:hover {
    background: var(--bg-tertiary);
    color: var(--cyber-blue);
}

[data-theme="dark"] .dropdown-divider {
    background: var(--border-color);
}

/* Tables */
[data-theme="dark"] .admin-table {
    background: var(--bg-secondary);
}

[data-theme="dark"] .admin-table thead {
    background: var(--bg-tertiary);
}

[data-theme="dark"] .admin-table th {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-table td {
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .admin-table tbody tr:hover {
    background: var(--bg-tertiary);
}

/* Footer */
[data-theme="dark"] .footer {
    background: var(--bg-secondary);
    border-top-color: var(--border-color);
}

[data-theme="dark"] .footer-links a {
    color: var(--text-secondary);
}

[data-theme="dark"] .footer-links a:hover {
    color: var(--cyber-blue);
}

/* Admin Sidebar */
[data-theme="dark"] .admin-sidebar {
    background: var(--bg-secondary);
    border-right-color: var(--border-color);
}

[data-theme="dark"] .admin-nav-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .admin-nav-item:hover {
    background: var(--bg-tertiary);
    color: var(--cyber-blue);
}

[data-theme="dark"] .admin-nav-item.active {
    background: linear-gradient(90deg, rgba(3, 233, 244, 0.1), transparent);
    color: var(--cyber-blue);
    border-left-color: var(--cyber-blue);
}

[data-theme="dark"] .admin-nav-section-title {
    color: var(--text-light);
}

/* Alerts */
[data-theme="dark"] .alert-success {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.3);
}

[data-theme="dark"] .alert-danger {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
}

[data-theme="dark"] .alert-warning {
    background: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .alert-info {
    background: rgba(6, 182, 212, 0.15);
    border-color: rgba(6, 182, 212, 0.3);
}

/* Cyber Glow Effects */
[data-theme="dark"] .btn-primary:hover {
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.4);
}

[data-theme="dark"] .btn-warning:hover {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
}

/* Company Logos & Avatars */
[data-theme="dark"] .company-logo {
    background: var(--bg-tertiary);
    border-color: var(--border-color);
}

[data-theme="dark"] .profile-avatar-large {
    border-color: var(--cyber-blue);
    box-shadow: 0 0 20px rgba(3, 233, 244, 0.2);
}

/* Notice Bell */
[data-theme="dark"] .notice-bell {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="dark"] .notice-bell:hover {
    background: var(--cyber-blue) !important;
    box-shadow: 0 0 20px rgba(3, 233, 244, 0.3);
}

/* Premium Badge */
[data-theme="dark"] .badge-warning {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    background: var(--bg-primary);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 6px;
    border: 2px solid var(--bg-secondary);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--cyber-blue);
    box-shadow: 0 0 10px rgba(3, 233, 244, 0.5);
}

/* Selection */
[data-theme="dark"] ::selection {
    background: rgba(3, 233, 244, 0.3);
    color: var(--text-primary);
}

/* Inputs with autocomplete */
[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--bg-tertiary) inset;
    -webkit-text-fill-color: var(--text-primary);
    border-color: var(--border-color);
}

/* Links */
[data-theme="dark"] a {
    color: var(--cyber-blue);
}

[data-theme="dark"] a:hover {
    color: var(--cyber-purple);
}

/* Code blocks */
[data-theme="dark"] code,
[data-theme="dark"] pre {
    background: var(--bg-tertiary);
    color: var(--cyber-blue);
    border-color: var(--border-color);
}

/* Cyber Glow on Focus Elements */
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .search-input-group input:focus {
    box-shadow: 0 0 0 3px rgba(3, 233, 244, 0.2);
    border-color: var(--cyber-blue);
}

/* Hero Section Dark Mode */
[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #1a1f2e 0%, #0f1419 100%);
    position: relative;
    overflow: hidden;
}

[data-theme="dark"] .hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(3, 233, 244, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
    z-index: 0;
}

[data-theme="dark"] .hero-content {
    position: relative;
    z-index: 1;
}

/* Featured Jobs Glow */
[data-theme="dark"] .job-card.featured::before {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.3);
}

/* Premium Business Cards */
[data-theme="dark"] .company-card:hover {
    box-shadow: 0 10px 40px rgba(3, 233, 244, 0.15);
    border-color: var(--cyber-blue);
}

/* Filter Tabs */
[data-theme="dark"] .filter-tab {
    color: var(--text-secondary);
    border-bottom-color: transparent;
}

[data-theme="dark"] .filter-tab:hover {
    background: var(--bg-tertiary);
    color: var(--cyber-blue);
}

[data-theme="dark"] .filter-tab.active {
    color: var(--cyber-blue);
    border-bottom-color: var(--cyber-blue);
    background: rgba(3, 233, 244, 0.05);
}

/* Empty States */
[data-theme="dark"] .empty-state {
    background: var(--bg-secondary);
}

/* Pagination */
[data-theme="dark"] .pagination .btn {
    background: var(--bg-secondary);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .pagination .btn:hover {
    background: var(--bg-tertiary);
    border-color: var(--cyber-blue);
}

/* Notice Bell Glow */
[data-theme="dark"] .notice-bell span {
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.5);
}

/* Cyber Grid Pattern (subtle) */
[data-theme="dark"] .section {
    position: relative;
}

[data-theme="dark"] .section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(3, 233, 244, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(3, 233, 244, 0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    pointer-events: none;
    opacity: 0.3;
    z-index: 0;
}

[data-theme="dark"] .section > * {
    position: relative;
    z-index: 1;
}

/* Premium Badges Glow */
[data-theme="dark"] [style*="background: linear-gradient(135deg, #F59E0B"] {
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.2);
}

/* Statistics Section */
[data-theme="dark"] .stats-section {
    background: var(--bg-secondary);
}

/* Job Detail Page */
[data-theme="dark"] .job-detail-sidebar .card {
    border: 1px solid var(--border-color);
}

/* Cyber Border Animation on Hover */
[data-theme="dark"] .card:hover {
    animation: cyber-border-glow 2s ease-in-out infinite;
}

@keyframes cyber-border-glow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(3, 233, 244, 0.1);
    }
    50% {
        box-shadow: 0 0 20px rgba(3, 233, 244, 0.2);
    }
}

/* Mobile Menu Dark */
[data-theme="dark"] .mobile-menu {
    background: var(--bg-secondary);
    border-left-color: var(--border-color);
}

/* Tooltips */
[data-theme="dark"] [title]:hover::after {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border-color: var(--cyber-blue);
}

/* Admin Dashboard Dark */
[data-theme="dark"] .admin-layout {
    background: var(--bg-primary);
}

[data-theme="dark"] .admin-content {
    background: var(--bg-primary);
}

/* Cyber Text Glow on Important Elements */
[data-theme="dark"] h1,
[data-theme="dark"] h2 {
    text-shadow: 0 0 20px rgba(3, 233, 244, 0.1);
}

/* Premium Plan Cards */
[data-theme="dark"] .pricing-card {
    background: var(--bg-secondary);
    border-color: var(--border-color);
}

[data-theme="dark"] .pricing-card:hover {
    border-color: var(--cyber-blue);
    box-shadow: 0 10px 40px rgba(3, 233, 244, 0.2);
    transform: translateY(-8px);
}

/* Feature Icons Glow */
[data-theme="dark"] .feature-icon {
    box-shadow: 0 0 20px rgba(3, 233, 244, 0.2);
}

/* Success Messages */
[data-theme="dark"] .flash-message.success {
    background: rgba(16, 185, 129, 0.15);
    border-left-color: var(--success-color);
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.1);
}

/* Smooth Transitions */
[data-theme="dark"] * {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}