/**
 * Cyberdatalive LMS — LifterLMS CSS Overrides
 * Loaded only on LifterLMS pages.
 * @package cyberdatalive
 */

/* ── Checkout ─────────────────────────────────────────────── */
.llms-checkout-wrapper { max-width:720px; margin:0 auto; padding:40px 24px; }

#llms-product-options-wrapper {
    border:1px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    overflow:hidden;
    margin-bottom:24px;
}
.llms-plan {
    padding:18px 20px;
    border-bottom:1px solid var(--cdl-border);
    display:flex;
    align-items:center;
    gap:14px;
}
.llms-plan:last-child { border-bottom:none; }
.llms-plan-title  { font-weight:700; color:var(--cdl-navy); }
.llms-plan-price  { font-size:1.3rem; font-weight:900; color:var(--cdl-navy); margin-left:auto; }

#llms-payment-options {
    border:1px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    overflow:hidden;
    margin:20px 0;
}
.llms-payment-gateway {
    padding:16px 20px;
    border-bottom:1px solid var(--cdl-border);
    display:flex;
    align-items:center;
    gap:12px;
    cursor:pointer;
    transition:background .15s;
}
.llms-payment-gateway:last-child { border-bottom:none; }
.llms-payment-gateway:hover { background:var(--cdl-light); }
.llms-payment-gateway-title { font-weight:600; color:var(--cdl-navy); }

#llms-order-summary {
    background:var(--cdl-light);
    border:1px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    padding:22px;
    margin-bottom:24px;
}
.llms-order-summary-section-title {
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.7px;
    color:var(--cdl-text-light);
    margin-bottom:14px;
}
.llms-order-summary-row {
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    font-size:14px;
    border-bottom:1px solid var(--cdl-border);
}
.llms-order-summary-row:last-child {
    border-bottom:none;
    font-weight:700;
    font-size:16px;
}

/* ── Form fields ──────────────────────────────────────────── */
.llms-form-field { margin-bottom:18px; }

.llms-form-field label {
    display:block;
    font-size:12px;
    font-weight:600;
    color:var(--cdl-text-light);
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px;
}

.llms-form-field input[type="text"],
.llms-form-field input[type="email"],
.llms-form-field input[type="password"],
.llms-form-field input[type="tel"],
.llms-form-field select,
.llms-form-field textarea {
    width:100%;
    padding:11px 14px;
    border:1.5px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    font-size:15px;
    color:var(--cdl-text);
    background:#fff;
    font-family:inherit;
    outline:none;
    transition:border-color .2s, box-shadow .2s;
}
.llms-form-field input:focus,
.llms-form-field select:focus,
.llms-form-field textarea:focus {
    border-color:var(--cdl-blue);
    box-shadow:0 0 0 3px rgba(26,143,209,.12);
}

/* ── Notices ──────────────────────────────────────────────── */
.llms-notice,
ul.llms-notice {
    list-style:none;
    padding:14px 18px;
    border-radius:var(--cdl-radius);
    font-size:14px;
    margin:0 0 18px;
    border-left:4px solid;
}
.llms-notice.success,
.llms-notice-success {
    background:#eafaf1;
    color:#1e8449;
    border-left-color:var(--cdl-success);
}
.llms-notice.error,
.llms-notice-error {
    background:#fdecea;
    color:#c0392b;
    border-left-color:var(--cdl-danger);
}
.llms-notice.info,
.llms-notice-info {
    background:var(--cdl-blue-light);
    color:#01579b;
    border-left-color:var(--cdl-blue);
}
.llms-notice li { margin:0; padding:0; }

/* ── Progress bars ────────────────────────────────────────── */
.llms-progress,
.llms-progress-bar { margin:8px 0; }

.llms-progress .progress-bar-complete,
.llms-progress-bar__bar {
    background:var(--cdl-border);
    border-radius:4px;
    height:8px;
    overflow:hidden;
}
.llms-progress .progress-bar-complete span,
.llms-progress-bar__fill {
    display:block;
    background:var(--cdl-blue);
    height:100%;
    border-radius:4px;
    transition:width .5s ease;
}
.llms-progress .progress-bar-complete span { background:var(--cdl-blue) !important; }

/* ── Student dashboard tab nav ────────────────────────────── */
.llms-sd-navigation ul,
.llms-student-dashboard-navigation ul {
    list-style:none;
    padding:0;
    margin:0 0 28px;
    display:flex;
    border-bottom:2px solid var(--cdl-border);
    flex-wrap:wrap;
}
.llms-sd-navigation li a,
.llms-student-dashboard-navigation li a {
    display:block;
    padding:10px 20px;
    color:var(--cdl-text-light);
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    border-bottom:2px solid transparent;
    margin-bottom:-2px;
    transition:all .2s;
}
.llms-sd-navigation li a:hover,
.llms-sd-navigation li.is-active a,
.llms-student-dashboard-navigation li.is-active a {
    color:var(--cdl-blue);
    border-bottom-color:var(--cdl-blue);
}

/* ── Course unavailable message ───────────────────────────── */
.llms-course-unavailable-message {
    background:var(--cdl-light);
    border:1px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    padding:24px;
    text-align:center;
    margin:24px 0;
}

/* ── Certificate ──────────────────────────────────────────── */
.llms-certificate-container {
    max-width:700px;
    margin:40px auto;
    padding:48px;
    border:3px solid var(--cdl-gold);
    border-radius:12px;
    text-align:center;
    background:#fff;
}

/* ── Quiz ─────────────────────────────────────────────────── */
.llms-quiz-question {
    background:#fff;
    border:1px solid var(--cdl-border);
    border-radius:var(--cdl-radius);
    padding:24px;
    margin-bottom:20px;
}
.llms-quiz-question .question-title { font-weight:700; color:var(--cdl-navy); margin-bottom:14px; }

.llms-choice-wrapper {
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    border:1.5px solid var(--cdl-border);
    border-radius:8px;
    margin-bottom:8px;
    cursor:pointer;
    transition:all .15s;
}
.llms-choice-wrapper:hover { border-color:var(--cdl-blue); background:var(--cdl-blue-light); }
.llms-choice-wrapper input[type="radio"],
.llms-choice-wrapper input[type="checkbox"] { accent-color:var(--cdl-blue); width:16px; height:16px; }

/* ── Print (certificates) ─────────────────────────────────── */
@media print {
    .site-header,
    .site-footer,
    .cdl-lesson-sidebar,
    .cdl-purchase-card,
    .cdl-btn { display:none !important; }
}