/* Currency switcher: dropdown (details), links, flags. Colors come from CSS variables a theme can set. */
.currency-switcher { --cs-bg: #fff; --cs-border: #d0d4d9; --cs-text: inherit; --cs-accent: #16181d; font-size: 14px; position: relative; display: inline-block; }
.currency-switcher .cs-list { list-style: none; margin: 0; padding: 0; }
.currency-switcher a { text-decoration: none; color: var(--cs-text); display: inline-flex; align-items: center; gap: 6px; }
.currency-switcher .cs-flag { font-size: 1.15em; line-height: 1; }
.cs-links .cs-list, .cs-flags .cs-list { display: flex; flex-wrap: wrap; gap: 6px; }
.cs-links a, .cs-flags a { padding: 4px 10px; border: 1px solid var(--cs-border); border-radius: 999px; }
.cs-links .cs-current a, .cs-flags .cs-current a { background: var(--cs-accent); border-color: var(--cs-accent); color: #fff; }
details.cs-dropdown > summary { list-style: none; cursor: pointer; padding: 5px 10px; border: 1px solid var(--cs-border); border-radius: 6px; background: var(--cs-bg); display: inline-flex; align-items: center; gap: 6px; }
details.cs-dropdown > summary::-webkit-details-marker { display: none; }
details.cs-dropdown > summary::after { content: "▾"; font-size: .8em; opacity: .7; }
details.cs-dropdown[open] > .cs-list { position: absolute; z-index: 50; top: calc(100% + 4px); right: 0; min-width: 100%; background: var(--cs-bg); border: 1px solid var(--cs-border); border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); padding: 4px 0; }
details.cs-dropdown .cs-list a { display: flex; padding: 6px 12px; white-space: nowrap; }
details.cs-dropdown .cs-list a:hover, details.cs-dropdown .cs-current a { background: #f2f3f5; }