/* お問い合わせ：Contact Form 7 のフォーム（「HELATH お問い合わせ 2026」）を、試作のフォームと同じ見た目にする。
   フォームの組み方（.s-fld・.s-fld2・.s-radios・.s-agree・.s-submit）は試作と同じにしてあり、
   CF7 が足す包み（入力欄の <span class="wpcf7-form-control-wrap">、選択肢の <span class="wpcf7-list-item">）の差だけをここで埋める。
   色・余白・角丸は tokens.css の変数だけを使う（試作の決まりごとと同じ） */
.s-form-wp .wpcf7{margin:0}
.s-fld>.wpcf7-form-control-wrap{display:block;gap:0;margin:0;font-size:inherit;font-weight:400;color:inherit}

/* 選択肢（ご相談の種類）：包みを外して、選択肢を .s-radios の並びに直接並べる */
.s-radios .wpcf7-form-control-wrap,.s-radios .wpcf7-radio{display:contents}
.s-radios .wpcf7-list-item{margin:0}
.s-radios .wpcf7-list-item>label{position:relative;display:block;height:100%;cursor:pointer}
.s-radios .wpcf7-list-item input{position:absolute;opacity:0}
.s-radios .wpcf7-list-item-label{display:inline-block;border:1px solid var(--c-line-tint);border-radius:var(--r-pill);padding:6px var(--sp-4);font-size:var(--fs-ui);background:var(--c-surface)}
.s-radios .wpcf7-list-item input:checked+.wpcf7-list-item-label{background:var(--c-tint-3);border-color:var(--c-accent);color:var(--c-accent);font-weight:700}
.s-radios .wpcf7-list-item input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--c-accent);outline-offset:2px}

/* 同意の欄 */
.s-agree .wpcf7-form-control-wrap,.s-agree .wpcf7-acceptance{display:contents}
.s-agree .wpcf7-list-item{margin:0}
.s-agree .wpcf7-list-item>label{display:flex;align-items:center;gap:10px;cursor:pointer}

/* 入力の不備・送信の結果 */
.wpcf7-not-valid-tip{display:block;margin-top:6px;font-size:var(--fs-xs);font-weight:700;color:var(--c-accent)}
.s-fld .wpcf7-not-valid{border-color:var(--c-accent)}
.s-form .wpcf7-response-output{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-accent);border-radius:var(--r-md);font-size:var(--fs-ui);line-height:1.8;color:var(--c-ink)}
.s-form.sent .wpcf7-response-output{border-color:var(--c-line);background:var(--c-tint-3)}
.s-form .wpcf7-spinner{display:none}
.s-form.submitting .wpcf7-spinner{display:block;margin:var(--sp-3) auto 0}   /* 送信中だけ出す（出していない間に場所を取らない） */
.s-submit[disabled]{opacity:.5;cursor:not-allowed}

/* スマホ（560px以下）：試作の .s-radio span・.s-agree と同じ */
@media (max-width:560px){
  .s-radios .wpcf7-list-item-label{display:flex;align-items:center;justify-content:center;min-height:var(--h-row);height:100%;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);text-align:center;line-height:1.5}
  .s-agree{min-height:var(--h-tap)}
}