/*
 * Spirits 発表会 2026 オープニングナンバー 参加費決済フォーム（wpforms:12289）のエントリーID照会
 * 読み込み: custom-func/wpforms-spirits-op-2026.php（固定ページ spirits-openingnumber2026-entry のみ）
 * WPForms（クラシック表示）の全要素リセット div.wpforms-container-full .wpforms-form *（0,2,1）より強くするため、
 * セレクタの先頭に .wpforms-container .wpforms-form を付けている。
 */

/* メールアドレス欄と照会ボタンの横並び（WPForms の medium 幅 60% に合わせる） */
.wpforms-container .wpforms-form .wpforms-field .al4-op-lookup-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  max-width: 60%;
}

.wpforms-container .wpforms-form .al4-op-lookup-row input[type="text"],
.wpforms-container .wpforms-form .al4-op-lookup-row input[type="email"] {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.wpforms-container .wpforms-form .al4-op-lookup-row .al4-op-lookup-button {
  flex: 0 0 auto;
  padding: 0 20px;
  border: 0;
  border-radius: 3px;
  background: #ec902b;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.wpforms-container .wpforms-form .al4-op-lookup-row .al4-op-lookup-button:hover {
  background: #d27a17;
}

.wpforms-container .wpforms-form .al4-op-lookup-row .al4-op-lookup-button:disabled {
  opacity: .6;
  cursor: wait;
}

/* 入力エラー（WPForms が入力欄の直後に入れる）はボタンの下の行に出す */
.wpforms-container .wpforms-form .al4-op-lookup-row > label.wpforms-error {
  flex-basis: 100%;
  order: 3;
}

/* 照会結果 */
.wpforms-container .wpforms-form .al4-op-lookup-message {
  margin-top: 8px;
  padding: 8px 12px;
  border-left: 4px solid transparent;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.wpforms-container .wpforms-form .al4-op-lookup-message.is-success {
  background: #fdf3e7;
  border-left-color: #e8912d;
  color: #c46f10;
}

.wpforms-container .wpforms-form .al4-op-lookup-message.is-error {
  background: #fdecea;
  border-left-color: #c00;
  color: #900;
}

/* 照会結果で入る参加者の氏名（読み取り専用） */
.wpforms-container .wpforms-form input.al4-op-readonly[readonly] {
  background-color: #f3f3f3;
  color: #333;
  cursor: not-allowed;
}

/* 照会結果で決まる人数（非活性） */
.wpforms-container .wpforms-form select.al4-op-count-select:disabled {
  background-color: #f3f3f3;
  color: #333;
  opacity: 1;
  cursor: not-allowed;
}

.wpforms-container .wpforms-form .al4-op-lookup-lock-note {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: #666;
}

@media only screen and (max-width: 600px) {
  .wpforms-container .wpforms-form .wpforms-field .al4-op-lookup-row {
    max-width: 100%;
  }
}