@import url("percentage-common.css");

/* Custom Layout for Change Calculator (4 inputs + symbol) */
@media (min-width: 1024px) {
  .pct-input-row {
    flex-wrap: nowrap;
    gap: 1rem;
  }

  /* Override the default 1/3 width to fit 4 items + equals sign */
  .pct-input-group {
    width: auto;
    flex: 1;
  }

  .pct-input-symbol {
    right: 0.5rem;
  }
}

.pct-equals {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 1.75rem; /* Align with input text approx */
}