/**
 * WPHome — Modern Select2 Dropdown Styles
 *
 * Clean, minimal design with smooth animations.
 * Targets WooCommerce billing/shipping Select2 fields.
 *
 * Usage: Enqueue in child theme via wp_enqueue_style()
 * or paste into child theme's style.css.
 */

.wph-checkout-active .wph-checkout-layout .select2-container--default.select2-container--open .select2-selection {
  border-color: #000;
}

.wph-checkout-active .select2-dropdown .select2-dropdown--below {
  border-radius: 8px;
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04);
}

body.wph-checkout-active .select2-container--default .select2-dropdown {
  box-shadow:
    0 8px 30px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  overflow: hidden;
}

body.wph-checkout-active .select2-container--default .select2-search--dropdown:before {
  background-color: #fff;
}

body.wph-checkout-active .select2-container--default .select2-search--dropdown {
  padding: 12px;
  background-color: #fff;
}

body.wph-checkout-active .select2-container--default .select2-search--dropdown:after {
  position: absolute;
  top: calc(50% - 8px);
  inset-inline-start: 25px;
  inset-inline-end: unset;
  color: #000;
  font-size: 16px;
}

body.wph-checkout-active .select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0 15px 0 40px;
  height: 45px;
  border: var(--wd-form-brd-width) solid #c1c1c1;
  background-color: #fff;
  background-image: none;
  color: #000;
}

body.wph-checkout-active .select2-container--default .select2-results {
  background-color: #fff;
}

body.wph-checkout-active .select2-container--default .select2-results > .select2-results__options {
  padding: 0 15px;
}

body.wph-checkout-active .select2-container--default .select2-results__option {
  border-radius: 8px;
}

body.wph-checkout-active .select2-container--default .select2-results__option--highlighted[aria-selected][data-selected='true'],
body.wph-checkout-active .select2-container--default .select2-results__option[data-selected='true'] {
  background-color: #000;
  color: #fff;
  font-weight: normal;
}

body.wph-checkout-active .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #f4f7f9;
  color: #000;
}