/* ==========================================================================
   BTA33KAR — UI-I2C-R9 — language switcher 44px pointer target
   Immutable asset. A correction ships as bta-lang-target-1.1.css; this file's
   bytes never change once published.

   WHY A HYBRID, NOT ONE RULE
   The three language toggles render at 17-18px tall (style.css sets
   padding:0 / line-height:16px / min-height:0 on .btn-select-language). A 44px
   target therefore needs 13px of expansion on each side. Measured clearance to
   the nearest interactive neighbour is 41px below in the topbar and 22-39px in
   the footer, so an invisible expansion fits there with room to spare. In the
   mobile navigation there is only 4px below the toggle, so the same expansion
   would overlap the adjacent links and make hit ownership ambiguous. Giving the
   topbar a real 44px height instead would grow the topbar row by 25px and push
   the header down 23px on every page. So: an invisible target where there is no
   room to grow, a real height where growth is contained by the scrollable nav.

   WHY ::before AND NEVER ::after
   .dropdown-toggle::after IS Bootstrap's caret triangle (inline-block, 6x3px,
   3px border). Overriding ::after deletes the dropdown arrow and shrinks the
   button. ::before is unused here (content:none) and is safe to claim.

   FOCUS RING
   Deliberately untouched. bta-tokens.css owns the 3px :focus-visible ring, and
   it keeps following the visual control, not the expanded target, in the topbar
   and footer. That divergence is an accepted owner decision; the ring stays
   visible and unclipped. Nothing here sets outline, box-shadow or overflow.

   CURRENCY CONTROLS ARE INTENTIONALLY EXCLUDED
   .btn-select-language is shared by the currency switcher, and the two currency
   instances are marked inconsistently (.language.currency-switcher in the
   desktop topbar, bare .language in the mobile nav). Only the language partial
   emits .padtop10 on its wrapper, so .language.padtop10 is the one selector that
   matches all three language toggles and neither currency toggle. Currency
   sizing is out of scope and must stay as shipped.
   ========================================================================== */

/* Topbar and footer: expand the pointer target without changing any layout. */
.topbar-right .language.padtop10 .btn-select-language,
footer .language.padtop10 .btn-select-language {
    position: relative;
}

.topbar-right .language.padtop10 .btn-select-language::before,
footer .language.padtop10 .btn-select-language::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
}

/* Mobile navigation: only 4px of clearance below, so the target must be real.
   padding-block (not flex) keeps the button's width, caret and display:block. */
.d-sm-none .language.padtop10 .btn-select-language {
    padding-block: 13px;
    min-height: 44px;
}