/**
 * 結果通知モーダル共通スタイル
 *
 * include/result-modal.php と js/utils/result-modal.js とセット。
 * [data-result-icon] / [data-result-title] / [data-result-message] / [data-result-note] の見た目を統一。
 */

/* アイコン（成功/失敗の ✓/✕ など）。中身が無いときは消える */
.resultModal-Icon {
    font-size: 3em;
    margin-bottom: 1rem;
    line-height: 1;
}
.resultModal-Icon:empty {
    display: none;
    margin: 0;
}

/* タイトル/メッセージ/注記の余白調整。中身が空のときは詰める。 */
[data-result-title]:empty,
[data-result-message]:empty,
[data-result-note]:empty {
    display: none;
}

/*
 * 呼び出し側からは textContent ベースで本文を渡す前提（XSS対策）。
 * ただし旧コードは `'失敗しました。<br>カード情報をご確認ください。'` のように
 * 改行を <br> で表現していたケースがあるため、`\n` 区切りに直したテキストを
 * pre-line で改行表示できるようにしておく。
 */
[data-result-message],
[data-result-note] {
    white-space: pre-line;
}