/* Site header — matches the ic- homepage design (2026-10-30). Loaded on every public page. */
:root { --hd-accent: #1673b3; --hd-tint: #eef7fd; --hd-ink: #17212f; --hd-muted: #5f6b7d; --hd-line: #e3e9f0; }

/* Bar */
header.wrapper .navbar { border-bottom: 1px solid transparent; }
.navbar .navbar-nav .nav-link { font-weight: 600; color: var(--hd-ink); }
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link:focus-visible { color: var(--hd-accent); }
.navbar .navbar-nav .nav-link.active { color: var(--hd-accent) !important; }
.hd-ico { display: none; }

/* Sticky clone (theme shows it after scrolling ~350px) */
.navbar-clone.navbar-stick { background: rgba(255, 255, 255, .86) !important; -webkit-backdrop-filter: saturate(160%) blur(14px); backdrop-filter: saturate(160%) blur(14px); border-bottom-color: var(--hd-line); box-shadow: 0 10px 30px -18px rgba(22, 60, 98, .35); }

/* Dropdowns */
.navbar .dropdown-menu { border: 1px solid var(--hd-line); border-radius: 1rem; box-shadow: 0 2px 4px rgba(22, 60, 98, .05), 0 24px 48px -20px rgba(22, 60, 98, .28); padding: .5rem; min-width: 17rem; }
.navbar .dropdown-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .7rem; border-radius: .7rem; white-space: normal; color: var(--hd-ink); }
.navbar .dropdown-item > i { flex: 0 0 auto; width: 2.2rem; height: 2.2rem; border-radius: .6rem; display: grid; place-items: center; background: var(--hd-tint); color: var(--hd-accent); font-size: 1rem; }
.navbar .dropdown-item span { display: flex; flex-direction: column; line-height: 1.3; }
.navbar .dropdown-item b { font-size: .8rem; font-weight: 700; }
.navbar .dropdown-item small { font-size: .7rem; color: var(--hd-muted); font-weight: 500; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus-visible { background: var(--hd-tint); color: var(--hd-ink); }
.navbar .dropdown-item.active, .navbar .dropdown-item:active { background: var(--hd-tint); color: var(--hd-accent); }
.navbar .dropdown-item.active b { color: var(--hd-accent); }

/* Active page underline (desktop) */
@media (min-width: 992px) {
    .navbar .navbar-nav .nav-link.active { position: relative; }
    .navbar .navbar-nav .nav-link.active::before { content: ''; position: absolute; left: 50%; bottom: .15rem; width: 1.25rem; height: 2px; margin-left: -.625rem; border-radius: 2px; background: var(--hd-accent); }
    .navbar .navbar-nav .dropdown-toggle.active::before { margin-left: -.95rem; }
}

/* Mobile offcanvas menu */
@media (max-width: 991.98px) {
    .navbar .offcanvas-nav { background: #fff !important; color: var(--hd-ink); width: min(86vw, 22rem); box-shadow: 0 0 40px rgba(22, 60, 98, .25); }
    .navbar .offcanvas-nav .offcanvas-header { padding: 1.25rem 1.5rem 1rem; border-bottom: 1px solid var(--hd-line); display: flex; align-items: center; justify-content: space-between; }
    .navbar .offcanvas-nav .offcanvas-body { padding: 1rem 1.25rem 0; }
    .navbar .offcanvas-nav .navbar-nav { gap: .25rem; }
    .navbar .offcanvas-nav .nav-link { display: flex !important; align-items: center; gap: .85rem; padding: .7rem .5rem !important; border-radius: .8rem; color: var(--hd-ink) !important; font-size: .95rem; }
    .navbar .offcanvas-nav .nav-link:hover, .navbar .offcanvas-nav .nav-link.active { background: var(--hd-tint); color: var(--hd-accent) !important; }
    .navbar .offcanvas-nav .hd-ico { display: grid; place-items: center; flex: 0 0 auto; width: 2.3rem; height: 2.3rem; border-radius: .7rem; background: var(--hd-tint); color: var(--hd-accent); font-size: 1.05rem; }
    .navbar .offcanvas-nav .nav-link.active .hd-ico { background: var(--hd-accent); color: #fff; }
    .navbar .offcanvas-nav .dropdown-toggle::after { margin-left: auto; }
    .navbar .offcanvas-nav .dropdown-menu { position: static !important; transform: none !important; border: 0; box-shadow: none; padding: .15rem 0 .35rem 2.6rem; min-width: 0; background: transparent; }
    .navbar .offcanvas-nav .dropdown-item { padding: .5rem .6rem; }
    .navbar .offcanvas-nav .dropdown-item > i { width: 1.9rem; height: 1.9rem; font-size: .9rem; }
    .navbar .offcanvas-nav .offcanvas-footer { padding: 1.25rem; margin-top: auto; border-top: 1px solid var(--hd-line); }
    .hd-mobile-cta { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
    .hd-mobile-cta .btn { padding: .6rem .8rem; font-size: .85rem; }
    .hd-mobile-contact { display: grid; gap: .45rem; margin-top: 1rem; font-size: .85rem; }
    .hd-mobile-contact a { color: var(--hd-muted); text-decoration: none; display: inline-flex; align-items: center; gap: .5rem; }
    .hd-mobile-contact i { color: var(--hd-accent); }
}

/* Dropdowns also open on click / keyboard (the theme opens them on hover only) */
@media (min-width: 992px) {
    .navbar .navbar-nav .dropdown-menu.show, .navbar .navbar-nav .dropdown:focus-within > .dropdown-menu { top: 100%; visibility: visible; opacity: 1; pointer-events: all; }
}
@media (max-width: 991.98px) {
    .navbar .offcanvas-nav .offcanvas-footer { display: block; }
    .navbar .offcanvas-nav .dropdown-menu.show { visibility: visible; opacity: 1; pointer-events: all; }
    .navbar .offcanvas-nav .nav-link.show, .navbar .offcanvas-nav .nav-link:focus { color: var(--hd-accent) !important; background: var(--hd-tint); }
    .navbar .offcanvas-nav .dropdown-item, .navbar .offcanvas-nav .dropdown-item b { color: var(--hd-ink) !important; }
    .navbar .offcanvas-nav .dropdown-item small { color: var(--hd-muted) !important; }
    .navbar .offcanvas-nav .dropdown-item.active b { color: var(--hd-accent) !important; }
}