/* ═══════════════════════════════════════════════════════════════════
               HEADER-V3 (1990, government variant) — rules scoped to `.header-v3`.
               1 base + sticky · 2 logo · 3 controls · 4 dropdown · 5 mobile · 6 desktop ·
               7 prosecutor look (fonts, colours, a11y zoom)
               ═══════════════════════════════════════════════════════════════════ */


            /* ── 1. BASE + STICKY ───────────────────────────────────────────── */

            /* The topbar scrolls away, brand row + menu stay. Height never changes, so no
               scroll-anchoring flicker. !important beats the top-0 utility. */
            .header-v3 {
                z-index: 1030;
                --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity, .25));
                top: calc(-1 * var(--topbar-h, 0px)) !important;
            }


            /* ── 2. LOGO — theme pair ──────────────────────────────────────── */

            .header-v3[data-bs-theme="light"] .navbar-brand-dark,
            .header-v3[data-bs-theme="dark"] .navbar-brand-light {
                display: none !important;
            }


            /* ── 3. CONTROLS ───────────────────────────────────────────────── */

            .header-v3 .navbar-toggler:hover {
                background-color: var(--bs-tertiary-bg) !important;
            }


            /* ── 4. DROPDOWN ───────────────────────────────────────────────── */

            /* Submenu links: no hover box, only the colour changes (client 2026-11-06) */
            .header-v3 .dropdown-menu {
                --bs-dropdown-link-hover-bg: transparent;
                --bs-dropdown-link-hover-color: var(--bs-primary);
                --bs-dropdown-link-active-bg: transparent;
                --bs-dropdown-link-active-color: var(--bs-primary);
            }

            .header-v3 .dropdown-item[aria-current="page"] {
                color: var(--bs-primary);
            }

            /* Mega column title icon = the emblem's gold */
            .header-v3 .dropdown-title > i {
                color: var(--bs-gold);
            }

            .header-v3 .dropdown-toggle::after {
                content: "\f107";
                font-family: "Font Awesome 6 Free";
                margin-left: .5em;
                font-size: .75rem !important;
                line-height: normal;
                border: none;
            }

            /* Flat menus have long page names: wrap inside a bounded panel */
            .header-v3 .dropdown-list .wrapper {
                min-width: 18rem;
                max-width: 26rem;
            }


            /* ── 5. MOBILE (< xl) — drawer ─────────────────────────────────── */

            .main-menu {
                --bs-offcanvas-width: calc(100vw - 1.5rem);
            }
            @media (min-width: 576px) {
                .main-menu {
                    --bs-offcanvas-width: 26rem;
                }
            }
            @media (min-width: 992px) {
                .main-menu {
                    --bs-offcanvas-width: 32rem;
                }
            }

            .main-menu .dropdown-menu {
                --bs-dropdown-link-active-color: var(--bs-primary);
                --bs-dropdown-link-active-bg: transparent;
            }

            /* Long page names wrap in the drawer */
            .main-menu .dropdown-item,
            .main-menu .dropdown-header {
                white-space: normal;
            }

            .main-menu .btn-close.btn-circle {
                filter: none;
                color: var(--bs-white);
                background-color: rgba(0, 0, 0, .4);
            }
            .main-menu .btn-close.btn-circle:hover {
                background-color: rgba(0, 0, 0, .6);
            }


            /* ── 6. DESKTOP (≥ xl) ─────────────────────────────────────────── */

            @media (min-width: 1200px) {

                .header-v3 .dropdown-menu {
                    opacity: 0;
                    visibility: hidden;
                    transform: translateY(-.5rem);
                    display: block !important;
                }
                .header-v3 .nav-item.dropdown > .dropdown-menu {
                    top: auto !important;
                    margin-top: 0 !important;
                }

                /* Open on hover, or `.is-open` from the keyboard script */
                .header-v3 .nav-item.dropdown:hover > .dropdown-menu,
                .header-v3 .nav-item.dropdown.is-open > .dropdown-menu {
                    opacity: 1;
                    visibility: visible;
                    transform: translateY(0);
                }

                /* At 130% text size the CTA moves to the next row instead of overflowing */
                .header-v3 .navbar > .container {
                    flex-wrap: wrap;
                }
                .header-v3 .navbar-cta {
                    margin-left: auto;
                }
            }

            .header-v3 .dropdown-item:hover .bg-body-tertiary {
                background-color: var(--bs-body-bg) !important;
            }


            /* ── 7. PROSECUTOR LOOK ─────────────────────────────────────────── */

            /* Organisation name — brandbook 1.12 tracking 40. Font = the site's main font (GIP),
               not Times New Roman (user, 2026-10-14; welcome + footer keep the serif) */
            .header-v3 .navbar-brand-text {
                font-family: var(--pro-font-head);
            }
            .header-v3 .navbar-brand-text > span {
                font-size: clamp(1.0625rem, .55vw + .72rem, 1.375rem);
                letter-spacing: .04em;
                line-height: 1.2;
                white-space: nowrap;
            }
            .header-v3 .navbar-brand-text > small {
                font-size: .6875rem;
                letter-spacing: .14em;
                white-space: nowrap;
            }
            /* Утсанд (2026-11-06): лого 2.75rem, нэр .9375rem — «хэт том» гэсэн заавар */
            @media (max-width: 767.98px) {
                .header-v3 .navbar-brand > span.w-14 { width: 2.75rem !important; }
                .header-v3 .navbar-brand-text > span { font-size: .9375rem; letter-spacing: .02em; }
            }

            /* Search: pill field + round orange button */
            .header-v3 .btn-search {
                --bs-btn-bg: #dc6536;
                --bs-btn-border-color: #dc6536;
                --bs-btn-color: #fff;
                --bs-btn-hover-bg: #c2542a;
                --bs-btn-hover-border-color: #c2542a;
                --bs-btn-hover-color: #fff;
                --bs-btn-active-bg: #ac4a25;
                --bs-btn-active-border-color: #ac4a25;
                --bs-btn-active-color: #fff;
            }
            @media (min-width: 992px) {
                .header-v3 .navbar-actions .form-control {
                    width: clamp(11rem, 14vw, 15rem);
                }
            }

            /* Menu links: .875rem uppercase, brand blue on hover */
            .header-v3 .nav-link {
                font-size: .875rem !important;
                font-family: var(--pro-font-head);
                letter-spacing: .01em;
                text-transform: uppercase;
                transition: all .4s ease-in-out;
            }
            .header-v3 .navbar-nav > .nav-item > .nav-link:hover,
            .header-v3 .navbar-nav > .nav-item > .nav-link.show {
                color: rgb(var(--bs-primary-rgb)) !important;
            }
            .header-v3 .dropdown-title {
                font-size: .9375rem !important;
            }

            /* Uppercase links are wide: tighter side padding at 1200–1399px keeps the CTA on one row */
            @media (min-width: 1200px) and (max-width: 1399.98px) {
                .header-v3 .navbar-nav > .nav-item > .nav-link {
                    padding-left: .375rem !important;
                    padding-right: .375rem !important;
                }
            }

            /* Topbar groups wrap apart at larger text sizes */
            .header-v3 .header-topbar .container > div {
                flex-wrap: wrap;
                column-gap: 1.5rem;
            }

            /* Text zoom (accessibility pill): the name may wrap, the search field narrows */
            html.a11y-zoom-115 .header-v3 .navbar-brand,
            html.a11y-zoom-130 .header-v3 .navbar-brand {
                min-width: 0;
            }
            html.a11y-zoom-115 .header-v3 .navbar-brand-text > *,
            html.a11y-zoom-130 .header-v3 .navbar-brand-text > * {
                white-space: normal;
            }
            @media (min-width: 992px) {
                html.a11y-zoom-130 .header-v3 .navbar-actions .form-control {
                    width: clamp(8rem, 12vw, 12rem);
                }
            }
            @media (min-width: 1400px) {
                html.a11y-zoom-130 .header-v3 .navbar-nav > .nav-item > .nav-link {
                    padding-inline: .5rem !important;
                }
            }


            /* MEGA DROPDOWN (≥xl): every mega menu = 3 equal columns, extra groups wrap to the next row
               (client 2026-11-06; replaces the 4-col / 6-auto split). li padding 0, group title on one line —
               `!important` because the title's `text-wrap` utility is itself !important. */
            @media (min-width: 1200px) {
                .header-v3 .dropdown-grid {
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    gap: 2rem 1.5rem;
                }
                .header-v3 .dropdown-grid > li {
                    width: auto;
                    margin-top: 0;
                    padding-inline: 0;
                }
                .header-v3 .dropdown-grid .dropdown-title {
                    white-space: nowrap !important;
                }
            }