/* Wael's Arabesque — reusable currency selector.
   Drop in with price-currency.js. No dependencies. Static only; no geo-IP.
   Three options only: Egypt (EGP), UAE (AED), International (USD, online only).
   Default currency: AED. Remembers the choice in localStorage (key: wael-price-currency).
   Stored values other than AED/EGP/USD are migrated to AED.
*/

.wa-currency,
.wa-currency-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 16px;
  margin:0 0 1.3em;
  padding:12px 16px;
  border:1px solid var(--line, #3a2e22);
  background:var(--card, #1a140f);
  border-radius:var(--r, 12px);
  color:var(--cream, #f3ead8);
}

.wa-currency-bar--header{
  margin:0;
  border-radius:0;
  border-left:0;
  border-right:0;
  border-top:0;
  justify-content:center;
}

.wa-currency label{
  font-weight:700;
  font-size:.95rem;
  color:var(--gold2, #e0c585);
  margin:0;
}

.wa-currency select,
.wa-currency [data-wa-currency-select]{
  font:inherit;
  font-weight:700;
  font-size:.95rem;
  min-height:44px;
  min-width:18rem;
  max-width:100%;
  padding:8px 2.4em 8px 14px;
  border-radius:999px;
  border:1px solid var(--gold, #c9a15a);
  background-color:var(--bg, #120d08);
  background-image:linear-gradient(45deg, transparent 50%, var(--gold, #c9a15a) 50%),
                   linear-gradient(135deg, var(--gold, #c9a15a) 50%, transparent 50%);
  background-position:calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  color:var(--cream, #f3ead8);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  direction:ltr;
  text-align:left;
}

html[dir=rtl] .wa-currency select,
html[dir=rtl] .wa-currency [data-wa-currency-select]{
  padding:8px 14px 8px 2.4em;
  background-position:18px calc(50% - 3px), 12px calc(50% - 3px);
}

.wa-currency select:hover,
.wa-currency select:focus{
  outline:2px solid var(--gold, #c9a15a);
  outline-offset:2px;
}

.wa-currency-hint{
  flex:1 1 12rem;
  margin:0;
  font-size:.88rem;
  color:var(--muted, #cbbba0);
  max-width:65ch;
}

.wa-price,
[data-wa-price]{
  font-variant-numeric:tabular-nums;
}

.wa-price-note,
[data-wa-price-note]{
  color:var(--muted, #cbbba0);
  font-size:.95rem;
  margin:.35em 0 0;
}

.wa-price-store-tag{
  font-size:.82em;
  font-weight:700;
  color:var(--gold2, #e0c585);
  letter-spacing:0;
}

.wa-price-note-inline:empty{display:none}
.wa-price-note-inline:not(:empty){
  display:block;
  font-size:.88rem;
  color:var(--muted, #cbbba0);
  margin-top:.25em;
}

.wa-currency,
.wa-currency-bar{
  max-width:100%;
  box-sizing:border-box;
}
.wa-currency select,
.wa-currency [data-wa-currency-select]{
  min-width:min(18rem, 100%);
  box-sizing:border-box;
}
.wa-pay-note{
  color:var(--muted, #cbbba0);
  font-size:.95rem;
  line-height:1.65;
  margin:.9em 0 0;
  max-width:65ch;
}
@media (max-width:480px){
  .wa-currency select,
  .wa-currency [data-wa-currency-select]{
    min-width:0;
    width:100%;
  }
}