/**
 * Select2 appearance aligned with theme "nice-select" — scoped to transport calculator only.
 * Load after select2.min.css
 */
.loan-calculator-form #loan-calculator .select2-container {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 0;
  font-family: var(--paraFont);
  font-size: 13px;
  font-weight: 100;
}

.loan-calculator-form #loan-calculator .select2-container--default .select2-selection--single {
  height: auto;
  min-height: 38px;
  background-color: #fff;
  border: 1px solid #e5e5ea !important;
  border-radius: 10px;
  padding: 12px 14px;
  box-sizing: border-box;
  transition: border-color 0.2s linear;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default.select2-container--open
  .select2-selection--single {
  border-color: #999 !important;
}


.loan-calculator-form
  #loan-calculator
  .select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #ededed;
  border-color: #ededed !important;
  cursor: not-allowed;
  color: #999;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
  padding-right: 36px;
  line-height: 1.35;
  color: #3a3a3c;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__rendered {
  color: #999;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

/* Chevron like jquery-nice-select */
.loan-calculator-form
  #loan-calculator
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 16px;
  width: 24px;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border: none !important;
  width: 8px;
  height: 8px;
  margin: 0;
  left: auto;
  right: 4px;
  top: 50%;
  transform: translateY(-65%) rotate(45deg);
  transform-origin: 66% 66%;
  border-bottom: 1.7px solid #3a3a3c !important;
  border-right: 1.7px solid #3a3a3c !important;
  transition: transform 0.15s ease-in-out;
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  transform: translateY(-30%) rotate(-135deg);
}

.loan-calculator-form
  #loan-calculator
  .select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #ccc !important;
}

/* Dropdown + search */
.loan-calculator-form .select2-dropdown {
  border: 1px solid rgba(68, 68, 68, 0.15);
  border-radius: 10px;

  overflow: hidden;
  z-index: 1080;
  font-family: var(--paraFont);
}

.loan-calculator-form .select2-search--dropdown {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e5ea;
}

.loan-calculator-form .select2-search--dropdown .select2-search__field {
  border: 1px solid #e5e5ea !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  font-size: 13px;
  outline: none !important;
}

.loan-calculator-form .select2-search--dropdown .select2-search__field:focus {
  border-color: #999 !important;
}

.loan-calculator-form .select2-results__options {
  max-height: 220px;
  font-size: 13px;
}

.loan-calculator-form .select2-results__option {
  padding: 10px 18px;
  line-height: 1.35;
}

.loan-calculator-form .select2-results__option--highlighted[aria-selected] {
  background-color: #f6f6f6 !important;
  color: #3a3a3c !important;
}

.loan-calculator-form .select2-results__option[aria-selected='true'] {
  background-color: #fff5e8 !important;


}

/* #ciy_wrap: keep layout when select2 injects sibling */
.loan-calculator-form #loan-calculator #ciy_wrap {
  position: relative;
}

/* Transport calculator — multiple port rows; price amount in brand green */
.loan-calculator-form #priceData {
  text-align: center;
}

.loan-calculator-form #priceData .calc-transport-price-line {
  display: block;
  margin-bottom: 0.35em;
  line-height: 1.35;
  font-size: 1.25rem;
}

.loan-calculator-form #priceData .calc-transport-price-line:last-child {
  margin-bottom: 0;
}

.loan-calculator-form #priceData .calc-transport-price-amt {
  color: #146d6d !important;
  font-weight: 600;

}

.dark-theme .loan-calculator-form #loan-calculator .select2-container--default .select2-selection--single {
  background-color: #1a1a1a;
  border-color: #333 !important;
}

.dark-theme
  .loan-calculator-form
  #loan-calculator
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #e5e5ea;
}

.dark-theme .loan-calculator-form .select2-dropdown {
  background-color: #1a1a1a;
  border-color: #333;
}

.dark-theme .loan-calculator-form .select2-results__option {
  color: #e5e5ea;
}

.dark-theme .loan-calculator-form .select2-results__option--highlighted[aria-selected] {
  background-color: #2a2a2a !important;
  color: #fff !important;
}