/* Full-bleed navbar, even if markup uses .container */
.hib-header > .navbar > .container,
.hib-header > .container,
.hib-header .navbar .container {
    max-width: none;           /* cancel Bootstrap container max-width */
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Remove horizontal padding from the navbar at lg+ */
@media (min-width: 992px) {
    .navbar { --bs-navbar-padding-x: 0; }
}

/* ===== Header / Navbar (dark mode) ===== */
[data-bs-theme="dark"] .hib-header {
    background-color: rgba(16,18,24,0.85);
    backdrop-filter: saturate(110%) blur(6px);
    border-bottom: 1px solid var(--bs-border-color);
}

[data-bs-theme="dark"] .hib-header .navbar-brand,
[data-bs-theme="dark"] .hib-header .nav-link {
    color: var(--bs-body-color);
}
[data-bs-theme="dark"] .hib-header .nav-link:hover {
    color: var(--bs-emphasis-color);
}
[data-bs-theme="dark"] .hib-header .nav-link.active {
    color: #fff !important;
    background: linear-gradient(90deg, #1d283a, #261b43);
    border-radius: .375rem;
}

/* Optional: subtle shadow when scrolled */
[data-bs-theme="dark"] .hib-header.hib-header--scrolled {
    box-shadow: 0 6px 24px rgba(0,0,0,.35);
}

/* ===== Footer (dark mode) ===== */
/* If footer uses bg-light in markup, adapt it in dark mode */
[data-bs-theme="dark"] footer.bg-light,
[data-bs-theme="dark"] footer.bg-body-tertiary {
    background-color: var(--bs-tertiary-bg) !important;
    border-top: 1px solid var(--bs-border-color) !important;
}

[data-bs-theme="dark"] footer .text-muted,
[data-bs-theme="dark"] footer .text-body-secondary {
    color: var(--bs-secondary-color) !important;
}
[data-bs-theme="dark"] footer .nav-link,
[data-bs-theme="dark"] footer a.link-body-emphasis {
    color: var(--bs-body-color) !important;
}
[data-bs-theme="dark"] footer .nav-link:hover {
    color: var(--bs-emphasis-color) !important;
}

/* Buttons in footer */
[data-bs-theme="dark"] footer .btn-outline-secondary {
    color: var(--bs-secondary-color);
    border-color: var(--bs-border-color);
}
[data-bs-theme="dark"] footer .btn-outline-secondary:hover {
    color: var(--bs-body-bg);
    background-color: var(--bs-secondary-color);
    border-color: var(--bs-secondary-color);
}

/* Dark-mode safety: override fixed white utilities that ignore color modes */
html[data-bs-theme="dark"] .hib-header.bg-white,
html[data-bs-theme="dark"] .navbar.bg-white {
    background-color: var(--bs-body-bg) !important;
}
html[data-bs-theme="dark"] footer.bg-light {
    background-color: var(--bs-tertiary-bg) !important;
}

/* Optional page-wide dark background if you want it */
[data-bs-theme="dark"] body {
    background: #0f1117;
    color: #eaeef7;
}