@import (reference) "./../styles/variables/neptune-tokens.less";
@import (reference) "./../styles/less/mixins/_logical-properties.less";

.tw-money-input {
  display: flex;
  .tw-money-input__fixed-currency {
    .padding(left, 0) !important;

    .np-text-title-subsection {
      color: var(--color-content-tertiary);
      font-weight: var(--font-weight-semi-bold);
    }
  }

  .money-input-currency-flag {
    display: flex;
    align-items: center;
  }

  &.input-group-sm {
    .form-control {
      min-height: 34px;
    }
    .np-text-title-subsection {
      font-size: var(--font-size-14);
    }
  }

  &.input-group-md {
    .form-control {
      min-height: 53px;
    }
    .np-text-title-subsection {
      font-size: var(--font-size-16);
    }
  }

  .input-group-addon {
    flex-shrink: 0;

    &:not(.amount-currency-select-btn) {
      display: flex;
      align-items: center;
      flex-shrink: 0;
      width: auto;

      &:not(.tw-money-input__fixed-currency):not(:has(~ .tw-money-input__fixed-currency)) {
        .padding(right, 0) !important;
      }
    }
  }

  .amount-currency-select-btn {
    flex-shrink: 0;
    width: auto;
    line-height: normal;
  }

  .np-button-input {
    border-top-right-radius: var(--radius-small) !important;
    border-bottom-right-radius: var(--radius-small) !important;

    &:not(.disabled, :disabled):focus-visible {
      border-radius: var(--radius-small) !important;
    }

    &,
    &:active,
    &:not(.disabled, :disabled):hover,
    .has-error &,
    .has-error &:not(.disabled, :disabled):hover {
      box-shadow: none;
    }
  }

  &:not(.disabled, :disabled):not(.np-button-input:active):has(.np-button-input:focus-visible) {
    box-shadow: inset 0 0 0 1px var(--color-interactive-secondary) !important;
  }
}
