/* --- Navbar Fixes --- */

/* 1. Fix Dropdown Gap (Store Bridge) */
.navbar-nav .nav-item.dropdown {
    padding-bottom: 0; 
}

.dropdown-menu.mega-menu {
    /* Remove display: block so it hides by default */
    margin-top: 0; 
    top: 100%;
    
    border-radius: 0 0 8px 8px;
    padding-top: 10px; /* Internal padding */
}

/* THE BRIDGE: Invisible area that catches the mouse */
.nav-item.dropdown::after {
    content: '';
    position: absolute;
    bottom: -5px; /* Reduced from -10px to minimize overlap with neighbors */
    left: 10%; /* Constrain width to avoid touching neighbors */
    width: 80%; /* Only bridge the center of the item */
    height: 15px; /* Reduced height */
    background: transparent;
    z-index: 100;
}

/* 2. Remove Focus Outlines (Use with care for accessibility, replacing with subtle style) */
.nav-link:focus, .nav-link:active, 
.btn:focus, .btn:active, 
button:focus, a:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: Add a subtle text change instead of a blue ring if needed for accessibility */
.nav-link:focus-visible {
    color: #000 !important; /* Example */
}


/* --- Login Page Tabs --- */
/* Ensure tabs have pointer */
.nav-pills .nav-link {
    cursor: pointer;
}

/* --- General Adjustments --- */
body {
    overflow-x: hidden; /* Prevent horizontal scroll from full-width megamenus if any */
}