/* PATH: public_html/assets/css/components/currency.css */
.currency-switcher {
  position: relative;
}

.currency-switcher__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 8px 14px;
  background: var(--white-faint);
  border: 1px solid var(--black-border);
  border-radius: var(--radius-sm);
  color: var(--white-dim);
  cursor: pointer;
  transition: all 0.2s;
}

.currency-switcher__btn:hover {
  border-color: var(--gold);
  color: var(--gold);
}

.currency-switcher__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--black-soft);
  border: 1px solid var(--black-border);
  border-radius: var(--radius-md);
  min-width: 160px;
  box-shadow: var(--shadow-elevation, var(--shadow-card));
  z-index: var(--z-dropdown);
  overflow: hidden;
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  transition: opacity 0.2s, transform 0.2s;
}

.currency-switcher.open .currency-switcher__dropdown {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

[data-theme="light"] .currency-switcher__dropdown {
  background: #fff;
  border-color: var(--border-color);
}