/* Office lists read top-down: two columns from sm */
            .footer-v1 .footer-middle .widget-links ul > li {
                break-inside: avoid;
                padding-bottom: .5rem;
            }
            @media (min-width: 576px) {
                .footer-v1 .footer-middle .widget-links ul {
                    columns: 2;
                    column-gap: .5rem;
                }
            }

            /* BACKGROUND — үндсэн брэнд гүн хөх дээр доошоо гүнзгийрэх gradient.
               ⚠️ --bs-primary-rgb БИШ: dark горимд тэр нь #2073b6 болж гэрэлтдэг.
               Тогтмол брэнд өнгө = --pro-brand-deep-rgb (pro/style.css, #0e426d). */

            .footer-v1[data-bs-theme="dark"] {
                background-color: rgb(var(--pro-brand-deep-rgb)) !important;
                background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 100%) !important;
            }

            /* ДЭЭД АКЦЕНТ — алтлаг шаргал (secondary) үс зураас, хоёр тал руугаа уусна.
               heading-var-3-ийн алтан зураастай нэг хэлээр — footer нь хуудсыг "хаадаг" мэдрэмж өгнө. */

            .footer-v1::before {
                content: "";
                position: absolute;
                inset-inline: 0;
                top: 0;
                height: 2px;
                background: linear-gradient(90deg,
                    rgba(var(--bs-gold-rgb), 0) 0%,
                    rgba(var(--bs-gold-rgb), .7) 50%,
                    rgba(var(--bs-gold-rgb), 0) 100%);
                pointer-events: none;
            }

            /* WIDGET TITLE — алтлаг + жаахан зай (1991-ийн footer-ийн хэвшил).
               !important хэрэгтэй — markup-д `text-body` утилити (өөрөө !important) байна. */

            .footer-v1 .widget-title {
                color: var(--bs-gold) !important;
                letter-spacing: .06rem;
            }

            /* SOCIAL — брэнд өнгө биш ЦАГААН (extra-гийн .fa-facebook-f г.м. өнгийг дарна),
               hover дээр алтлаг болно. */

            .footer-v1 .social-link,
            .footer-v1 .social-link > i {
                color: #fff;
                transition: color .4s ease-in-out;
            }
            .footer-v1 .social-link:hover,
            .footer-v1 .social-link:hover > i {
                color: var(--bs-gold);
            }

            /* DIVIDER — цагаан, хоёр тал руугаа уусаж бүдгэрдэг зураас.
               Bootstrap-ийн hr нь border-top + opacity: .25 тул тэднийг тэглэж background-аар зурна. */

            .footer-v1 .footer-divider {
                height: 1px;
                border: 0;
                opacity: 1;
                background: linear-gradient(90deg,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, .28) 50%,
                    rgba(255, 255, 255, 0) 100%);
            }

            /* LOGO */

            .footer-v1[data-bs-theme="light"] .footer-brand-dark {
                display: none !important;
            }
            .footer-v1[data-bs-theme="dark"] .footer-brand-light {
                display: none !important;
            }

            /* LINKS — hover дээр цагаан болж тодорно (`text-body-secondary` утилити !important
               тул дарахад !important хэрэгтэй). */

            .footer-v1 .footer-link {
                transition: all .4s ease-in-out;
            }
            .footer-v1 .footer-link:hover {
                color: #fff !important;
            }


            /* ГАЗРЫН ЗУРАГ — баруун талын дэвсгэр (_mn-aimags.php partial, МЭЗ-ийн хэв).
               Аймгууд дэвсгэрийн өнгөөр дүүрч дотоод зураас дарагдана; гадна контурыг
               4 чиглэлийн drop-shadow-оор АЛТЛАГ зурна. Зүүн тийш mask-аар уусна. */

            .footer-v1 .footer-map {
                width: min(76rem, 85%);
                left: 48%;
                right: auto;
                mask-image: linear-gradient(90deg, #000 0%, #000 10%, transparent 62%);
                -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 10%, transparent 62%);
            }
            .footer-v1 .footer-map .aimag {
                fill: rgb(var(--pro-brand-deep-rgb));
                stroke: none;
            }
            .footer-v1 .footer-map svg {
                --map-line: rgba(var(--bs-gold-rgb), .9);
                filter:
                    drop-shadow(2px 0 0 var(--map-line))
                    drop-shadow(-2px 0 0 var(--map-line))
                    drop-shadow(0 2px 0 var(--map-line))
                    drop-shadow(0 -2px 0 var(--map-line));
                opacity: .22;
            }
            .footer-v1 .footer-map .aimag-labels,
            .footer-v1 .footer-map .compass {
                display: none;
            }

            /* ── COSMETIC ЧИМХЛҮҮР ──────────────────────────────────────────── */

            /* Widget гарчгийн доор богино алтлаг зураас */

            .footer-v1 .widget-title {
                position: relative;
                padding-bottom: .625rem;
            }
            .footer-v1 .widget-title::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 2rem;
                height: 2px;
                background: linear-gradient(90deg, var(--bs-gold) 0%, rgba(var(--bs-gold-rgb), 0) 100%);
            }

            /* Линк — hover дээр баруун тийш 4px гулсаж, алтлаг тэмдэг гарна */

            .footer-v1 .footer-link {
                display: inline-block;
            }
            .footer-v1 .footer-link:hover {
                transform: translateX(.25rem);
            }

            /* Сошиал — дугуй хүрээтэй тайл, hover дээр алтлаг дүүрнэ */

            .footer-v1 .social-link {
                text-decoration: none;
                width: 2.5rem;
                height: 2.5rem;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border: 1px solid rgba(255, 255, 255, .25);
                border-radius: 50rem;
                transition: all .4s ease-in-out;
            }
            .footer-v1 .social-link:hover {
                border-color: var(--bs-gold);
                background: rgba(var(--bs-gold-rgb), .15);
                transform: translateY(-2px);
            }

            /* ── ХОЁР БАНД ─────────────────────────────────────────────────
               08.14 санал №11: «Энэ 2 блокийг зааглаж, өнгийг өөрчлөх,
               ялгагдахгүй хэтэрхий цэнхэр». Харьяа газрууд + доод мөр нь
               илүү ГҮН бараан банд дээр, алтлаг зураасаар зааглагдана.
               Хагас тунгалаг тул арын газрын зураг бүдэг үлдэнэ. */

            /* ⚠️ Алтлаг `border-top` хасагдав (08-31): footer-ийн дээд ирмэг дэх
               брэндийн ГЭРЭЛТ ЗУРААС-тай өнгө/байрлалаараа давхцаж, хоёр алтан
               зураас дараалж харагдаж байв. Бандыг зөвхөн дэвсгэрийн гүнээр зааглана. */
            .footer-v1 .footer-deep {
                background: rgba(3, 17, 29, .45);
            }

            /* ХОЛБОО БАРИХ ПАНЕЛ — хажуунаасаа гарч ирсэн цагаан зурвас (state.gov хэв).
               Зүүн талаасаа зайтай эхэлж БАРУУН ирмэг хүртэл үргэлжилнэ; footer-ийн
               `overflow-hidden` нь халисан хэсгийг цэвэр тайрна. */

            /* ⚠️ Панел ДЭЭШЭЭ халина (`translateY(-50%)`) тул footer-ийн `overflow-hidden`
               утилитийг цуцлах ёстой. `overflow-x: clip` нь `overflow-y: visible`-тэй
               ХАМТ ажилладаг (hidden бол нөгөө тэнхлэгийг ч auto болгож тайрдаг) —
               хажуугийн халилт (газрын зураг, панелийн зүүн тал) тайрагдсан хэвээр. */
            .footer-v1 {
                /* ⚠️ shorthand `overflow`-д `!important` тавьбал доорх тэнхлэгийн
                   дүрмийг ДАРНА — тэнхлэг тус бүрд нь өгнө. */
                overflow-x: clip !important;
                overflow-y: visible !important;
            }

            /* ЗӨВХӨН утилитээр гаргаж БОЛОХГҮЙ хэсэг: зүүн ирмэг рүү халих тооцоо.
               ⚠️ container-ийн gutter (padding-inline)-ыг нөхөх ёстой — эс бөгөөс зүүн
               тал 7px дутна. Дотоод padding нь контентыг container-ийн шугам дээр авчирна.
               Бусад бүх шинж (дэвсгэр, radius, сүүдэр, шилжилт, текстийн өнгө/хэмжээ)
               markup дээрх УТИЛИТЭЭР өгөгдсөн. */
            /* ⭐ ӨМНӨХ БЛОКООС ЗАЙ — «Холбоо барих» панел `translate-middle-y`-ээр
               өндрийнхөө ТАЛААР дээшээ гарч, footer-ийн өмнөх блокийн контенттой
               давхцдаг. Тиймээс footer өөрөө яг тэр хагасаар доошоо зайлна.

               ⚠️ ХОЁР ЗАМ АЖИЛЛАХГҮЙ (хоёулаа туршсан, дахин бүү оролд):
               ① `body > *:has(+ .footer-v1)`-ээр ӨМНӨХ блокт `margin-bottom` өгөх —
                  нүүрэнд footer-ийн өмнө `position-fixed` элементүүд (`#mongol-bichig`,
                  `#block-quick`), `div.modal`, `<script>` зэрэг зуучид байдаг тул
                  сонгогч БУРУУ элемент дээр буудаг (fixed-д margin нөлөөлдөггүй).
               ② markup дээрх `mt-auto` утилити — `!important` тул CSS-ийн margin-top-ыг
                  иддэг. Гэхдээ body-д `min-height` ОГТ БАЙХГҮЙ (min-height: 0) тул
                  flex-ийн чөлөөт зай үүсдэггүй ⇒ `mt-auto` нь ЭНЭ ТӨСӨЛД хоосон утга.
                  Тиймээс markup-аас нь ХАСААД энгийн margin-top үлдээв. Хэрэв хожим
                  body-д `min-vh-100` нэмэгдвэл footer-ийг доош түлхэх өөр арга (жишээ:
                  үндсэн section дээр `flex-grow-1`) хэрэгтэй болно. */
            /* The contact panel belongs to the footer (client 2026-11-07): instead of a margin
               OUTSIDE the footer, the footer starts with a white band as tall as half the panel,
               so the whole panel sits inside the footer box and never runs into the block above.
               The band = top border (painted over the footer's blue); the JS below sets its
               exact width from the panel height — the fallback is the old fixed half. */
            .footer-v1 {
                border-top: var(--pro-panel-half) solid var(--bs-white);
            }

            /* ⚠️ Багана нарийссан үед (≤1200px) 4 дэх баганын CTA товчны урт нэр
               ХАЛЬДАГ: extra-гийн `.btn`-д `white-space: nowrap` зориуд тавьсан
               (богино товч 2 мөр болохоос сэргийлнэ). Энэ ХОЁР товч л онцгой —
               зөвхөн эдгээрт мөр таслахыг зөвшөөрнө. */
            .footer-v1 .widget-action .btn {
                white-space: normal;
                text-align: start;
            }
            /* Томруулсан шатанд (хүртээмж) товчны нэр 1 мөрөөр тасарч «Сургалт, судалгааны…» болдог
               байв → 2 мөр хүртэл зөвшөөрнө. 100%-д `line-clamp-1` хэвээр. */
            html.a11y-zoom-115 .footer-v1 .widget-action .line-clamp-1,
            html.a11y-zoom-130 .footer-v1 .widget-action .line-clamp-1 {
                -webkit-line-clamp: 2;
                line-clamp: 2;
            }

            .footer-v1 .footer-contact {
                --pad: calc(var(--bs-gutter-x, 1.5rem) * .5);
                margin-left: calc(50% - 50vw - var(--pad));
                padding-left: calc(50vw - 50% + var(--pad));
            }

            /* Панелийн байгууллагын нэр — `.widget-title`-ийн өнгө/үсгийн зай, ЗУРААСГҮЙ (::after-гүй) */
            .footer-v1 .contact-title {
                color: var(--bs-gold);
                letter-spacing: .06rem;
            }
            /* Панел = баганууд (захиалагч 2026-11-08, parliament.mn-ий хэв): лого+нэр | хаяг | утас | и-мэйл | сошиал.
               Багана бүр жижиг шошготой (icon + ХАЯГ/УТАС/И-МЭЙЛ), утга нь доор; ≥lg баганын хооронд нарийн зураас. */
            .footer-v1 .fc-grid {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                gap: 1.25rem;
            }
            .footer-v1 .fc-label {
                display: flex;
                align-items: center;
                gap: .5rem;
                margin-bottom: .375rem;
                color: var(--bs-secondary-color);
                font-size: .75rem;
                font-weight: 600;
                letter-spacing: .06em;
                text-transform: uppercase;
            }
            .footer-v1 .fc-label > i {
                width: 1rem;
                color: var(--bs-primary);
                font-size: .875rem;
            }
            .footer-v1 .fc-value {
                display: block;
                color: var(--bs-body-color);
                font-size: .9375rem;
                font-weight: 500;
                line-height: 1.45;
                text-decoration: none;
            }
            .footer-v1 .fc-note {
                display: block;
                color: var(--bs-secondary-color);
                font-size: .75rem;
                line-height: 1.3;
            }
            @media (min-width: 768px) {
                .footer-v1 .fc-grid {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }
                .footer-v1 .fc-brand,
                .footer-v1 .fc-social { grid-column: 1 / -1; }
            }
            @media (min-width: 1200px) {
                .footer-v1 .fc-grid {
                    grid-template-columns: auto minmax(15rem, 1fr) auto auto auto;
                    align-items: center;
                    gap: 0;
                }
                .footer-v1 .fc-brand,
                .footer-v1 .fc-social { grid-column: auto; }
                /* шошгууд нэг шугамд (дээд талдаа), зураас нь бүтэн өндрөөр */
                .footer-v1 .fc-cell {
                    align-self: stretch;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    padding: .25rem 1.5rem;
                    border-left: 1px solid var(--bs-border-color);
                }
                .footer-v1 .fc-brand { padding-right: 1.75rem; }
                .footer-v1 .fc-social { justify-content: center; padding-right: 0; }
            }
            @media (min-width: 1200px) {
                .footer-v1 .fc-brand .contact-title {
                    max-width: 11rem;
                    line-height: 1.3;
                }
            }
            /* 1200–1399px: хаягт зай гаргахын тулд сошиал 2×2, баганын зай бага */
            @media (min-width: 1200px) and (max-width: 1399.98px) {
                .footer-v1 .fc-cell { padding-inline: 1.125rem; }
                .footer-v1 .fc-brand { padding-right: 1.25rem; }
                .footer-v1 .fc-social .widget-socials {
                    display: grid !important;
                    grid-template-columns: repeat(2, auto);
                    gap: .5rem !important;
                }
                .footer-v1 .contact-title {
                    max-width: 11rem;
                    line-height: 1.3;
                }
            }
            /* Утсанд лого + нэр: нэр 2 мөр (баруун талын хөвөгч сошиал самбарын доор орохгүй) */
            @media (max-width: 767.98px) {
                .footer-v1 .contact-title {
                    max-width: 12rem;
                    line-height: 1.3;
                }
            }

            .footer-v1 .contact-item:hover {
                color: var(--bs-secondary) !important;
            }
            .footer-v1 .contact-item > i {
                width: 1rem;
            }
            /* Панел доторх сошиал — навы хүрээтэй, hover-д дүүрнэ */
            .footer-v1 .footer-contact .social-link,
            .footer-v1 .footer-contact .social-link > i {
                color: var(--bs-primary);
            }
            .footer-v1 .footer-contact .social-link {
                border-color: rgba(var(--bs-primary-rgb), .25);
            }
            .footer-v1 .footer-contact .social-link:hover,
            .footer-v1 .footer-contact .social-link:hover > i {
                color: #fff;
            }
            .footer-v1 .footer-contact .social-link:hover {
                background: var(--bs-primary);
                border-color: var(--bs-primary);
            }

            /* Шүүлтүүрийн чип — идэвхтэй нь дүүрэн */
            #modal-search .search-chip.active {
                background-color: var(--bs-primary);
                border-color: var(--bs-primary);
                color: var(--bs-white);
            }
            /* Үр дүнгийн мөр — hover дээр зөөлөн дэвсгэр */
            #modal-search .search-hit {
                transition: background-color .4s ease-in-out;
            }
            #modal-search .search-hit:hover {
                background-color: var(--bs-tertiary-bg);
            }
            #modal-search .search-empty { display: none; }
            #modal-search.is-empty .search-empty { display: block; }