/*
 * /contact/ 専用CF7フォームCSS。
 * 移植元：production DB post ID 4188（Additional CSS。post_name=lightning-child）。
 * Phase 0で「全量が/contact/専用フォームCSSであり、Lightning由来のコードは0行」と確認済み。
 * DB上のpost 4188は変更していない（ロールバック時に旧テーマへ戻せば自動的に再び効く状態を維持）。
 * ここでは全ページ出力ではなく、is_page('contact')のときのみenqueueする（inc/enqueue.php参照）。
 * 内容は移植時点のまま一切変更していない（!importantも含め原文どおり）。
 */

/* --- お問い合わせフォーム全体（CF7_table） --- */
.CF7_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* 行ごとの隙間 */
    border: none !important;
}

/* --- 左側ラベルセル（th） --- */
.CF7_table th {
    background-color: #f8f9fa !important; /* 薄いグレー */
    padding: 15px !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 5px 0 0 5px !important;
    width: 30% !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}

/* --- 右側入力セル（td） --- */
.CF7_table td {
    background-color: #fff !important;
    padding: 10px 15px !important;
    border: 1px solid #dee2e6 !important;
    border-left: none !important;
    border-radius: 0 5px 5px 0 !important;
    vertical-align: middle !important;
}

/* --- 「必須」ラベル（CF7_req） --- */
.CF7_req {
    background-color: #ff9800 !important; /* オレンジ */
    color: #fff !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 3px !important;
    margin-right: 8px !important;
    font-weight: bold !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* --- 「任意」ラベル（CF7_unreq） --- */
.CF7_unreq {
    background-color: #6c757d !important; /* 落ち着いたグレー */
    color: #fff !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 3px !important;
    margin-right: 8px !important;
    font-weight: bold !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}

/* --- 入力フィールド（幅100%化） --- */
.CF7_table input[type="text"],
.CF7_table input[type="email"],
.CF7_table textarea {
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

/* --- 送信ボタン（CF7_btn） --- */
.CF7_btn input[type="submit"] {
    background-color: #0054a6 !important; /* ロゴの青色 */
    color: #fff !important;
    font-weight: bold !important;
    padding: 15px 80px !important;
    border: none !important;
    border-radius: 30px !important;
    display: block !important;
    margin: 20px auto !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.CF7_btn input[type="submit"]:hover {
    background-color: #003d7a !important;
}

/* --- スマホ表示（レスポンシブ） --- */
@media screen and (max-width: 767px) {
    .CF7_table, .CF7_table tr, .CF7_table th, .CF7_table td {
        display: block !important;
        width: 100% !important;
    }
    .CF7_table th {
        border-radius: 5px 5px 0 0 !important;
        border-bottom: none !important;
    }
    .CF7_table td {
        border-radius: 0 0 5px 5px !important;
        border-left: 1px solid #dee2e6 !important;
    }
}