/* Custom Header Styling */

/* Change navbar background color */
.navbar {
    background-color: #1e3a5f !important; /* Dark blue - change this to your preferred color */
    border-bottom: none;
}

/* Alternative color options:
   #1e3a5f - Dark blue
   #2d5016 - Dark green  
   #5c1e5c - Purple
   #8b0000 - Dark red
   #333333 - Dark gray
*/

/* Navbar links color */
.navbar .nav-link,
.navbar .navbar-brand,
.navbar a {
    color: #ffffff !important;
}

.navbar .nav-link:hover,
.navbar a:hover {
    color: #cccccc !important;
}

/* Logo/brand styling */
.navbar-header {
    display: flex;
    align-items: center;
    height: 72px;
}

.navbar-brand {
    display: flex !important;
    align-items: center !important;
    height: 72px !important;
    padding: 12px 15px !important;
    margin: 0 !important;
}

/* Target img element (when SVG is not inlined) */
.navbar-brand img#logo {
    height: 36px;
    width: auto;
    margin: 0;
    padding: 0;
}

/* Style paths inside inline SVG if needed */
.navbar-brand svg path {
    fill: #ffffff;
}

/* Ensure navbar has fixed height and doesn't overflow */
.navbar.navbar-inverse {
    min-height: 72px;
    overflow: visible;
}

/* Navbar collapse section - contains the dynamically loaded menu */
#navbar {
    overflow: hidden;
}

/* Style the navbar menu items loaded from toc.html */
#navbar > ul.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#navbar > ul.navbar-nav > li {
    display: inline-block;
}

#navbar > ul.navbar-nav > li > a {
    color: #ffffff !important;
    padding: 15px;
}

#navbar > ul.navbar-nav > li > a:hover {
    color: #cccccc !important;
    background-color: rgba(255,255,255,0.1);
}

/* Hide nested levels in navbar - show only top level */
#navbar > ul.navbar-nav ul {
    display: none !important;
}

/* Hide expand stubs in navbar */
#navbar .expand-stub {
    display: none !important;
}

/* Hide the entire navbar menu - we only want the logo */
#navbar > ul.navbar-nav {
    display: none !important;
}

/* Hide the empty breadcrumb/subnav bar */
.subnav.navbar.navbar-default {
    display: none !important;
}

/* ============================================
   API Reference Page Titles - Reduce h1 size
   ============================================ */

/* Make h1 titles on namespace and class pages smaller */
article.content h1 {
    font-size: 2.4rem;
    margin-bottom: 0.75rem;
}

/* ============================================
   Layout Protection - Prevent JS from breaking layout
   ============================================ */

/* ============================================
   Namespace Links - Disable links to non-existent namespace pages
   DocFx generates links for each namespace segment, but only full namespaces have pages
   Only intermediate segments (Transit, Transit.Shared, etc.) should be disabled
   ============================================ */

/* Disable intermediate namespace links that don't have HTML files */
/* These are the partial namespace paths that don't exist as standalone pages */
article.content h6 a.xref[href="Transit.html"],
article.content h6 a.xref[href="Transit.Shared.html"],
article.content h6 a.xref[href="Transit.Shared.Communication.html"],
article.content h6 a.xref[href="Transit.Shared.Communication.Azure.html"],
article.content h6 a.xref[href="Transit.Shared.Datamodels.html"],
article.content h6 a.xref[href="Transit.Services.html"] {
    color: #333 !important;
    text-decoration: none !important;
    cursor: default !important;
    pointer-events: none !important;
}


/* Ensure wrapper and content are always visible */
#wrapper {
    visibility: visible !important;
}

.article {
    visibility: visible !important;
}

/* Ensure main content area has proper styling even without JS */
.body-content {
    min-height: 300px;
}

/* Ensure content is readable even if sidebar fails to load */
.article.content {
    max-width: 100%;
}