/* 1) Flex container */
#wallet-search-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* 2) The input */
#wallet-input {
  flex: 1;
  min-width: 300px;
  height: 48px;
  padding: 0 12px;
  margin-right: 16px;
  border-radius: 9px;
  font-family: var(--e-global-typography-text-font-family);
  font-weight: lighter !important;
  border: 1px solid var(--theme-form-field-border-initial-color);
  color: var(--e-global-color-primary);
  background-color: var(--e-global-color-text);   /* ← force white */
  box-sizing: border-box;
  transition: border-color .12s, box-shadow .12s;
}
#wallet-input:focus {
  outline: 2px solid var(--e-global-color-accent);
  box-shadow: none;
  outline-offset: -4px;
}

/* 3) The button */
#wallet-lookup {
  height: 48px;                /* same as input */
  padding: 0 16px;             /* remove vertical padding */
  line-height: 48px;           /* vertically center the text */
  border-radius: 9px;
  font-family: var(--e-global-typography-accent-font-family);
  color: var(--e-global-color-text);
  cursor: pointer;
  white-space: nowrap;         /* prevent wrapping */
  margin-right: 15px;
  background-color: #f87b39;
}
#wallet-lookup:hover,
#wallet-lookup:active {
  background-color: #FF5B04;
  color: var(--e-global-color-text);
}

/* Mobile breakpoint */
@media only screen and (max-width: 600px) {
  /* Stack vertically and push everything right */
  #wallet-search-form {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }

  /* Input goes full width */
  #wallet-input {
    width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
  }

  /* Button sits 10px under and flush right */
  #wallet-lookup {
    margin-right: 0 !important;
    padding: 0 12px !important;   /* ← same as the input */
  }


/* Wrapper for revenue lookup (if used separately) */
.mobile-revenue-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;              /* horizontal space between them */
}
#mobile-revenue-cycle-input {
  flex: 1;
}
#mobile-revenue-cycle-btn {
  flex: 0 0 auto;
}

/* 4) Mobile‐only form for wallets (drop into same file) */
#wallet-search-form-mobile {
  width: 100%;
}
#wallet-search-form-mobile .wallet-buttons-mobile {
  display: flex;
  justify-content: flex-start;  /* ← switch from flex-end */
  gap: 15px;
  margin-top: 15px;
}
  /* if one of those is an <a> tag */
  #wallet-search-form .wallet-buttons-mobile > a,
  #wallet-search-form .wallet-buttons-mobile > button {
    display: inline-block;
  }

}