/* ============================================================
 * JSAP Custom Login Theme - Keycloak 専用上書き
 *
 * jsap-designed.css（jsap-springboot 由来）の後に読み込まれる前提。
 * Keycloak 固有の見た目調整のみここに記述する。
 * ============================================================ */

/* WHY: jsap-designed.css の :root が body の font-family を Noto Sans JP 系に
 *      設定するが、Keycloak 26.x のデフォルト CSS が一部要素で別フォントを
 *      指定してくるため、ログインページ全体で確実に Noto Sans JP を適用する。 */
body,
.jsap-mypage,
.card,
input,
button,
label {
    font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* WHY: keycloak.v2 由来の background-image / 余計なグラデーションを抑止。
 *      jsap-springboot のログイン画面は淡いグレー背景で、画像なし。 */
body {
    background-image: none !important;
    background-color: #f5f5f5;
}

/* WHY: ログインカード周りのスペース確保 */
.jsap-mypage {
    min-height: calc(100vh - 200px);
}

/* WHY: 日本語テキストが「ご確認くださ／い」のように単語途中で改行されるのを抑制。
 *      word-break: keep-all で CJK 文字境界での破断を抑え、句読点単位で折返し。
 *      overflow-wrap: anywhere で長い英単語等のはみ出しは許容する。
 *      対象はカード内のテキスト主体部分（アラート・補助リンク・本文）。 */
.card .alert,
.card .jsap-aux-links,
.card-body p,
.card-body h2,
.card-body small {
    word-break: keep-all;
    overflow-wrap: anywhere;
    line-break: strict;
}