/* =========================================
   確認画面つきフォーム 専用スタイル
   contact.html / base-contact.html で使用
   ========================================= */

/* ハニーポット（画面外・スクリーンリーダー外） */
.fc-hp {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* 確認パネル */
.form-confirm {
    background: var(--bg-soft);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 40px;
}

.fc-title {
    font-family: "Noto Serif JP", serif;
    color: var(--primary);
    font-size: 1.35rem;
    margin-bottom: 8px;
}

.fc-lead {
    color: var(--text-muted);
    font-size: 0.92rem;
    margin-bottom: 24px;
}

.fc-list {
    margin: 0 0 24px;
    border-top: 1px solid var(--border);
}

.fc-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 20px;
    padding: 16px 4px;
    border-bottom: 1px solid var(--border);
}

.fc-row dt {
    font-weight: 600;
    color: var(--text);
    font-size: 0.92rem;
}

.fc-row dd {
    margin: 0;
    color: var(--text);
    font-size: 0.95rem;
    line-height: 1.7;
    word-break: break-word;
}

.fc-empty {
    color: var(--text-muted);
}

.fc-error {
    background: #fdecea;
    border: 1px solid #f5c6cb;
    color: #a4342b;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.fc-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.fc-actions .fc-send:disabled {
    opacity: 0.6;
    cursor: default;
}

/* 完了メッセージ */
.fc-thanks {
    text-align: center;
    padding: 24px 0;
}

.fc-thanks-mark {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: 2rem;
    line-height: 64px;
}

.fc-thanks h3 {
    font-family: "Noto Serif JP", serif;
    color: var(--primary);
    font-size: 1.4rem;
    margin-bottom: 14px;
}

.fc-thanks p {
    color: var(--text-muted);
    margin-bottom: 28px;
    line-height: 1.9;
}

@media (max-width: 680px) {
    .form-confirm { padding: 28px 20px; }
    .fc-row { grid-template-columns: 1fr; gap: 4px; }
    .fc-row dt { color: var(--accent); font-size: 0.85rem; }
    .fc-actions { flex-direction: column-reverse; }
    .fc-actions .btn,
    .fc-actions .btn-submit { width: 100%; }
}