/**
 * =================================================================================
 * MOODLE CUSTOM THEME CSS - EXTERNAL PRODUCTION (Moodle 5.1 Optimized)
 * =================================================================================
 * 【ファイル名】moodle-custom-theme.css
 * 【配置パス】/jprmutr.xsrv.jp/public_html/additional-css/
 * 【設計思想】
 * 1. 背景画像はMoodle管理画面（theme_boost | backgroundimage）に完全依存
 * 2. bodyへのフローティング（固定表示）処理で写真のリピート切れ目を完全消滅
 * 3. メイン領域の強力なすりガラス（20px）による高い文字視認性の確保
 * 4. 最重要ボタン（Primary）や小テストナビへのオーロラグラデーション適用
 * 5. Tilesフォーマット展開時のオーバーレイフリーズ（ブラックアウト・クリック不能）対策
 * =================================================================================
 */

/* --- [0] Moodle管理画面の背景画像を「フローティング（固定）」に拡張 --- */
body {
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* --- [1] グローバル・レイアウト ＆ シースルーデザイン（すりガラス強化） --- */

/* ユーザーアイコン（角丸プロフィール画像） */
.userpicture {
    border-radius: 20%;
}

/* メインコンテンツ領域のネオ・グラスモルフィズム化 */
.main-inner {
    background-color: rgba(255, 255, 255, 0.45) !important;
    -webkit-backdrop-filter: blur(20px) !important; /* iOS / Safari用 */
    backdrop-filter: blur(20px) !important;         /* モダンブラウザ共通 */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 1.5rem !important; 
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2) !important;
}

.card {
    background-color: rgba(255, 255, 255, 0.5);
}
#region-main {
    background-color: rgba(255, 255, 255, 0.1);
}

/* 各種メニュー・ナビゲーションの透過処理 */
.bg-white {
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.secondary-navigation .navigation {
    background-color: rgba(255, 255, 255, 0);
}
.moremenu .nav-tabs {
    background-color: rgba(0, 0, 255, 0.03);
}
.login-container {
    background-color: rgba(255, 255, 255, 0.7);
}

/* --- [2] ページ上部ナビバー・固定ヘッダーの完全半透明化 --- */
.navbar,
#page-navbar,
.fixed-top,
.navbar.fixed-top,
.bg-white.navbar {
    background: rgba(255, 255, 255, 0.5) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    -webkit-backdrop-filter: blur(8px) !important; 
    backdrop-filter: blur(8px) !important;         
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* --- [3] 最重要ボタン ＆ 小テストナビのオーロラグラデーション --- */

/* 「テストを終了する」などのプライマリボタン、および小テストの現在地 */
.btn-primary,
.path-mod-quiz #mod_quiz_navblock .qnbutton.current .thispageholder {
    background: linear-gradient(135deg, #0d47a1, #311b92, #00b0ff) !important;
    color: #ffffff !important;
    border: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 14px rgba(49, 27, 146, 0.35) !important;
    transition: all 0.25s ease-in-out !important;
}

/* ボタンにマウスを載せた（ホバー）時 */
.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, #1565c0, #4527a0, #40c4ff) !important;
    transform: translateY(-1px); 
    box-shadow: 0 6px 20px rgba(49, 27, 146, 0.5) !important; 
    color: #ffffff !important;
}

/* ボタンがクリックされた瞬間 */
.btn-primary:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 8px rgba(49, 27, 146, 0.4) !important;
}

/* --- [4] TILES FORMAT BUG FIX - OVERLAY CRUSH --- */

/* * タイル展開時に最前面をブロックしてしまう「div#format_tiles_overlay」を強制無力化。
 * display: noneとpointer-events: noneにより、暗幕を完全透過させ、1クリックで活動へアクセス可能にします。
 */
#format_tiles_overlay,
div#format_tiles_overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

/* 展開されたサブタイル・アコーディオン内のコンテンツ領域のクリック判定を確実に前面へ保証 */
.format-tiles .subtiles-container,
.format-tiles .subtile-inner,
.format-tiles li.activity,
.format-tiles li.activity * {
    pointer-events: auto !important;
}