/* AirlyGo Hotel Engine V11.1.30 — Modern Minimal Currency UX */
:root{
  --ag-currency-navy:#0b2748;
  --ag-currency-orange:#ff7200;
  --ag-currency-line:#d9e3ef;
  --ag-currency-soft:#f7f9fc;
  --ag-currency-shadow:0 18px 45px rgba(11,39,72,.16);
}

/* The large route-card currency strip is intentionally retired. */
.currency-toggle{display:none!important}

/* ---------- Homepage header selector ---------- */
#currencyBtn{
  min-width:76px!important;
  height:40px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--ag-currency-navy)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-weight:800!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#currencyBtn:hover,
#currencyBtn[aria-expanded="true"]{
  background:#fff!important;
  border-color:var(--ag-currency-line)!important;
  box-shadow:0 6px 18px rgba(11,39,72,.08)!important;
}
#currencyLabel{display:inline-flex!important;align-items:center!important;gap:6px!important}
#currencyLabel .currency-flag{width:18px!important;height:12px!important;border-radius:2px!important}
#currencyBtn::after{
  content:"⌄";
  font-size:12px;
  line-height:1;
  color:#6b7b91;
  transform:translateY(-1px);
}
#currencyBtn[aria-expanded="true"]::after{content:"⌃"}

/* Only the currency menu gets the new compact treatment; language menu stays unchanged. */
#currencyMenu{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  width:330px!important;
  padding:10px!important;
  border:1px solid var(--ag-currency-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--ag-currency-shadow)!important;
  display:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  z-index:1200!important;
}
#currencyMenu.open{display:grid!important}
#currencyMenu button{
  min-width:0!important;
  height:42px!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--ag-currency-navy)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  font-size:12.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#currencyMenu button:hover,
#currencyMenu button:focus-visible{
  background:var(--ag-currency-soft)!important;
  border-color:#e9eef5!important;
  outline:none!important;
}
#currencyMenu button.active{
  background:#fff4e9!important;
  border-color:#ffb36f!important;
  color:#a84c00!important;
}

/* Ensure the menu is anchored to its own utility item. */
.lang-switch:has(#currencyBtn){position:relative!important}

/* ---------- Hotel results selector ---------- */
#currencySheet[hidden]{display:none!important}
#currencySheet{
  position:fixed!important;
  inset:auto!important;
  width:360px!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  z-index:2500!important;
  align-items:initial!important;
  justify-content:initial!important;
  overflow:visible!important;
}
#currencySheet .currency-panel{
  width:360px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:none!important;
  overflow:visible!important;
  padding:12px!important;
  border:1px solid var(--ag-currency-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:var(--ag-currency-shadow)!important;
}
#currencySheet .currency-panel-arrow,
#currencySheet .sheet-handle,
#currencySheet .sheet-heading>div>span,
#currencySheet .sheet-heading h2,
#currencySheet .currency-panel>p{
  display:none!important;
}
#currencySheet .sheet-heading{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
#currencySheet #currencyClose{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:9px!important;
  background:#f2f5f9!important;
  color:var(--ag-currency-navy)!important;
  font-size:17px!important;
  line-height:1!important;
  z-index:3!important;
}
#currencySheet .currency-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding-right:32px!important;
}
#currencySheet .currency-option{
  position:relative!important;
  height:44px!important;
  min-width:0!important;
  padding:0 9px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--ag-currency-navy)!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  text-align:left!important;
  box-shadow:none!important;
}
#currencySheet .currency-option:hover,
#currencySheet .currency-option:focus-visible{
  background:var(--ag-currency-soft)!important;
  border-color:#e8eef5!important;
  outline:none!important;
}
#currencySheet .currency-option.active,
#currencySheet .currency-option[aria-selected="true"]{
  background:#fff4e9!important;
  border-color:#ffb36f!important;
  color:#a84c00!important;
}
#currencySheet .currency-option-flag{font-size:17px!important;line-height:1!important}
#currencySheet .currency-option-copy{min-width:0!important}
#currencySheet .currency-option-code{
  display:block!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:850!important;
}
#currencySheet .currency-option-name{display:none!important}
#currencySheet .currency-option-check{
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  right:6px!important;
  top:6px!important;
  border-radius:50%!important;
  background:var(--ag-currency-orange)!important;
  color:transparent!important;
  opacity:0!important;
  transform:none!important;
}
#currencySheet .currency-option.active .currency-option-check,
#currencySheet .currency-option[aria-selected="true"] .currency-option-check{opacity:1!important}

/* Results trigger is intentionally compact and visually matches Home. */
.currency-trigger{
  min-width:86px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:12px!important;
  border:1px solid var(--ag-currency-line)!important;
  background:#fff!important;
  box-shadow:none!important;
  font-weight:850!important;
  gap:7px!important;
}
.currency-trigger:hover,
.currency-trigger[aria-expanded="true"]{
  border-color:#ffc48f!important;
  box-shadow:0 5px 16px rgba(11,39,72,.08)!important;
}

@media (max-width:720px){
  #currencyMenu{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-radius:18px!important;
    padding:12px!important;
  }
  #currencyMenu button{height:44px!important}

  #currencySheet{
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    background:rgba(8,25,48,.28)!important;
    padding-top:35vh!important;
  }
  #currencySheet .currency-panel{
    width:100%!important;
    max-width:none!important;
    padding:16px!important;
    border:0!important;
    border-radius:22px 22px 0 0!important;
    box-shadow:0 -18px 45px rgba(11,39,72,.18)!important;
  }
  #currencySheet .currency-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    padding-right:34px!important;
  }
  #currencySheet .currency-option{height:48px!important}
}

@media (max-width:430px){
  #currencyMenu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #currencySheet .currency-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}