/**
 * StratFin site overrides (not regenerated by Webflow export).
 * Fix native enquiry <select> — .form-dropdown was designed for a flex control,
 * so display:flex + line-height misplace the browser caret.
 */
select.form-dropdown.w-select,
select.form-dropdown,
select#enquiry-type {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-items: unset;
  justify-content: unset;
  grid-column-gap: unset;
  grid-row-gap: unset;
  /* Keep .form-dropdown height; flex→block fixes the caret */
  padding: 0 2.5rem 0 0.75rem;
  line-height: normal;
  color: var(--dark-gray, #0b1220);
  background-color: var(--white, #fff);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6b7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 14px 14px;
  cursor: pointer;
}

select.form-dropdown.w-select:hover,
select.form-dropdown:hover,
select#enquiry-type:hover {
  border-color: var(--sf-blue, #0082f3);
}

select.form-dropdown.w-select:focus,
select.form-dropdown:focus,
select#enquiry-type:focus {
  border-color: var(--sf-blue, #0082f3);
  outline: none;
}
