/*
 * Contact Form 7 用の見た目調整
 * 2026-11 GrowGroup: MW WP Form と同じ見た目になるよう、CF7 のマークアップ差分を吸収する
 */

/* 入力欄のラッパーは親要素の幅いっぱい（MW WP Form 時代と同じ） */
.c-forms .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.c-forms .wpcf7-list-item {
    margin: 0;
}

/* ラジオボタン：CF7 のラッパーを無視して .c-forms__radio-box を横並びにする（MW の .mwform-radio-field と同じ構造に） */
.c-forms .c-forms__radio-container .wpcf7-form-control-wrap,
.c-forms .c-forms__radio-container .wpcf7-radio {
    display: contents;
}

.c-forms .c-forms__radio-container .wpcf7-list-item {
    display: block;
}

.c-forms .c-forms__radio-container .wpcf7-list-item label {
    display: inline;
    cursor: pointer;
}

.c-forms .c-forms__radio-container .wpcf7-list-item input {
    display: inline-block;
}

.c-forms .c-forms__radio-container .wpcf7-list-item-label {
    display: inline;
}

/* 同意チェックボックス（MW と同じく文言と同じ行に表示） */
.c-forms .c-forms__privacy .wpcf7-form-control-wrap,
.c-forms .c-forms__privacy .wpcf7-acceptance,
.c-forms .c-forms__privacy .wpcf7-list-item {
    display: inline;
    width: auto;
}

/* テーマの「.c-forms__flex.is-2-col span」（姓・名ラベル用）が CF7 のラッパー span に当たらないようにする */
.c-forms .c-forms__input .wpcf7-form-control-wrap,
.c-forms .c-forms__input .wpcf7-not-valid-tip {
    display: block;
    margin-right: 0;
    min-width: 0;
    text-align: left;
    white-space: normal;
}

/* エラーメッセージ（MW WP Form の .error と同じ見た目） */
.c-forms .wpcf7-not-valid-tip {
    display: block;
    width: 100%;
    margin-top: .25em;
    color: #b70000;
    font-size: 12px;
    font-weight: normal;
    white-space: normal;
}

.c-forms .c-forms__privacy .wpcf7-not-valid-tip {
    text-align: center;
}

/* 送信結果メッセージ */
.wpcf7 form.wpcf7-form .wpcf7-response-output {
    margin: 1.5em auto 0;
    max-width: 640px;
    text-align: center;
}

/* 送信ボタン下のスピナー */
.c-forms__submit {
    text-align: center;
}

.c-forms__submit .wpcf7-spinner {
    display: block;
    margin: 12px auto 0;
}