/*
 * Definitive header chevron centering.
 * The old chevron was centered on an 8px grid column while EN/FR has
 * letter-spacing and a wider visual footprint. Draw the cue from the
 * EN/FR element itself so both share the exact same visual centre.
 */
html body header .language-current-code{
    
    overflow:visible!important;
}

/* Neutralize the old independent triangle completely. */
html body header .language-current-btn > .language-chevron{
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
}

/* New triangle, geometrically tied to the centre of EN / FR. */
html body header .language-current-code::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    
    
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border-left:3px solid transparent!important;
    border-right:3px solid transparent!important;
    border-top:4px solid rgba(223,184,107,.88)!important;
    
    transform-origin:50% 50%!important;
    transition:transform .2s ease!important;
    pointer-events:none!important;
}

/* Preserve the existing open/close visual cue. */




/*
 * Keep V75's true horizontal centering under EN/FR,
 * but restore the arrow to its previous vertical line.
 * V75 added +3px below the text; remove that offset only.
 */


/* Open state keeps the exact same horizontal centre and vertical position. */




/*
 * Root fix:
 * EN/FR was still forced into an 8px-wide box by earlier rules.
 * The visible glyphs overflowed that box, so left:50% centered the arrow
 * on 8px rather than on the rendered EN/FR text.
 *
 * Keep the grid track itself at 8px (header geometry unchanged), but let
 * the text item use its intrinsic width and overflow symmetrically from
 * the same centered grid cell.
 */
html body header .language-current-code{
    display:inline-block!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    inline-size:max-content!important;
    min-inline-size:max-content!important;
    max-inline-size:none!important;
    justify-self:center!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
}

/* Horizontal centre is now 50% of the ACTUAL EN/FR text box.
   Vertical position remains exactly the V76 position. */
html body header .language-current-code::after{
    left:50%!important;
    top:100%!important;
    margin-left:0!important;
    transform:translateX(-50%)!important;
}

html body header .language-dropdown.menu-open .language-current-code::after{
    transform:translateX(-50%) rotate(180deg)!important;
}



/*
 * Keep V77's correct arrow centering on the real EN/FR text width,
 * but restore the previous visual gap between the flag and the EN/FR block.
 * Move the text + its attached arrow together, horizontally only.
 */
html body header .language-current-code{
    transform:translateX(2.5px)!important;
}