/* Moniply Calculator Currency Overlap Fix v26 */
.moniply-v26-money-field,
.moniply-v26-money-field-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  isolation: isolate !important;
}

.moniply-v26-money-field input,
.moniply-v26-money-field-wrap input {
  box-sizing: border-box !important;
  width: 100% !important;
  padding-left: 58px !important;
}

.moniply-v26-currency-symbol {
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 24px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f5c77 !important;
  font-weight: 800 !important;
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  pointer-events: none !important;
}

/* Common legacy classes, in case a calculator uses them directly */
.currency-symbol,
.currency-prefix,
.input-prefix,
.money-symbol,
.amount-prefix {
  line-height: 1 !important;
}

/* When v26 JS detects a prefix, this corrects legacy symbol elements too */
.moniply-v26-money-field .currency-symbol,
.moniply-v26-money-field .currency-prefix,
.moniply-v26-money-field .input-prefix,
.moniply-v26-money-field .money-symbol,
.moniply-v26-money-field .amount-prefix {
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  color: #6f5c77 !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .moniply-v26-money-field input,
  .moniply-v26-money-field-wrap input {
    padding-left: 52px !important;
  }
  .moniply-v26-currency-symbol,
  .moniply-v26-money-field .currency-symbol,
  .moniply-v26-money-field .currency-prefix,
  .moniply-v26-money-field .input-prefix,
  .moniply-v26-money-field .money-symbol,
  .moniply-v26-money-field .amount-prefix {
    left: 18px !important;
  }
}