/* Additional Dark Mode Enhancements */

/* Improved scrollbar for dark mode */
[data-theme="dark"]::-webkit-scrollbar {
    width: 12px;
}

[data-theme="dark"]::-webkit-scrollbar-track {
    background: #0a0e1a;
}

[data-theme="dark"]::-webkit-scrollbar-thumb {
    background: #1a1f2e;
    border-radius: 6px;
}

[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
    background: var(--accent-red);
}

/* Dark mode text selection */
[data-theme="dark"] ::selection {
    background: var(--accent-red);
    color: white;
}

[data-theme="dark"] ::-moz-selection {
    background: var(--accent-red);
    color: white;
}

/* Enhanced floating card in dark mode */
[data-theme="dark"] .floating-card {
    background: rgba(26, 31, 46, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* Dark mode stats */
[data-theme="dark"] .stat-label {
    color: rgba(255, 255, 255, 0.8);
}

/* Dark mode footer enhancements */
[data-theme="dark"] .footer {
    background: #0a0e1a;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Dark mode contact info */
[data-theme="dark"] .contact-info {
    background: rgba(26, 31, 46, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Enhanced back to top button for dark mode */
[data-theme="dark"] .back-to-top {
    background: var(--accent-red);
    box-shadow: 0 4px 20px rgba(255, 59, 59, 0.4);
}

[data-theme="dark"] .back-to-top:hover {
    box-shadow: 0 6px 30px rgba(255, 59, 59, 0.6);
}

/* Dark mode navbar improvements */
[data-theme="dark"] .navbar.scrolled {
    background: rgba(10, 14, 26, 0.98);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Dark mode feature icon */
[data-theme="dark"] .feature-icon {
    box-shadow: 0 4px 20px rgba(255, 59, 59, 0.3);
}

/* Dark mode about badge */
[data-theme="dark"] .about-badge {
    box-shadow: 0 8px 32px rgba(255, 59, 59, 0.4);
}

/* Dark mode why icon */
[data-theme="dark"] .why-icon {
    box-shadow: 0 4px 20px rgba(255, 59, 59, 0.3);
}

/* Dark mode social links */
[data-theme="dark"] .social-link {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .social-link:hover {
    background: var(--accent-red);
    border-color: var(--accent-red);
}

/* Dark mode footer social */
[data-theme="dark"] .footer-social a {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .footer-social a:hover {
    background: var(--accent-red);
    border-color: var(--accent-red);
}

/* Dark mode form labels */
[data-theme="dark"] .form-group label {
    color: var(--text-dark);
}

/* Dark mode contact details */
[data-theme="dark"] .contact-details a,
[data-theme="dark"] .contact-details p {
    color: rgba(255, 255, 255, 0.95);
}

/* Dark mode about feature icon */
[data-theme="dark"] .about-feature-icon {
    background: rgba(255, 59, 59, 0.15);
    border: 1px solid rgba(255, 59, 59, 0.2);
}