/* FINAL NAVIGATION OVERRIDES - Load last to override all other styles */
/* This file MUST load after all other stylesheets */

/* =====================================================
   REMOVE TAP/CLICK HIGHLIGHT ON ALL DEVICES
   ===================================================== */

/* Disable tap highlight on all interactive elements */
html {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

a, button, input, select, textarea,
.nav-link, .navbar-brand, .dropdown-item, .btn,
.mobile-nav-item, [role="button"] {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-touch-callout: none !important;
    outline: none !important;
}

/* =====================================================
   TOP NAVBAR - Bootstrap dark theme overrides
   ===================================================== */

/* Target Bootstrap's specific selectors with maximum specificity */
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link.active,
html body .navbar .nav-link,
html body .navbar .nav-link:hover,
html body .navbar .nav-link:focus {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}

/* Navbar brand */
.navbar .navbar-brand,
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
html body .navbar .navbar-brand:hover {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}

/* Nav items container */
.navbar .nav-item,
.navbar .nav-item:hover,
.navbar .nav-item:focus,
.navbar-dark .navbar-nav .nav-item,
.navbar-dark .navbar-nav .nav-item:hover {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}

/* Only text glow on hover, no background */
.navbar .nav-link:hover,
.navbar .navbar-brand:hover,
#home-link:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

/* Dropdown button */
.navbar .btn,
.navbar .btn:hover,
.navbar .btn:focus,
.navbar .btn:active,
.navbar #userDropdown,
.navbar #userDropdown:hover,
.navbar #userDropdown:focus {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Dropdown menu items */
.dropdown-item,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active,
.dropdown-menu .dropdown-item:hover {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
}

.dropdown-item:hover {
    color: #ffffff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

/* =====================================================
   BOTTOM MOBILE NAVBAR - Remove block highlights
   ===================================================== */

/* Mobile nav items with maximum specificity */
html body nav.mobile-navbar a.mobile-nav-item,
html body nav.mobile-navbar a.mobile-nav-item:hover,
html body nav.mobile-navbar a.mobile-nav-item:focus,
html body nav.mobile-navbar a.mobile-nav-item:active,
html body nav.mobile-navbar a.mobile-nav-item:visited,
.mobile-navbar .mobile-nav-item,
.mobile-navbar .mobile-nav-item:hover,
.mobile-navbar .mobile-nav-item:focus,
.mobile-navbar .mobile-nav-item:active,
.mobile-navbar a:hover,
.mobile-navbar a:focus,
.mobile-navbar a:active {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

/* Active state - no background, just white color */
.mobile-navbar .mobile-nav-item.active,
html body nav.mobile-navbar a.mobile-nav-item.active {
    background-color: transparent !important;
    background: none !important;
}

/* Only SVG and text get color change on hover */
.mobile-navbar .mobile-nav-item:hover svg,
.mobile-navbar .mobile-nav-item:hover span,
.mobile-navbar .mobile-nav-item:focus svg,
.mobile-navbar .mobile-nav-item:focus span,
html body nav.mobile-navbar a.mobile-nav-item:hover svg,
html body nav.mobile-navbar a.mobile-nav-item:hover span {
    color: #ffffff !important;
    transition: color 0.2s ease;
}

/* Active items - full white */
.mobile-navbar .mobile-nav-item.active svg,
.mobile-navbar .mobile-nav-item.active span {
    color: #ffffff !important;
}

/* =====================================================
   FOCUS STATE CLEANUP
   ===================================================== */

/* Remove focus rings that might show as blocks */
a:focus,
button:focus,
.nav-link:focus,
.mobile-nav-item:focus,
.navbar-brand:focus,
.dropdown-item:focus,
.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Remove Bootstrap focus-visible styles */
a:focus-visible,
button:focus-visible,
.nav-link:focus-visible,
.mobile-nav-item:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}