/**
 * public/frontend.css
 *
 * Plain, readable styling for the course player. No build step, no
 * framework dependency - this loads directly on the front end of
 * letenaethiopia's WordPress site alongside whatever theme is active, so
 * everything here is scoped under .letena-lms-* to avoid colliding with
 * theme styles.
 */

.letena-lms-player {
    max-width: 760px;
    margin: 2em 0;
    font-size: 1rem;
    line-height: 1.6;
}

.letena-lms-login-notice {
    padding: 1.5em;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    text-align: center;
}

.letena-lms-complete-banner {
    padding: 0.9em 1.2em;
    background: #eafaf1;
    border: 1px solid #34a870;
    border-radius: 6px;
    color: #1f5c3e;
    font-weight: 600;
}

.letena-lms-module-list,
.letena-lms-lesson-list {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.letena-lms-module-list li,
.letena-lms-lesson-list li {
    padding: 0.85em 1em;
    margin-bottom: 0.6em;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75em;
}

.letena-lms-module-list li a,
.letena-lms-lesson-list li a {
    font-weight: 600;
    text-decoration: none;
}

.letena-lms-module-list li.is-complete,
.letena-lms-lesson-list li.is-complete {
    border-left: 4px solid #34a870;
}

.letena-lms-module-list li.is-locked {
    opacity: 0.6;
}

.letena-lms-module-list li.is-locked span {
    font-weight: 600;
    color: #50575e;
}

.letena-lms-status {
    font-size: 0.85em;
    color: #50575e;
    white-space: nowrap;
}

.letena-lms-block {
    padding: 1.2em;
    margin-bottom: 1.2em;
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 6px;
}

.letena-lms-block.is-complete {
    border-left: 4px solid #34a870;
}

.letena-lms-block h4 {
    margin-top: 0;
}

.letena-lms-video-wrap {
    position: relative;
    margin-bottom: 1em;
}

.letena-lms-video-wrap iframe,
.letena-lms-video-wrap video {
    max-width: 100%;
}

.letena-lms-video {
    width: 100%;
    display: block;
    background: #000;
    border-radius: 6px;
    -webkit-user-select: none;
    user-select: none;
}

.letena-lms-factsheet-body {
    margin-bottom: 1em;
}

.letena-lms-review-label {
    display: inline-block;
    padding: 0.2em 0.7em;
    margin-bottom: 0.8em;
    background: #fcf0cf;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    color: #7a5c00;
}

.letena-btn {
    display: inline-block;
    padding: 0.6em 1.3em;
    background: #2271b1;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.letena-btn:hover {
    background: #135e96;
    color: #fff;
}

.letena-btn:disabled {
    opacity: 0.6;
    cursor: default;
}

.letena-lms-done-label {
    color: #1f5c3e;
    font-weight: 600;
}

.letena-lms-question {
    margin-bottom: 1.1em;
    padding-bottom: 1.1em;
    border-bottom: 1px solid #f0f0f1;
}

.letena-lms-question:last-of-type {
    border-bottom: none;
}

.letena-lms-choice {
    display: block;
    margin: 0.3em 0;
    cursor: pointer;
}

.letena-lms-quiz-result {
    margin-top: 1em;
    padding: 0.9em 1.2em;
    border-radius: 6px;
    font-weight: 600;
}

.letena-lms-quiz-result.is-pass {
    background: #eafaf1;
    border: 1px solid #34a870;
    color: #1f5c3e;
}

.letena-lms-quiz-result.is-fail {
    background: #fcf0f1;
    border: 1px solid #d63638;
    color: #8a1f1f;
}