/* =========================================================
   お問い合わせ（Google フォーム版）— inc/gb-contact-gform.php の [gb_contact_gform] / [gb_contact_gform_confirm]
   表・入力欄・ボタンの見た目は custom.css「お問い合わせフォーム」（:is(.wpcf7-form, .gb-gform)）がそのまま効く。
   ここは Google フォーム版で足りない分だけ:
   - CF7 の styles.css が .wpcf7 の中だけに付けている見た目（エラーの枠など）
   - 確認画面（「修正する」ボタン・改行を残した本文・CF7 の「Please fill out the form…」を隠す）
   ショートコードがあるページだけ読み込む。値は tokens.css の --gb-form-*
   ========================================================= */

/* CF7 の styles.css と同じ（CF7 を止めても見た目が変わらないように） */
.gb-gform .wpcf7-form-control-wrap { position: relative; }
.gb-gform .wpcf7-list-item-label::before,
.gb-gform .wpcf7-list-item-label::after { content: " "; }
.gb-gform .wpcf7-not-valid-tip {                      /* 入力欄の下のエラー文（大きさ・余白は custom.css） */
  display: block;
  color: var(--gb-form-error-color);
  font-weight: normal;
}

/* フォームの下の枠（CF7 の .wpcf7-response-output と同じ位置・見た目） */
.gb-gform .gb-gform__response {
  margin: var(--gb-form-response-margin);
  padding: var(--gb-form-response-pad);
  border: var(--gb-form-response-border) solid var(--gb-form-response-warn);
}
.gb-gform .gb-gform__response:empty { display: none; }
.gb-gform .gb-gform__response.is-failed { border-color: var(--gb-form-response-error); }

/* 読み上げ専用（画面には出さない） */
.gb-gform .gb-gform__sr,
.gb-gform .gb-gform__sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

/* 確認画面 */
.gb-gform .gb-gform__view[hidden],
.gb-gform .gb-gform__empty[hidden] { display: none; }
.gb-gform h2[tabindex="-1"]:focus,
.gb-gform .gb-gform__empty:focus { outline: none; }  /* JS でフォーカスを移す見出し・案内文（操作する要素ではないので枠は出さない） */
.gb-gform .gb-gform__value { overflow-wrap: anywhere; }
.gb-gform .gb-gform__value--multiline { white-space: pre-wrap; }        /* 本文の改行をそのまま表示 */
.gb-gform .gb-gform__empty a { text-decoration: underline; }
.post_content .gb-gform .buttons p {                 /* 「修正する」「送信する」の 2 つを並べる（狭い幅では折り返す） */
  flex-wrap: wrap;
  gap: var(--gb-form-buttons-gap);
}
.gb-gform .gb-gform__btn--back {                      /* 「修正する」は白地（「送信する」のホバーと同じ配色） */
  background: var(--gb-color-bg);
  color: var(--gb-color-text);
}
.gb-gform .gb-gform__btn--back:hover,
.gb-gform .gb-gform__btn--back:focus-visible {
  background: var(--gb-color-accent);
  color: var(--gb-color-text-inverse);
}
.gb-gform .gb-gform__btn--back:disabled,
.gb-gform .gb-gform__btn--back:disabled:hover {
  background: var(--gb-color-bg);
  color: var(--gb-color-text);
}

/* 確認画面に置いたままの CF7（データが無いので「Please fill out the form on the previous page.」と出る）を隠す */
body.gb-gform-confirm-active .wpcf7 { display: none; }