/*
 * Currency switcher layout.
 *
 * The dropdown was 120px wide with 20px padding each side, leaving only 80px for the
 * content. "US$ USD" and "CA$ CAD" need nearly all of that, so on narrower screens or
 * with a slightly larger font the currency code wrapped onto a second line while short
 * symbols like "£ GBP" stayed on one - which is what made the list look ragged.
 *
 * Two fixes: give the list enough room and stop it wrapping, and give the symbol a fixed
 * column so every currency code starts at the same x position.
 *
 * Everything is scoped to #switcher-currency so no other part of the site is affected.
 */
#switcher-currency .switcher-dropdown {
    min-width: 170px;

    /*
     * The theme gives this dropdown z-index 35, but .righ-header-content (the theme's own
     * spelling) next to it is position:relative with z-index 99. Both sit in the same
     * stacking context, so 99 wins and that block is painted over the lower part of the
     * open dropdown - swallowing clicks on any currency below roughly the fourth row.
     *
     * With four currencies that was CAD; adding AUD put a second row in the dead zone.
     * Raising the dropdown above 99 puts every row back within reach. Verified with
     * document.elementFromPoint on each row: all five now resolve to their own link.
     */
    z-index: 200;
}

#switcher-currency .switcher-option {
    white-space: nowrap;
}

#switcher-currency .switcher-option .currentcode {
    display: inline-block;
    min-width: 42px;   /* widest symbol in use is US$ / CA$ at 35px */
    text-align: left;
}

/* The closed trigger shows symbol + code too - keep it on one line. */
#switcher-currency .switcher-trigger strong {
    white-space: nowrap;
}