/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 19 2025 | 07:48:18 */
/* Currency toggle container */
#woocommerce-multi-currency-1 {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  z-index: 1000;
}

/* Selected currency display (collapsed view) */
#woocommerce-multi-currency-1 .wmc-current-currency {
  background-color: transparent;
  border: 0;
  padding: 15px 20px 15px 0;
  font-weight: 500;
  cursor: pointer;
}

/* Dropdown menu */
#woocommerce-multi-currency-1 .wmc-sub-currency {
  position: absolute;
  top: 69%;
  right: 0;
  padding-top: 30px;
  border: none !important;
  background-color: transparent !important;
  display: block;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
  white-space: nowrap;
  min-width: 170px;
  border-radius: 0 0 10px 10px;
}

/* Show dropdown on hover */
#woocommerce-multi-currency-1 .wmc-currency-wrapper:hover .wmc-sub-currency {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}

/* Currency option item */
#woocommerce-multi-currency-1 .wmc-sub-currency .wmc-currency {
  padding: 0; 
  font-weight: 500;
  color: #000;
	background-color:#fff;
  position: relative;
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* 애니메이션 트리거 */
#woocommerce-multi-currency-1 .wmc-currency-wrapper:hover .wmc-sub-currency .wmc-currency {
  opacity: 1;
  transform: translateX(0);
}

/* Currency link style – 기본 좌우 shadow */
#woocommerce-multi-currency-1 .wmc-currency a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding: 16px;
  box-shadow:
    inset 6px 0 6px -6px rgba(0, 0, 0, 0.05),
    inset -6px 0 6px -6px rgba(0, 0, 0, 0.05);
}

/* First item only – 상단 shadow 추가 */
#woocommerce-multi-currency-1 .wmc-currency:first-child a {
  box-shadow:
    inset 6px 0 6px -6px rgba(0, 0, 0, 0.05),
    inset -6px 0 6px -6px rgba(0, 0, 0, 0.05),
    inset 0 6px 6px -6px rgba(0, 0, 0, 0.07);
}

/* Second item only – 하단 shadow 추가 */
#woocommerce-multi-currency-1 .wmc-currency:nth-child(2) a {
  box-shadow:
    inset 6px 0 6px -6px rgba(0, 0, 0, 0.05),
    inset -6px 0 6px -6px rgba(0, 0, 0, 0.05),
    inset 0 -6px 6px -6px rgba(0, 0, 0, 0.07);
}

/* Highlight currently selected currency */
#woocommerce-multi-currency-1 .wmc-currency.wmc-hidden {
  display: block !important;
}

/* Checkmark icon for selected currency */
#woocommerce-multi-currency-1 .wmc-currency.wmc-hidden::before {
  content: '';
  display: inline-block;
  background-image: url('https://esimthailand.com/wp-content/uploads/2023/07/icon_Check.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

/* Remove underline or border from dropdown links */
#woocommerce-multi-currency-1 .wmc-sub-currency a::before {
  display: none !important;
  border-bottom: none !important;
}

/* Prevent flickering border when hovering */
#woocommerce-multi-currency-1 .wmc-sub-currency a {
  position: relative;
  border-bottom: none !important;
  transition: none !important;
}

/* icon */
#woocommerce-multi-currency-1 .wmc-open-dropdown-currencies::after {
  width: 5px !important;
  height: 5px !important;
  background-size: contain !important;
  display: inline-block;
}