/* Contact Form 7（MW WP Form から置き換え。initializr 系テーマ用）
   出典：form-refactoring/shared/initializr/cf7.css（minamidaigoko・imaichi-hospital 採用サイトで検証済み）
   （このサイトは style.css を読み込まないので css/cf7.css にして header.php から読む。おうちカフェのフォームは .contactForm の外の .iroha-cafe-form にあるので、セレクタを :is(.contactForm, .iroha-cafe-form) にした）旧フォームの見た目は MW WP Form 自身の CSS とテーマの .mwform-* 指定で
   決まっていたので、同じ値を CF7 の要素向けに書く */
:is(.contactForm, .iroha-cafe-form) .wpcf7-list-item {
  margin: 0;
}
:is(.contactForm, .iroha-cafe-form) .wpcf7-list-item label {
  font-weight: normal;
  margin-bottom: 0;
}
:is(.contactForm, .iroha-cafe-form) .wpcf7-radio input {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
:is(.contactForm, .iroha-cafe-form) .wpcf7-checkbox input {
  margin-right: 5px;
}
:is(.contactForm, .iroha-cafe-form) .wpcf7-not-valid-tip {
  font-size: 93%;
  color: #B70000;
  display: block;
}
/* ラジオボタンの文字はテーマの指定で inline-block になり、CF7 が文字の前に入れる空白が消えるので余白で補う */
:is(.contactForm, .iroha-cafe-form) .wpcf7-radio .wpcf7-list-item-label {
  margin-left: 0.25em;
}
:is(.contactForm, .iroha-cafe-form) .wpcf7-radio .wpcf7-list-item + .wpcf7-list-item {
  margin-left: 3px;
}
/* チェックボックスは CF7 が文字の前に入れる空白がそのまま隙間になる。文字の後ろの空白は旧にないので消す */
:is(.contactForm, .iroha-cafe-form) .wpcf7-checkbox .wpcf7-list-item-label::after {
  content: none;
}
/* 送信中の表示（くるくる）がボタンの横幅に加わり、中央寄せのボタンが左にずれるのを防ぐ */
:is(.contactForm, .iroha-cafe-form) .submit-btn {
  position: relative;
}
:is(.contactForm, .iroha-cafe-form) .submit-btn .wpcf7-spinner {
  position: absolute;
}

/* ---- ここから iroha-comodo 用 ---- */
/* 参加希望日時：旧はカレンダーの欄と時間のセレクトが .select-date の flex の子だった（テーマの .select-date .date_area.hasDatepicker の幅など）。
   CF7 は欄を span で包むので、包みを display: contents にして旧と同じ並びにする */
.select-date .wpcf7-form-control-wrap {
  display: contents;
}
/* 確認画面：複数行の入力（ご質問・ご相談等）を旧と同じく改行して見せる（Multi-Step は値を文字として入れるので改行が詰まる） */
:is(.contactForm, .iroha-cafe-form) .cf7msm-ro {
  white-space: pre-wrap;
}
/* 確認画面の参加希望日時：旧は値の文字と <br> が1つの行にまとまっていた。CF7 は値が span なので <br> が単独で1行を取る（スマホの縦並びで高くなる） */
.select-date > .cf7msm-ro + br {
  display: none;
}