/* Final shared currency alignment: keep USD / MYR / SGD dead-center on desktop and mobile. */
.currency-preference-control,
.global-currency-control,
.mobile-footer-currency,
.mobile-page-currency-control{
  position:relative !important;
}

.currency-preference-control select,
.global-currency-control select,
.mobile-footer-currency select,
.mobile-page-currency-control select{
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  text-align:center !important;
  text-align-last:center !important;
  text-indent:0 !important;
  vertical-align:middle !important;
  padding-left:12px !important;
  padding-right:12px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  background-image:none !important;
}

.currency-preference-control select option,
.global-currency-control select option,
.mobile-footer-currency select option,
.mobile-page-currency-control select option{
  text-align:center !important;
}

/* Draw the arrow independently so it never shifts the 3-letter code off center. */
.currency-preference-control::after,
.global-currency-control::after,
.mobile-footer-currency::after,
.mobile-page-currency-control::after{
  content:"";
  position:absolute;
  right:8px;
  top:50%;
  width:0;
  height:0;
  border-left:3px solid transparent;
  border-right:3px solid transparent;
  border-top:4px solid var(--text-muted);
  transform:translateY(-25%);
  pointer-events:none;
  opacity:.8;
}

/* Desktop/card-details selectors use their existing height, with centered line box. */
.currency-preference-control select,
.global-currency-control select,
.mobile-footer-currency select{
  line-height:29px !important;
}

@media (max-width:800px){
  .mobile-page-currency-control select{
    height:26px !important;
    min-height:26px !important;
    line-height:26px !important;
  }
}