/* Fixed Navbar Styles for All Pages */

/* Base navbar styling - Always fixed at top */
.sticky-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* Higher z-index to ensure clickability */
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15) !important;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.95) !important;
    transform: translateY(0) !important; /* Prevent any transform animations */
    pointer-events: auto !important; /* Ensure clickability */
}

/* Ensure body has proper padding for fixed navbar */
body {
    padding-top: 80px !important; /* Adjust based on navbar height */
    transition: padding-top 0.3s ease;
}

/* Dark theme fixed navbar */
body.dark-theme .sticky-navbar,
[data-theme="dark"] .sticky-navbar {
    background: rgba(18, 18, 18, 0.95) !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(0) !important; /* Prevent any transform animations */
    pointer-events: auto !important; /* Ensure clickability */
}

/* Navbar brand and links are always visible since it's always fixed */
.sticky-navbar .navbar-brand,
.sticky-navbar .nav-link {
    color: #333 !important;
    pointer-events: auto !important;
}

body.dark-theme .sticky-navbar .navbar-brand,
body.dark-theme .sticky-navbar .nav-link,
[data-theme="dark"] .sticky-navbar .navbar-brand,
[data-theme="dark"] .sticky-navbar .nav-link {
    color: #fff !important;
    pointer-events: auto !important;
}

/* Enhanced shadow for fixed navbar */
.sticky-navbar::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), transparent);
    pointer-events: none;
}

body.dark-theme .sticky-navbar::after,
[data-theme="dark"] .sticky-navbar::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
}

/* Better visibility for social links */
.sticky-navbar .social_link {
    color: #28a745 !important;
    pointer-events: auto !important;
}

body.dark-theme .sticky-navbar .social_link,
[data-theme="dark"] .sticky-navbar .social_link {
    color: #39FF14 !important;
    pointer-events: auto !important;
}

/* Hover effects for navbar */
.sticky-navbar .nav-link:hover {
    color: #28a745 !important;
}

body.dark-theme .sticky-navbar .nav-link:hover,
[data-theme="dark"] .sticky-navbar .nav-link:hover {
    color: #39FF14 !important;
}

/* Mobile responsive navbar */
@media (max-width: 768px) {
    .sticky-navbar {
        padding: 0.5rem 0;
    }
    
    .sticky-navbar .navbar-brand {
        font-size: 1.1rem;
    }
    
    body {
        padding-top: 70px !important; /* Smaller padding for mobile */
    }
}

/* Ensure dropdown menus work with fixed navbar */
.sticky-navbar .dropdown-menu {
    z-index: 1031;
}

/* Override any Bootstrap sticky behavior */
.sticky-navbar.sticky-top {
    position: fixed !important;
    top: 0 !important;
}

/* Prevent any JavaScript from changing the navbar position */
.sticky-navbar[style*="transform"] {
    transform: translateY(0) !important;
}

/* Ensure navbar is always visible and properly styled */
.sticky-navbar {
    visibility: visible !important;
    opacity: 1 !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
    pointer-events: auto !important;
}

/* Ensure all navbar elements are clickable */
.sticky-navbar *,
.sticky-navbar .navbar-toggler,
.sticky-navbar .btn,
.sticky-navbar .nav-link,
.sticky-navbar .navbar-brand {
    pointer-events: auto !important;
}

/* Smooth theme transitions */
.sticky-navbar * {
    transition: color 0.3s ease !important;
}
/* Ad
ditional fixes for specific page issues */

/* Ensure navbar is above all other elements */
.sticky-navbar {
    position: fixed !important;
    z-index: 99999 !important;
    display: block !important;
}

/* Fix for pages where navbar might be hidden */
#header {
    position: relative !important;
    z-index: 99999 !important;
}

/* Ensure dark mode toggle button works */
.dark-mode-toggle .btn {
    pointer-events: auto !important;
    z-index: 100000 !important;
    position: relative !important;
}

/* Fix navbar toggler for mobile */
.navbar-toggler {
    pointer-events: auto !important;
    z-index: 100000 !important;
}

/* Ensure navbar collapse works */
.navbar-collapse {
    pointer-events: auto !important;
}

/* Force navbar visibility on all pages */
.sticky-navbar,
#navbar_sticky {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Override any page-specific styles that might hide the navbar */
body .sticky-navbar {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
}

/* Emergency fixes for navbar issues */

/* Force navbar to be on top of everything */
.sticky-navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure navbar content is clickable */
.sticky-navbar .container-xl,
.sticky-navbar .navbar-brand,
.sticky-navbar .navbar-nav,
.sticky-navbar .nav-item,
.sticky-navbar .nav-link,
.sticky-navbar .btn,
.sticky-navbar .navbar-toggler {
    pointer-events: auto !important;
    z-index: 999999 !important;
    position: relative !important;
}

/* Fix for mobile menu */
.sticky-navbar .navbar-collapse {
    pointer-events: auto !important;
    z-index: 999999 !important;
}

/* Ensure dark mode button is always clickable */
#darkModeBtn {
    pointer-events: auto !important;
    z-index: 999999 !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Override any conflicting styles */
body * {
    z-index: auto !important;
}

body .sticky-navbar,
body .sticky-navbar * {
    z-index: 999999 !important;
}

/* Ensure proper spacing for content */
body {
    margin-top: 0 !important;
}

/* Fix navbar positioning conflicts */
.sticky-navbar {
    margin: 0 !important;
    transform: none !important;
}