/**
 * WC Multi-Currency frontend styles.
 */

.wcmc-switcher {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
}

.wcmc-dropdown {
  width: var(--wcmc-w-d, 180px);
  height: var(--wcmc-h-d, 42px);
  background: var(--wcmc-bg, #fff);
  color: var(--wcmc-text, #1d2327);
  border: 1px solid var(--wcmc-border, #c3c4c7);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.2;
  cursor: pointer;
  appearance: auto;
}

.wcmc-dropdown:hover,
.wcmc-dropdown:focus {
  background: var(--wcmc-hover-bg, #f0f0f1);
  color: var(--wcmc-hover-text, #1d2327);
  outline: 2px solid var(--wcmc-border, #c3c4c7);
  outline-offset: 1px;
}

.wcmc-dropdown option {
  background: var(--wcmc-dropdown-bg, #fff);
  color: var(--wcmc-text, #1d2327);
}

.wcmc-switcher.is-loading .wcmc-dropdown {
  opacity: 0.6;
  pointer-events: none;
}

.wcmc-display-price {
  display: block;
  margin-top: 0.2em;
  color: inherit;
  font-size: 0.78em;
  font-weight: 400;
  opacity: 0.78;
}

@media (max-width: 1024px) {
  .wcmc-dropdown {
    width: var(--wcmc-w-t, 160px);
    height: var(--wcmc-h-t, 40px);
  }
}

@media (max-width: 600px) {
  .wcmc-dropdown {
    width: var(--wcmc-w-m, 140px);
    height: var(--wcmc-h-m, 38px);
  }
}