/* Trigger button (shows active currency code) */
.whcd-trigger {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem .8rem; border:1px solid #d0d7de; border-radius:.5rem;
  background:#fff; cursor:pointer; font:inherit;
}
.whcd-trigger__code { font-weight:600; letter-spacing:.02em; }

/* Popup shell */
.whcd-popup { position:fixed; inset:0; display:none; z-index:9999; }
.whcd-popup.is-open { display:block; }
.whcd-popup__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.35); }
.whcd-popup__dialog {
  position:relative; margin:6vh auto 0; max-width:820px; background:#fff; border-radius:.75rem;
  box-shadow:0 10px 40px rgba(0,0,0,.18); overflow:hidden;
}
.whcd-popup__header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid #eceff3; }
.whcd-popup__title {
    margin: 0;
    font-size: var(--h4);
    padding-block: var(--container-space-1) var(--space-4);
    text-align: center;
    width: 100%;
}
.whcd-popup__close { background:none; border:0; font-size:1.5rem; line-height:1; cursor:pointer; padding:.25rem .5rem; }

.whcd-popup__body { padding:var(--container-space-2); }

/* Search */
.whcd-search { margin-bottom:var(--space-4); }
.whcd-search__input {
  width:100%; padding:.6rem .8rem; border:1px solid var(--border-color); border-radius:var(--radius-1); font:inherit;
}

/* Grid of currencies */
.whcd-currency-grid {
  display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap:.6rem;
	max-height:50vh;
	overflow-y:auto;
}
.whcd-currency {
  display:grid; 
  align-content:start; 
  gap:.4rem var(--container-space-2);
  padding:var(--space-3); border-radius:var(--radius-1); cursor:pointer;
  background:white;
  transition:var(--transition);
}
.whcd-currency:hover {
background:var(--bg-primary-1);
}
.whcd-currency__check {
grid-column:2/3;
grid-row:1/3;
display:flex;
justify-content:end;
align-items:center;
}
.whcd-currency > *:not(.whcd-currency__check) {
grid-column:1/2;
}
.whcd-currency[aria-pressed="true"] { background:var(--bg-primary-1); }
.whcd-currency__country { font-weight:600; }
.whcd-currency__code { opacity:.6;font-size:var(--text-xs) }
.whcd-currency__check { color:#2563eb; font-weight:700; }

/* Converted span (adjacent to .amount) */
span.converted { margin-inline-start:.4ch; opacity:.85; font-size:.95em; white-space:nowrap; }
span.converted.converted--empty { display:none; }

/* Prevent background scroll when popup is open */
.whcd-noscroll { overflow:hidden; }