/* CC: Country/Region dropdowns match the Saved address dropdown.
   Basket ("Change address"), checkout (billing and shipping), My Account
   edit address, and the saved-address form. Kept native by country-select.js.
   Unlike Saved address, there is no black border on focus. */

select.cch-country-select,
select.country_to_state.cch-country-select {
  display: block !important;
  width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  margin: 0 !important;
  font-family: var(--cc-address-font, inherit) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  color: var(--cc-address-text, currentColor) !important;

  background-color: var(--cc-address-background, transparent) !important;

  /* Remove native browser arrow */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  /* Same Font Awesome chevron-down as the Saved address dropdown */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%239A75EF' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 13px center !important;
  background-size: 13px 15px !important;

  border: 1px solid var(--cc-address-border, #ddd) !important;
  border-radius: 4px !important;
  padding: 0 38px 0 12px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  cursor: pointer;
}

select.cch-country-select:focus,
select.cch-country-select:focus-visible {
  border: 1px solid var(--cc-address-border, #ddd) !important;
  outline: none !important;
  box-shadow: none !important;

  /* Same darker-purple chevron state as the Saved address dropdown */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%238364CB' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E") !important;
}

/* Never show a leftover searchable box next to a plain country dropdown. */
select.cch-country-select + .select2-container {
  display: none !important;
}