/* Windows 11 Style Theme */
[data-theme="windows11"] {
    /* Windows 11 Color Palette */
    --bg-primary: #f3f3f3;
    --bg-secondary: #ffffff;
    --bg-dark: #202020;
    --bg-card: #ffffff;
    
    --text-primary: #1f1f1f;
    --text-secondary: #5e5e5e;
    --text-muted: #8a8a8a;
    
    --accent-primary: #0067c0;
    --accent-secondary: #005a9e;
    --accent-hover: #004578;
    
    --border-color: #e0e0e0;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    /* Windows 11 Specific */
    --win11-radius: 8px;
    --win11-mica: rgba(243, 243, 243, 0.7);
}

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

[data-theme="windows11"] .navbar {
    background: var(--win11-mica);
    backdrop-filter: blur(40px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}

[data-theme="windows11"] .navbar-brand {
    color: var(--text-primary) !important;
    font-weight: 600;
}

[data-theme="windows11"] .nav-link {
    color: var(--text-secondary) !important;
    font-weight: 500;
    transition: all 0.2s ease;
}

[data-theme="windows11"] .nav-link:hover,
[data-theme="windows11"] .nav-link.active {
    color: var(--accent-primary) !important;
}

[data-theme="windows11"] .btn-glass-primary {
    background: var(--accent-primary);
    color: white;
    border: none;
    border-radius: var(--win11-radius);
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
}

[data-theme="windows11"] .btn-glass-primary:hover {
    background: var(--accent-hover);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

[data-theme="windows11"] .btn-glass-secondary {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-radius: var(--win11-radius);
    box-shadow: var(--shadow-sm);
}

[data-theme="windows11"] .btn-glass-secondary:hover {
    background: var(--bg-primary);
    box-shadow: var(--shadow-md);
}

[data-theme="windows11"] .glass-card,
[data-theme="windows11"] .feature-card,
[data-theme="windows11"] .news-card,
[data-theme="windows11"] .job-card,
[data-theme="windows11"] .course-card,
[data-theme="windows11"] .event-card,
[data-theme="windows11"] .community-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--win11-radius);
    box-shadow: var(--shadow-md);
    backdrop-filter: none;
}

[data-theme="windows11"] .glass-card:hover,
[data-theme="windows11"] .feature-card:hover,
[data-theme="windows11"] .news-card:hover,
[data-theme="windows11"] .job-card:hover,
[data-theme="windows11"] .course-card:hover,
[data-theme="windows11"] .event-card:hover {
    box-shadow: var(--shadow-lg);
    transform: translateY(-2px);
    border-color: var(--accent-primary);
}

[data-theme="windows11"] .hero-section {
    background: linear-gradient(135deg, #0067c0 0%, #005a9e 100%);
}

[data-theme="windows11"] .section-title {
    color: var(--text-primary);
}

[data-theme="windows11"] .glass-input,
[data-theme="windows11"] .form-control,
[data-theme="windows11"] .form-select {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: var(--win11-radius);
    color: var(--text-primary);
}

[data-theme="windows11"] .glass-input:focus,
[data-theme="windows11"] .form-control:focus,
[data-theme="windows11"] .form-select:focus {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 3px rgba(0, 103, 192, 0.1);
    background: var(--bg-secondary);
}

[data-theme="windows11"] .badge {
    border-radius: 4px;
    font-weight: 500;
}

[data-theme="windows11"] .footer {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
    color: var(--text-secondary);
}

[data-theme="windows11"] .text-cyan {
    color: var(--accent-primary) !important;
}

[data-theme="windows11"] .text-cyan:hover {
    color: var(--accent-hover) !important;
}

[data-theme="windows11"] .neon-text {
    color: var(--accent-primary);
    text-shadow: none;
}

[data-theme="windows11"] .gradient-text {
    background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Scrollbar for Windows 11 theme */
[data-theme="windows11"] ::-webkit-scrollbar {
    width: 12px;
}

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

[data-theme="windows11"] ::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 6px;
}

[data-theme="windows11"] ::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

/* Animation adjustments for Windows 11 */
[data-theme="windows11"] * {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-theme="windows11"] .auth-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}

[data-theme="windows11"] .stats-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
}

[data-theme="windows11"] .category-badge,
[data-theme="windows11"] .job-type-badge {
    background: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

[data-theme="windows11"] .event-date-badge {
    background: var(--accent-primary);
    color: white;
    border-radius: var(--win11-radius);
}

[data-theme="windows11"] .user-avatar {
    border: 2px solid var(--border-color);
}

[data-theme="windows11"] .post-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--win11-radius);
}

[data-theme="windows11"] .sidebar-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--win11-radius);
}

[data-theme="windows11"] .news-image-placeholder {
    background: linear-gradient(135deg, #e8f4f8 0%, #f0f0f0 100%);
}

[data-theme="windows11"] .news-image-placeholder::before {
    background: linear-gradient(45deg, transparent 30%, rgba(0, 103, 192, 0.05) 50%, transparent 70%);
}

[data-theme="windows11"] .news-image-placeholder svg {
    color: #a0a0a0;
}
