/* 郵便番号ステータス表示 */
.zip-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.zip-status {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4em;
  min-width: 40px;
  display: block;
  padding-top: 0.8em;
}

.ng-title {
  display: block;
  font-size: 1.125em;
  font-weight: 700;
  margin-block-end: 0.5em;
}

.zip-ok {
  color: #28a745;
}

.zip-ng {
  color: #dc3545;
}

/* 送信ボタン無効スタイル */
#submit-btn input[type="submit"]:disabled,
#submit-btn input[type="submit"].disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* 生年月日（date input）のスタイルを他のテキスト入力に揃える */
.wpcf7 input[type="date"].wpcf7-form-control,
.wpcf7 select.wpcf7-form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-family: var(--font-base);
  color: var(--c-text);
  background: #fff;
  border: 1.5px solid #ddd;
  border-radius: var(--radius-md);
  transition: border-color 0.2s;
  box-sizing: border-box;
  height: auto;
  line-height: normal;
}

.wpcf7 input[type="date"].wpcf7-form-control:focus,
.wpcf7 select.wpcf7-form-control:focus {
  outline: none;
  border-color: var(--c-text);
}

/* select特有：矢印アイコンをカスタムに（ブラウザ標準の矢印は隠す） */
.wpcf7 select.wpcf7-form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 20px;
  padding-right: 2.5rem;
}