/*
 * 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;
}

#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;
}