/* Crypto public converter — icons + layout (no admin.css dependency) */

.fx-crypto-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}

.fx-crypto-icon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  object-fit: cover;
}

.fx-crypto-icon-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #eef1f4;
  color: #495057;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.fx-crypto-icon-fallback--hidden {
  display: none;
}

.fx-crypto-icon-fallback--btc { background: #f7931a22; color: #c26a08; }
.fx-crypto-icon-fallback--eth { background: #627eea22; color: #4a62c4; }
.fx-crypto-icon-fallback--bnb { background: #f0b90b22; color: #b88908; }
.fx-crypto-icon-fallback--xrp { background: #23292f14; color: #23292f; }
.fx-crypto-icon-fallback--ada { background: #0033ad18; color: #0033ad; }
.fx-crypto-icon-fallback--doge { background: #c2a63322; color: #9a7f12; }
.fx-crypto-icon-fallback--dot { background: #e6007a18; color: #b80061; }
.fx-crypto-icon-fallback--sol { background: #9945ff18; color: #7a34d4; }
.fx-crypto-icon-fallback--matic { background: #8247e518; color: #6a35c4; }
.fx-crypto-icon-fallback--ltc { background: #345d9d18; color: #2a4d84; }
.fx-crypto-icon-fallback--link { background: #2a5ada18; color: #2148b0; }
.fx-crypto-icon-fallback--trx { background: #ef002718; color: #c40020; }
.fx-crypto-icon-fallback--uni { background: #ff007a18; color: #d40066; }
.fx-crypto-icon-fallback--xlm { background: #14b6e618; color: #0f8eb5; }
.fx-crypto-icon-fallback--avax { background: #e8414218; color: #c73430; }

.crypto-form-host {
  min-height: 8rem;
}

.fx-crypto-coins-details summary {
  cursor: pointer;
  font-weight: 600;
}

.fx-crypto-coins-details .table td,
.fx-crypto-coins-details .table th {
  vertical-align: middle;
}

#from_crypto_icon_container .fx-crypto-icon-wrap,
#to_crypto_icon_container .fx-crypto-icon-wrap {
  width: 1.75rem;
  height: 1.75rem;
}

.currency-item .fx-crypto-icon-wrap {
  margin-right: 0.35rem;
  vertical-align: middle;
}

/* Mobile crypto bottom-sheet picker. */
@media (max-width: 767.98px) {
  #crypto_form .currency-dropdown-overlay {
    display: none !important;
  }

  #crypto_form .fx-crypto-picker-trigger {
    cursor: pointer;
    caret-color: transparent;
  }

  #crypto_form .fx-crypto-picker-trigger[readonly] {
    background-color: #fff;
  }
}

.fx-crypto-picker-modal .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .fx-crypto-picker-modal .modal-dialog {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 88vh;
    display: flex;
    align-items: stretch;
  }

  .fx-crypto-picker-modal .modal-content {
    border: 0;
    border-radius: 12px 12px 0 0;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
  }

  .fx-crypto-picker-modal .modal-body {
    overflow: hidden;
    min-height: 0;
    flex: 1 1 auto;
  }

  .fx-crypto-picker-search-wrap {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 2;
  }

  .fx-crypto-picker-list {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    position: static;
  }

  .fx-crypto-picker-list .currency-item {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  .fx-crypto-picker-list .currency-item a {
    padding: 10px 0;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .fx-crypto-picker-modal {
    display: none !important;
  }
}