/**
 * @file
 * Instant State dropdown — undo CiviCRM's greyed/disabled chain-select look
 * so the field reads as live and ready (it always is now). The widget is
 * taken over by js/instant-state.js.
 */

/* Never show the disabled styling — the field is always usable. */
select.gma-state-select[disabled],
#state_province-1[disabled] {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
}

.gma-country-native,
.gma-state-select,
.gma-state-text {
  min-width: 225px;
  padding: 6px 10px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  background: #fff;
  font-size: inherit;
  line-height: 1.4;
  box-sizing: border-box;
}

/* The native country select replaces CiviCRM's select2 box — give it the
   same footprint so the layout doesn't shift. */
.gma-country-native {
  display: inline-block;
}

/* Match the rest of the address fields' box look. */
.gma-state-text {
  padding: 6px 10px;
}