/* *********************** */
/*      INPUT STYLING      */
/* *********************** */

/* Base fields */
input:not([type="file"]):not([type="checkbox"]):not([type="range"]),
select:not(#regionDropdown),
textarea {
  outline: none;
  height: 2.5rem;
}

/* Focus */
input:focus,
select:focus,
textarea:focus {
  border-color: var(--dark-grey);
}

/* Subscribe form */
#subscribeForm input {
  background-color: var(--white);
}

/* Textarea */
textarea {
  font-family: 'MyCustomFutura', sans-serif;
  min-height: 7.35rem;
  overflow: auto;
}

/* Floating labels */
.input-has-content:not(textarea):not([type="file"]) {
  padding-top: 1.25rem;
  padding-bottom: var(--sm);
}

.input-has-content + span {
  display: block;
}

/* Radio */
.radio {
  cursor: pointer;
}

.radio:has(input:checked) {
  background-color: var(--accent);
  color: var(--light-grey);
}

/* Checkboxes */
input[type="checkbox"] {
  accent-color: var(--blue);
}

/* Hide only when "No" is checked */
:has([name="vehiculo_a_cambio"][value="No"]:checked) .input-box:has([name="tipo_vehiculo_deseado"]) {
  display: none;
}

/* Placeholder look when no value selected */
form select:not(.input-has-content) {
  color: var(--dark-grey);
}