/**
 * Compact phone-country control overrides.
 *
 * @author Xewex
 * @link https://xewex.ru
 */

.xewex-phone-field {
  grid-template-columns: max-content minmax(0, 1fr);
}

.xewex-phone-country-wrap {
  width: max-content;
}

body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country,
body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:hover,
body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:focus,
body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:disabled,
.xewex-phone-country,
.xewex-phone-country:hover,
.xewex-phone-country:focus,
.xewex-phone-country:disabled {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 6px !important;
  gap: 4px !important;
  background: #f7f8fa !important;
  opacity: 1 !important;
}

.xewex-phone-country:disabled {
  cursor: default !important;
}

.xewex-phone-country-chevron {
  margin-left: 0;
}

.xewex-phone-country-wrap.is-single-country .xewex-phone-country {
  padding-right: 7px !important;
}

@media (max-width: 480px) {
  .xewex-phone-field {
    grid-template-columns: max-content minmax(0, 1fr);
  }

  body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country,
  body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:hover,
  body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:focus,
  body.woocommerce-account:not(.logged-in) .okhta-auth__card button.xewex-phone-country:disabled,
  .xewex-phone-country,
  .xewex-phone-country:hover,
  .xewex-phone-country:focus,
  .xewex-phone-country:disabled {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 6px !important;
    gap: 4px !important;
  }
}