/*
 * Control-level alignment refinements for the KODAMA inquiry form.
 * Loaded after comicon2026.css so these rules remain narrowly scoped.
 */

.inquiry__choice-buttons button,
.inquiry__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.inquiry__submit {
  justify-self: center;
  margin-inline: auto;
}

/*
 * intl-tel-input positions its search icon absolutely but leaves its vertical
 * inset implicit. Firefox can therefore render it against the wrapper's
 * static-position rectangle, especially after the wrapper receives padding.
 */
.iti--container.iti--inline-dropdown .iti__search-icon,
.phone-field__control .iti__search-icon {
  top: 50%;
  left: 1.45rem;
  line-height: 0;
  transform: translateY(-50%);
}

[dir="rtl"] .iti--container.iti--inline-dropdown .iti__search-icon,
[dir="rtl"] .phone-field__control .iti__search-icon {
  right: 1.45rem;
  left: auto;
}

.country-picker__search-icon {
  line-height: 0;
}

@media (max-width: 700px) {
  .inquiry__submit {
    justify-self: stretch;
    margin-inline: 0;
  }
}