/* Dark Mode Navbar Fix */

.desktop-header-1,
.mobile-header-1 {
    transform: translateZ(0);
}

/* Light mode navbar */
[data-theme="light"] .desktop-header-1,
[data-theme="light"] .mobile-header-1 {
    background: #f9f9ff;
    border-right: solid 1px rgba(94, 92, 127, 0.1);
}

/* Dark mode navbar */
[data-theme="dark"] .desktop-header-1,
[data-theme="dark"] .mobile-header-1 {
    background: #16161f;
    border-right: solid 1px #2a2a3e;
}

/* Mobile header positioning */
@media (max-width: 991px) {
    .mobile-header-1 {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .desktop-header-1,
    .mobile-header-1 {
        transition: none !important;
    }
}