/*
================================================================
Mockalay Core Styles - V2.4 (Refactored to use core.css)
================================================================
*/
@import url('core.css');

html,body.mock-test-active{background-color:var(--bg-color)!important}
body.mock-test-active{font-family:var(--font-bengali)!important;color:var(--body-text-color)}
body.mock-test-active header,body.mock-test-active footer,body.mock-test-active .elementor-location-header,body.mock-test-active .elementor-location-footer{display:none!important}
body.mock-test-active .entry-content,body.mock-test-active #content,body.mock-test-active #primary,body.mock-test-active .site-content,body.mock-test-active main.site-main > article,body.mock-test-active .elementor-section-wrap > .elementor-section,#mock-test-container{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;max-width:100%!important}
#mock-test-container{padding:20px 0!important}
#mock-test-container h2{color:var(--headline-color)!important}
body.mock-test-active .post-navigation,body.mock-test-active .navigation.pagination,body.mock-test-active .nav-links,body.mock-test-active .nav-below{display:none!important}
.test-layout{display:flex;gap:25px;align-items:flex-start;max-width:1300px;margin:0 auto;padding:0 15px}
.question-main-col{flex:1;min-width:0}
.question-nav-col{width:340px;flex-shrink:0;position:sticky;top:20px;background:var(--card-color);border:1px solid var(--border-color-light);border-radius:12px;padding:20px;box-shadow:0 5px 20px -5px rgba(10,25,47,.1)}
.question-card{background-color:var(--card-color);border:1px solid var(--border-color-light);border-radius:12px;padding:25px;box-shadow:0 5px 20px -5px rgba(10,25,47,.1);position:relative;transition:background-color .3s ease; margin-bottom: 20px;}
.question-progress{font-size:.9em;font-weight:600;color:#555;margin-bottom:15px}
.question-options{margin:25px 0}
.option-label{display:flex;align-items:center;background-color:#f8f9fa;border:2px solid transparent;border-radius:8px;padding:15px;margin-bottom:12px;cursor:pointer;transition:all .2s ease}
.option-label:hover{border-color:var(--button-color);background-color:var(--selected-bg)}
.option-label:has(input:checked){border-color:var(--answered-color);background-color:var(--selected-bg);box-shadow:0 0 0 2px var(--answered-color)}
.option-label input{margin-right:15px;transform:scale(1.2)}
.question-image,.option-image{max-width:100%;border-radius:6px;margin-bottom:15px}
.option-image{max-height:100px;margin-right:15px}
.question-footer{display:flex;justify-content:space-between;border-top:1px solid var(--border-color-light);padding-top:20px;margin-top:20px;flex-wrap:wrap;gap:10px}
.btn{padding:10px 20px;border-radius:6px;cursor:pointer;font-size:1em;font-weight:700!important;transition:all .3s ease;border:2px solid transparent;position:relative;text-decoration:none}
.btn.btn-primary,.btn.btn-success,.submit-test,.submit-test-nav,#final-submit-test{background-color:var(--button-color)!important;color:var(--button-text-color)!important;border-color:var(--button-color)!important}
.btn.btn-primary:hover,.btn.btn-success:hover,.submit-test:hover,.submit-test-nav:hover,#final-submit-test:hover{background-color:var(--button-hover-color)!important;color:var(--button-hover-text-color)!important;transform:translateY(-2px)}
.btn.btn-secondary,.btn.btn-warning{background-color:transparent;color:var(--body-text-color);border:2px solid #ccc}
.btn.btn-secondary:hover,.btn.btn-warning:hover{border-color:var(--headline-color);color:var(--headline-color);background-color:#f0f2f5}
.timer-display-desktop,#timer-display{font-size:1.2em;font-weight:700;padding:12px;background:var(--card-color);border:1px solid var(--border-color-light);border-radius:8px;margin-bottom:20px;color:var(--headline-color);text-align:center}
.nav-header h5{font-weight:700;text-align:center;margin-bottom:15px;color:var(--headline-color);text-transform:uppercase;letter-spacing:.5px}

.question-palette { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.question-palette .palette-btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 40px !important; border: 2px solid #ccc !important; background-color: #fff !important; color: var(--body-text-color) !important; border-radius: 6px !important; cursor: pointer !important; font-size: 0.9em !important; transition: all 0.2s !important; position: relative !important; font-weight: 600 !important; }

/* --- Live Test Palette Colors --- */
.question-palette .palette-btn.answered { background-color: var(--answered-color) !important; border-color: var(--answered-color) !important; color: #fff !important; }
.question-palette .palette-btn.not-answered { background-color: var(--not-answered-color) !important; border-color: var(--not-answered-color) !important; color: #fff !important; }
.question-palette .palette-btn.not-visited { background-color: var(--not-visited-color) !important; border-color: #ccc !important; color: var(--body-text-color) !important; }
.question-palette .palette-btn.current { background-color: var(--current-color) !important; border-color: var(--button-color) !important; color: #fff !important; transform: scale(1.1); box-shadow: 0 0 10px rgba(250, 164, 74, 0.5); }

/* --- Analysis Page Palette Colors --- */
#result-palette-desktop .palette-btn.result-correct,
#result-palette-mobile .palette-btn.result-correct { background-color: var(--success-color) !important; border-color: var(--success-color) !important; color: #fff !important; }

#result-palette-desktop .palette-btn.result-incorrect,
#result-palette-mobile .palette-btn.result-incorrect { background-color: var(--danger-color) !important; border-color: var(--danger-color) !important; color: #fff !important; }

#result-palette-desktop .palette-btn.result-unanswered,
#result-palette-mobile .palette-btn.result-unanswered { background-color: var(--not-visited-color) !important; border-color: #ccc !important; color: var(--body-text-color) !important; }

/* --- Palette Legend --- */
.palette-legend{margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color-light)}
.palette-legend ul{list-style:none;padding:0;margin:0;display:flex;justify-content:space-around;font-size:.8em;flex-wrap:wrap;gap:10px}
.palette-legend li{display:flex;align-items:center;gap:6px}
.palette-legend .legend-color{width:12px;height:12px;border-radius:50%;display:inline-block}
.palette-legend .legend-color.answered{background-color:var(--answered-color)}
.palette-legend .legend-color.not-answered{background-color:var(--not-answered-color)}
.palette-legend .legend-color.not-visited{background-color:var(--not-visited-color); border: 2px solid #ccc;}
.palette-legend .legend-color.marked-for-review-indicator{background-color:transparent; border:none; width:auto; height:auto;}
.palette-legend .legend-color.marked-for-review-indicator::before{content:'★'; color:var(--danger-color); font-size:1.4em; line-height:1;}
.analysis-page-container .palette-legend .legend-color.not-answered { background-color: var(--not-visited-color); border: 2px solid #ccc; }
.review-star { position: absolute; top: -5px; right: -2px; font-size: 1.4em; line-height: 1; color: #ffc107; -webkit-text-stroke: 1px #8a6d00; text-stroke: 1px #8a6d00; }
#review-screen{text-align:left;max-width:900px;margin:0 auto;padding:30px;background:var(--card-color);border:1px solid var(--border-color-light);border-radius:12px}
.review-screen-header{display:flex;flex-direction:column;align-items:center}
.review-screen-header h2{text-align:center;font-size:2em;font-weight:700}
.review-screen-header p{text-align:center;color:var(--not-answered-color);margin-bottom:30px;max-width:500px}
.review-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}
.stat-item{display:flex;align-items:center;gap:15px;background:#f8f9fa;padding:20px;border-radius:8px;border-left:5px solid}
.stat-item.answered{border-color:var(--answered-color)}
.stat-item.marked-for-review{border-color:var(--review-color)}
.stat-item.not-answered{border-color:var(--not-answered-color)}
.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;flex-shrink:0}
.stat-item.answered .stat-icon{background:var(--answered-color)}
.stat-item.marked-for-review .stat-icon{background:var(--review-color)}
.stat-item.not-answered .stat-icon{background:var(--not-answered-color)}
.stat-content .stat-number{font-size:1.5em;font-weight:700;display:block}
.stat-content .stat-label{font-size:.9em;color:var(--not-answered-color)}
.review-screen-footer{margin-top:30px;display:flex;justify-content:center;gap:15px}
.result-summary-card{max-width:500px;width:100%;background:var(--card-color);border-radius:12px;padding:40px;text-align:center;box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}
.result-header h2{font-size:2.2em;margin-top:0}
.result-header p{color:var(--not-answered-color);margin-bottom:30px}
.result-score{margin-bottom:30px}
.score-value{font-size:3.5em;font-weight:700;line-height:1;color:var(--headline-color)}
.score-label{font-size:1em;color:var(--not-answered-color)}
.result-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light);padding:20px 0;margin-bottom:30px}
.stat-box .stat-label{display:block;font-size:.9em;color:var(--not-answered-color)}
.stat-box .stat-value{display:block;font-size:1.5em;font-weight:600}
.stat-value.green{color:var(--success-color)}
.stat-value.red{color:var(--danger-color)}
.result-footer .btn{display:inline-block;width:auto}
.analysis-page-container{padding:20px 0}
.analysis-page-container .test-layout{max-width:1300px;margin:0 auto}
.result-card{margin-bottom:0}
.result-explanation{margin-top:25px;padding:15px;background-color:#f8f9fa;border-left:4px solid var(--button-color);border-radius:4px}
.result-options .option-label.correct-answer{background-color:#d4edda;border-color:var(--success-color)!important;color:#0f5132}
.result-options .option-label.wrong-answer.user-selected{background-color:#f8d7da;border-color:var(--danger-color)!important;color:#842029}
.result-options .option-label.user-selected:not(.wrong-answer){border-color:var(--answered-color)!important}
#mockalay-modal-overlay{background:rgba(10,25,47,.6);display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}
#mockalay-modal{background:var(--card-color);display:none;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);width:90%;max-width:450px}
.modal-header{padding:15px 20px;border-bottom:1px solid var(--border-color-light)}
.modal-title{margin:0;font-size:1.25em;color:var(--headline-color)!important}
.modal-body{padding:20px;font-size:1em;line-height:1.6}
.modal-body p{margin:0;color:var(--body-text-color)}
.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;background-color:var(--bg-color);border-top:1px solid var(--border-color-light);border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.mock-test-mobile-header,.mobile-palette-drawer,.nav-overlay{display:none}
.start-page-wrapper{max-width:800px;margin:40px auto;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}
.start-page-header{text-align:center;margin-bottom:40px;border-bottom:1px solid var(--border-color-light);padding-bottom:20px}
.test-title,.review-screen-header h2,.result-header h2{font-size:2.2em;font-weight:700;color:#1E3A5F!important}
.test-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:40px;text-align:center}
.info-card{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid var(--border-color-light)}
.info-card .label{display:block;font-size:.9em;color:#6c757d;margin-bottom:8px;font-weight:500}
.info-card .value{font-size:1.6em;font-weight:700;color:var(--headline-color)}
.test-instructions{margin-bottom:120px}
.test-instructions h3{font-size:1.4em;color:var(--headline-color);border-bottom:2px solid var(--border-color-light);padding-bottom:10px;margin-bottom:20px}
.test-instructions ul{list-style-type:'✔';padding-left:20px;color:#333}
.test-instructions li{padding-left:15px;margin-bottom:12px;line-height:1.8}
.start-test-footer{position:fixed;left:0;bottom:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);padding:20px;text-align:center;box-shadow:0 -4px 15px rgba(0,0,0,.08);z-index:100}
#start-test-button{padding:15px 45px;font-size:1.2em;font-weight:700;border-radius:50px;box-shadow:0 4px 15px rgba(255,140,0,.3)}
.fullscreen-note{margin-top:15px;font-size:.9em;color:#6c757d}
.question-card.marked-card{background-color:#f5f3f9}
.question-card.marked-card::after{content:'★';position:absolute;top:15px;right:20px;font-size:1.8em;color:var(--review-color);opacity:.8}

/* --- কোড পরিবর্তন শুরু: Topic Performance Styling সরিয়ে দেওয়া হয়েছে --- */
/*
.topic-performance-summary { ... }
.topic-performance-summary h5 { ... }
.topic-performance-summary ul { ... }
.topic-performance-summary li { ... }
.topic-performance-summary .topic-perf-header { ... }
.topic-performance-summary .topic-name { ... }
.topic-performance-summary .topic-score { ... }
.topic-perf-bar-container { ... }
.topic-perf-bar { ... }
.drawer-summary { ... }
.drawer-summary h5 { ... }
.drawer-summary .topic-score { ... }
*/
/* --- কোড পরিবর্তন শেষ --- */

/* --- Time Analysis & Comparison Styling --- */
.question-analysis-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 5px; }
.question-analysis-header h4 { margin: 0; }
.time-analysis { font-size: 0.85em; color: var(--grey-text-color); background-color: #f8f9fa; padding: 3px 8px; border-radius: 4px; border: 1px solid #eee; }
.time-analysis .user-time { font-weight: 600; color: var(--primary-color); }
.time-analysis .avg-time { font-weight: 500; }

/* Remove comparison box styles that mimic question card */
.overall-comparison-box { /* No styles needed here as it's moved */ }

/* Comparison box styles for Result page */
.result-page-comparison {
    background-color: #f8f9fa;
    border: 1px solid var(--border-color-light);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px; /* Space before the analysis button */
}
.result-page-comparison h4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 1.3em;
    color: var(--headline-color);
}

.comparison-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: center; margin-bottom: 15px; }
.comparison-stats .stat-item .label { display: block; font-size: 0.9em; color: var(--grey-text-color); margin-bottom: 5px; }
.comparison-stats .stat-item .value { display: block; font-size: 1.4em; font-weight: 700; color: var(--headline-color); }
.comparison-note { font-size: 0.8em; color: var(--grey-text-color); text-align: center; margin-top: 10px; margin-bottom: 0;}


/* ============================================ */
/* শুধুমাত্র ডেস্কটপ ভিউ এর জন্য CSS            */
/* ============================================ */
@media (min-width: 992px) {

    .question-nav-col {
        display: flex;
        flex-direction: column;
        max-height: 90vh;
    }

    .question-nav-col .question-palette {
        grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));
        gap: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px 10px 5px 5px;
        margin-bottom: 15px;
        border-top: 1px solid var(--border-color-light);
        border-bottom: 1px solid var(--border-color-light);
        max-height: 300px; /* Limit palette height */
    }

    .question-palette .palette-btn {
        height: 38px;
        font-size: 0.9em;
        padding: 0;
    }

    .question-nav-col .question-palette::-webkit-scrollbar,
    .question-options::-webkit-scrollbar,
    /* --- কোড পরিবর্তন শুরু: Topic summary scrollbar সরিয়ে দেওয়া হয়েছে --- */
    /* .desktop-summary ul::-webkit-scrollbar */ {
        width: 6px;
    }
    .question-nav-col .question-palette::-webkit-scrollbar-track,
    .question-options::-webkit-scrollbar-track,
    /* .desktop-summary ul::-webkit-scrollbar-track */ {
        background: #f1f1f1;
    }
    .question-nav-col .question-palette::-webkit-scrollbar-thumb,
    .question-options::-webkit-scrollbar-thumb,
    /* .desktop-summary ul::-webkit-scrollbar-thumb */ {
        background: #ccc;
        border-radius: 6px;
    }
    .question-nav-col .question-palette::-webkit-scrollbar-thumb:hover,
    .question-options::-webkit-scrollbar-thumb:hover,
    /* .desktop-summary ul::-webkit-scrollbar-thumb:hover */ {
        background: #999;
    }
    /* --- কোড পরিবর্তন শেষ --- */


    .question-card {
        display: flex;
        flex-direction: column;
        max-height: 85vh;
        height: 85vh;
    }

    .question-header,
    .question-footer {
        flex-shrink: 0;
    }

    .question-options {
        flex-grow: 1;
        overflow-y: auto;
        margin: 15px 0;
        padding-right: 15px;
        padding-bottom: 15px;
        display: block;
    }

    /* --- কোড পরিবর্তন শুরু: Topic Performance Scroll সরিয়ে দেওয়া হয়েছে --- */
    /*
    .desktop-summary { ... }
    .desktop-summary ul { ... }
    */
    /* --- কোড পরিবর্তন শেষ --- */

}