/* =========================================================
   OHS — Country / Currency Switcher (WCML) — Main Nav, Right Side
   Locked Production Styling — Option A (Currency display only)
   Scope: standalone HTML element in Header Builder main row,
          rendered via [oh_currency_switcher] shortcode.
   ========================================================= */

.oh-currency-switcher .wcml-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.oh-currency-switcher .wcml-cs-active-currency {
  list-style: none;
  margin: 0;
}

.oh-currency-switcher a.wcml-cs-item-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #1f6f69 0%, #155f5a 100%);
  border: 1px solid rgba(17, 84, 79, 0.30);
  color: #f3fffc !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  box-shadow: 0 6px 16px rgba(8, 42, 40, 0.14), inset 0 1px 0 rgba(255,255,255,0.14);
}

.oh-currency-switcher a.wcml-cs-item-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.30);
  box-shadow: 0 10px 22px rgba(8, 42, 40, 0.18), inset 0 1px 0 rgba(255,255,255,0.20);
}

.oh-currency-switcher a.wcml-cs-item-toggle::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-left: 2px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

.oh-currency-switcher .wcml-dropdown.wcml-cs-open a.wcml-cs-item-toggle::after,
.oh-currency-switcher .wcml-cs-active-currency:hover a.wcml-cs-item-toggle::after {
  transform: rotate(225deg);
}

/* Dropdown panel */
.oh-currency-switcher ul.wcml-cs-submenu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  left: auto;
  min-width: 190px;
  margin: 0;
  padding: 8px;
  list-style: none;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbf9 100%);
  border: 1px solid rgba(21, 104, 99, 0.16);
  box-shadow: 0 18px 40px rgba(8, 42, 40, 0.16), 0 2px 10px rgba(8, 42, 40, 0.06);
  z-index: 999;
  display: none;
}

.oh-currency-switcher .wcml-cs-active-currency:hover ul.wcml-cs-submenu,
.oh-currency-switcher ul.wcml-cs-submenu:hover {
  display: block;
}

.oh-currency-switcher ul.wcml-cs-submenu li {
  margin: 0;
}

.oh-currency-switcher ul.wcml-cs-submenu li a {
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border-radius: 12px;
  color: #155f5a !important;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background 0.15s ease;
}

.oh-currency-switcher ul.wcml-cs-submenu li a:hover {
  background: rgba(109, 199, 187, 0.16);
}

/* RTL support */
body.rtl .oh-currency-switcher ul.wcml-cs-submenu {
  right: auto;
  left: 0;
}

body.rtl .oh-currency-switcher a.wcml-cs-item-toggle::after {
  margin-left: 0;
  margin-right: 2px;
}

/* Mobile: hide label complexity, keep compact */
@media (max-width: 767px) {
  .oh-currency-switcher a.wcml-cs-item-toggle {
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
  }

  .oh-currency-switcher ul.wcml-cs-submenu {
    min-width: 170px;
  }
}