/**
 * Membership Pages — Scoped Styles
 * Only affects: /account/ (logged-out), /courses/* (logged-out), /courses/*/lessons/*
 * Does NOT affect: homepage, about, contact, or any other pages
 */

/* ═══════════════════════════════════════════════
   LOGGED-OUT: Account Page Card
   Scoped to: body.user-loggedout on account page
   ═══════════════════════════════════════════════ */
body.user-loggedout.page .post_content > .mp_wrapper {
    max-width: 700px !important;
    margin: 50px auto 60px !important;
    text-align: center !important;
    background: rgba(255, 255, 255, 0.025) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 16px !important;
    padding: 40px 50px 36px !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mepr-login-form-wrap {
    max-width: 100% !important;
    margin: 0 !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: left !important;
    background: transparent !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 6px !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="text"],
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="password"] {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    margin-bottom: 14px !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="text"]:focus,
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="password"]:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 4px !important;
    transition: background 0.2s ease !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input[type="submit"]:hover {
    background: #00cccc !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form .mepr-login-actions {
    text-align: center !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form .mepr-login-actions a {
    color: #00FFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form .mepr-login-actions a:hover {
    color: #00cccc !important;
    text-decoration: underline !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form label[for="rememberme"],
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form .mp-form-row label {
    color: #aaaaaa !important;
    font-size: 13px !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form button.mp-hide-pw {
    background: transparent !important;
    border: none !important;
    color: #888888 !important;
    cursor: pointer !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form button.mp-hide-pw:hover {
    color: #00FFFF !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form .mp-spacer {
    height: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.user-loggedout.page .post_content > .mp_wrapper .mp_login_form input::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}
/* Remove inner nested card look */
body.user-loggedout.page .post_content > .mp_wrapper .mp_wrapper.mp_login_form {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
/* "See all membership plans" pill button */
body.user-loggedout.page .post_content > .mp_wrapper a.back-to-membership-page {
    display: inline-block !important;
    margin-top: 24px !important;
    padding: 12px 28px !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
body.user-loggedout.page .post_content > .mp_wrapper a.back-to-membership-page:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(0, 255, 255, 0.4) !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════
   LOGGED-OUT: Course Page Login Prompt
   Scoped to: body.single-mpcs-course
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-logged-out-prompt {
    max-width: 700px;
    margin: 50px auto 60px;
    text-align: center;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 16px;
    padding: 40px 50px 36px;
}
body.single-mpcs-course .mpcs-logged-out-prompt > p {
    color: rgba(255, 255, 255, 0.45);
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 28px;
    line-height: 1.5;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_wrapper.mp_login_form {
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: left;
    background: transparent !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 6px !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="text"],
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="password"] {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    margin-bottom: 14px !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="text"]:focus,
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="password"]:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 4px !important;
    transition: background 0.2s ease !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input[type="submit"]:hover {
    background: #00cccc !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form .mepr-login-actions {
    text-align: center !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form .mepr-login-actions a {
    color: #00FFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form label[for="rememberme"],
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form .mp-form-row label {
    color: #aaaaaa !important;
    font-size: 13px !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form button.mp-hide-pw {
    background: transparent !important;
    border: none !important;
    color: #888888 !important;
    cursor: pointer !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form .mp-spacer {
    height: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt .mp_login_form input::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
}
/* View Memberships pill button */
body.single-mpcs-course .mpcs-logged-out-prompt > a.back-to-membership-page {
    display: inline-block !important;
    margin-top: 24px !important;
    padding: 12px 28px !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
body.single-mpcs-course .mpcs-logged-out-prompt > a.back-to-membership-page:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(0, 255, 255, 0.4) !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════
   Unauthorized message — hide for logged-out users
   Scoped to: body.user-loggedout
   ═══════════════════════════════════════════════ */
body.user-loggedout .mepr-unauthorized-message {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════
   LOGGED-IN VIEWS: Course, Account, Lesson/Classroom
   ═══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   1. COURSE SINGLE PAGE
   ═══════════════════════════════════════════ */

/* Professional font across all MemberPress pages */
body.single-mpcs-course,
body.single-mpcs-course *:not(i):not(.fa):not(.fas):not(.far):not(.mpcs-circle-regular):not([class*="icon"]) {
    font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* ── Progress Bar — track line with sliding circle ── */
.circle-progress-container {
    display: block !important;
    position: relative !important;
    margin: 26px auto 10px !important;
    width: calc(100% - 60px) !important;
    height: 14px !important;
    overflow: visible !important;
}
/* Track line — full width background */
.circle-progress-container::before {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 3px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 3px !important;
    z-index: 0 !important;
}
/* Filled portion of track — uses JS-set width via --progress */
.circle-progress-container::after {
    content: '' !important;
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 3px !important;
    width: var(--progress-width, 0%) !important;
    background: linear-gradient(90deg, #00FFFF, #00cccc) !important;
    border-radius: 3px !important;
    z-index: 1 !important;
    transition: width 0.5s ease !important;
}

/* The circle indicator — positioned along the track via JS */
.mpcs-progress-indicator-circle {
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: max(6px, var(--progress-width, 0%)) !important;
    width: 12px !important;
    height: 12px !important;
    background: #00FFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.4) !important;
    cursor: pointer !important;
    z-index: 3 !important;
    transition: left 0.5s ease !important;
}

/* Percentage text — positioned to the right */
.circle-progress-container .progress-text {
    position: absolute !important;
    right: -40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    color: #00FFFF !important;
    font-weight: 600 !important;
    z-index: 2 !important;
    white-space: nowrap !important;
}

/* Progress percentage — disabled, shown via JS text element instead */
.mpcs-progress-indicator-circle::after {
    content: none !important;
    display: none !important;
}
.mpcs-progress-indicator-circle-DISABLED::after {
    content: attr(data-progress) !important;
    position: absolute !important;
    bottom: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.9) !important;
    border: 1px solid rgba(0, 255, 255, 0.25) !important;
    color: #00FFFF !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    pointer-events: none !important;
    z-index: 999 !important;
    line-height: 1.3 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Course listing page layout */
.single-mpcs-course .entry-title,
.single-mpcs-course h1 {
    margin-bottom: 20px !important;
}

/* ── Course description read more/less ── */
.course-description.expander {
    position: relative !important;
    overflow: hidden !important;
}
/* Read more / Read less toggle */
.moreless-toggle,
.mpcs-read-more-link,
.course-description + a,
a.mpcs-expander-toggle,
.read-more-link {
    color: rgba(0, 255, 255, 0.85) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    margin-top: 10px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    text-decoration: none !important;
    transition: color 0.3s ease, opacity 0.3s ease !important;
    opacity: 0.8 !important;
}
.moreless-toggle:hover,
.mpcs-read-more-link:hover,
a.mpcs-expander-toggle:hover,
.read-more-link:hover {
    color: #00FFFF !important;
    opacity: 1 !important;
}
.moreless-toggle.active {
    opacity: 0.6 !important;
}
/* No arrows on any toggle */
.moreless-toggle::after,
.mpcs-read-more-link::after,
a.mpcs-expander-toggle::after,
.read-more-link::after {
    content: none !important;
    display: none !important;
}

/* ── Course section/lesson list ── */
.mpcs-section {
    background: rgba(15, 16, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}
/* Section header toggle chevron */
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header::after,
.mpcs-section:not(.mpcs-resource-section) .section-label.mpcs-section-header::after {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid rgba(0, 255, 255, 0.5) !important;
    border-bottom: 2px solid rgba(0, 255, 255, 0.5) !important;
    border-left: none !important;
    border-top: none !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    position: static !important;
    background: none !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header:hover::after {
    border-color: #00FFFF !important;
}
/* Collapsed state — chevron points right */
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header.collapsed::after,
.mpcs-section:not(.mpcs-resource-section) .section-label.mpcs-section-header.collapsed::after {
    transform: rotate(-45deg) !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header {
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.mpcs-section-title:hover,
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header:hover {
    background: rgba(0, 255, 255, 0.03) !important;
}
.mpcs-lesson-list-item,
.mpcs-lesson-row {
    padding: 12px 20px 12px 35px !important;
    color: #bbbbbb !important;
    font-size: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
}
.mpcs-lesson-list-item:hover,
.mpcs-lesson-row:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    color: #ffffff !important;
    padding-left: 40px !important;
}
.mpcs-lesson-list-item a,
.mpcs-lesson-row a {
    color: inherit !important;
    text-decoration: none !important;
}
.mpcs-lesson-list-item .mpcs-lesson-progress,
.mpcs-lesson-row .mpcs-lesson-progress {
    margin-left: auto !important;
}

/* ── Progress bar ── */
.mpcs-progress-bar,
.mpcs-course-progress {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 20px !important;
    height: 6px !important;
    overflow: hidden !important;
    margin: 15px 0 !important;
}
.mpcs-progress-bar-fill,
.mpcs-course-progress .mpcs-progress {
    background: linear-gradient(90deg, #00FFFF, #00cccc) !important;
    border-radius: 20px !important;
    height: 100% !important;
    transition: width 0.5s ease !important;
}
/* Progress wrapper on course page */
.progress-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 10px 0 !important;
}
.progress-wrapper .progress-text,
.progress-wrapper span {
    font-size: 13px !important;
    color: #00FFFF !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
/* Circle progress — 0% state (dim) */
.mpcs-progress-indicator-circle[data-progress="0%"] {
    background: rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
}
/* Circle progress — 100% state (bright glow) */
.mpcs-progress-indicator-circle[data-progress="100%"] {
    background: #00FFFF !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.6) !important;
}

/* ── Buttons throughout LMS ── */
.mpcs-button,
.mpcs-btn,
button.mpcs-btn,
a.mpcs-btn,
.mpcs-course-header-button,
.mpcs-start-course-btn {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.mpcs-button:hover,
.mpcs-btn:hover,
button.mpcs-btn:hover,
a.mpcs-btn:hover {
    background: #00cccc !important;
    color: #000000 !important;
}

/* ── Certificate button — elegant outlined pill ── */
.mpcs-certificate-link,
a.mpcs-certificate-link,
a.mpcs-certificate-link.mpcs-btn,
.mpcs-certificate-btn,
a.mpcs-btn[href*="certificate"],
a[href*="certificate"],
.mpcs-course-action-buttons a[href*="certificate"],
.mpcs-course-action-buttons .mpcs-certificate-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #00FFFF !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    float: right !important;
    transition: all 0.25s ease !important;
    box-shadow: none !important;
    line-height: 1 !important;
}
.mpcs-certificate-link:hover,
a.mpcs-certificate-link:hover,
a[href*="certificate"]:hover,
a.mpcs-btn[href*="certificate"]:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    background-color: rgba(0, 255, 255, 0.08) !important;
    color: #00FFFF !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.1) !important;
}
/* Remove double pill — strip all styling from inner elements */
.mpcs-certificate-link *,
a.mpcs-certificate-link *,
.mpcs-certificate-btn *,
a[href*="certificate"] *,
a[href*="certificate"] span,
a[href*="certificate"] i {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    border-radius: 0 !important;
}
/* If the certificate link is inside a wrapper div/span that also gets styled */
.mpcs-course-action-buttons .mpcs-certificate-link a,
.mpcs-certificate-link a {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: inherit !important;
    border-radius: 0 !important;
    display: inline !important;
}

/* ── Course instructor profiles ── */
/* Instructor wrapper */
.instructor-full-wrapper,
.mpcs-instructor-wrapper,
.single-mpcs-course .instructor-full-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 20px 0 !important;
    padding: 20px !important;
    background: rgba(15, 16, 20, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
}
.instructor-wrapper,
.mpcs-instructor {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.instructor-wrapper img,
.mpcs-instructor img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid rgba(0, 255, 255, 0.15) !important;
}
.instructor-wrapper span,
.instructor-wrapper a,
.mpcs-instructor span,
.mpcs-instructor a {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
.instructor-wrapper a:hover,
.mpcs-instructor a:hover {
    color: #00FFFF !important;
}

/* ── Course thumbnail on course page ── */
.mpcs-thumbnail-wrapper {
    border-radius: 12px !important;
    overflow: visible !important;
    margin-bottom: 25px !important;
}
.mpcs-thumbnail-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Start/Bookmark button — clean single layer */
.mpcs-bookmark .mpcs-bookmark-link,
.mpcs-bookmark .mpcs-button {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
}
.mpcs-bookmark .mpcs-bookmark-link:hover,
.mpcs-bookmark .mpcs-button:hover {
    background: #00cccc !important;
}
.mpcs-bookmark-link-title.mpcs-start-course,
.mpcs-bookmark-link-title {
    color: #000000 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
/* Remove any inner span/element backgrounds causing double layer */
.mpcs-bookmark .mpcs-bookmark-link *,
.mpcs-bookmark .mpcs-button * {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── Course page title — refined, professional ── */
.single-mpcs-course .mpcs-thumbnail-wrapper h2,
.single-mpcs-course .mpcs-thumbnail-wrapper .title h2,
.single-mpcs-course h2 {
    font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    text-transform: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper h2 span,
.single-mpcs-course h2 span,
.single-mpcs-course .title h2 span {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper h4,
.single-mpcs-course h4 {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.6) !important;
    margin-bottom: 12px !important;
    background: none !important;
}

/* Section container — subtle teal glow on hover */
.mpcs-course-lists-wrapper .mpcs-section {
    background: rgba(15, 16, 20, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.mpcs-course-lists-wrapper .mpcs-section:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(0, 255, 255, 0.12) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.05), 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Section label / header */
.mpcs-section .section-label {
    padding: 18px 24px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    letter-spacing: 0.3px !important;
    display: flex !important;
    align-items: center !important;
}
.mpcs-section .section-label::before {
    content: '' !important;
    display: inline-block !important;
    width: 4px !important;
    height: 20px !important;
    background: #00FFFF !important;
    border-radius: 2px !important;
    margin-right: 14px !important;
    flex-shrink: 0 !important;
}

/* Module card (lesson row) */
.mpcs-section .lesson-module-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 14px 20px !important;
    color: #cccccc !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.025) !important;
    transition: background 0.25s ease !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.mpcs-section .lesson-module-card:last-child {
    border-bottom: none !important;
}
.mpcs-section .lesson-module-card:hover {
    background: rgba(0, 255, 255, 0.03) !important;
}
.mpcs-section .lesson-module-card:hover .module-title {
    color: #ffffff !important;
}

/* Module icon — checkmark */
.lesson-module-card .module-icon {
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}
.lesson-module-card .check-icon {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    background: none !important;
    box-shadow: none !important;
}
/* Incomplete — grey circle with no checkmark */
.lesson-module-card .check-icon::after {
    content: '' !important;
    display: none !important;
}
.lesson-module-card .check-icon.check-current {
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: none !important;
    box-shadow: none !important;
}
/* Complete — teal checkmark */
.lesson-module-card .check-icon.check-complete {
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: none !important;
    box-shadow: none !important;
}
.lesson-module-card .check-icon.check-complete::after {
    content: '✓' !important;
    display: block !important;
    color: #00FFFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
/* Hover */
.lesson-module-card:hover .check-icon {
    border-color: rgba(0, 255, 255, 0.3) !important;
}

/* Module title */
.lesson-module-card .module-title {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #cccccc !important;
    flex: 1 !important;
    transition: color 0.2s ease !important;
}
.lesson-module-card .module-subtitle {
    font-size: 13px !important;
    color: #666666 !important;
    margin-top: 3px !important;
}

/* Module start/view button — always right aligned */
.lesson-module-card .module-action.btn-start,
.lesson-module-card .module-action {
    background: rgba(0, 255, 255, 0.1) !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    padding: 6px 18px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
}
.lesson-module-card:hover .module-action.btn-start {
    background: #00FFFF !important;
    color: #000000 !important;
    border-color: #00FFFF !important;
}

/* View button (completed lessons) — subtle outline, not competing with Start */
.lesson-module-card .module-action.btn-view {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.lesson-module-card:hover .module-action.btn-view {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
    background: rgba(0, 255, 255, 0.05) !important;
}

/* Progress circle on section header */
.mpcs-section-header .circle-progress-container {
    margin: 15px 0 !important;
}
.mpcs-section-header .mpcs-progress-indicator-circle {
    background: rgba(0, 255, 255, 0.8) !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3) !important;
}

/* Course description area */
.single-mpcs-course .course-description {
    color: #bbbbbb !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 0 10px !important;
}

/* Course lists wrapper */
.mpcs-course-lists-wrapper .center-side {
    width: 100% !important;
    max-width: 100% !important;
}

/* Mobile modules */
@media (max-width: 767px) {
    .mpcs-section .lesson-module-card {
        padding: 12px 16px !important;
    }
    .mpcs-section .section-label {
        padding: 14px 16px !important;
        font-size: 15px !important;
    }
    .mpcs-bookmark .mpcs-bookmark-link {
        padding: 12px 30px !important;
        font-size: 14px !important;
    }
}

/* ── Course page: progress-wrapper white box fix ── */
.single-mpcs-course .progress-wrapper,
.single-mpcs-course .progress-wrapper .mp_wrapper,
.single-mpcs-course .mpcs-thumbnail-wrapper .wrapper,
.single-mpcs-course .mpcs-thumbnail-wrapper .full-wrapper,
.single-mpcs-course .mpcs-thumbnail-wrapper .center-side,
.single-mpcs-course .mpcs-thumbnail-wrapper .left-side,
.single-mpcs-course .mp_wrapper {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Course page: full width layout ── */
.single-mpcs-course .content_wrap_fullscreen {
    max-width: 100% !important;
    padding: 0 !important;
}
.single-mpcs-course .page_content_wrap {
    padding: 0 !important;
}
.single-mpcs-course .content_wrap,
.single-mpcs-course .post_content {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
/* Push content below the hero inward — thumbnail breaks out full-width */
.single-mpcs-course .content_wrap .content {
    padding: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}
.single-mpcs-course .mpcs-course-lists-wrapper,
.single-mpcs-course .mpcs-course-action-buttons {
    padding: 0 40px !important;
}

/* ── Course page: sections container ── */
.mpcs-course-lists-wrapper {
    max-width: 1100px !important;
    margin: 30px auto !important;
    padding: 0 30px !important;
}

/* ── All titles: force no background highlight globally ── */
.single-mpcs-course h1, .single-mpcs-course h2, .single-mpcs-course h3, .single-mpcs-course h4,
.mpcs-thumbnail-wrapper h1, .mpcs-thumbnail-wrapper h2, .mpcs-thumbnail-wrapper h3, .mpcs-thumbnail-wrapper h4,
.mpcs-course-card h3, .mpcs-course-card h2 {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.single-mpcs-course h1 span, .single-mpcs-course h2 span, .single-mpcs-course h3 span,
.mpcs-thumbnail-wrapper h1 span, .mpcs-thumbnail-wrapper h2 span, .mpcs-thumbnail-wrapper h3 span,
.mpcs-course-card h3 span {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── MemberPress section headers — clean ── */
.mpcs-section-header {
    padding: 16px 20px !important;
}
.mpcs-section-header .mpcs-section-title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* ── Lesson rows inside sections ── */
.mpcs-lesson {
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    transition: background 0.2s ease !important;
}
.mpcs-lesson:hover {
    background: rgba(0, 255, 255, 0.03) !important;
}
.mpcs-lesson:last-child {
    border-bottom: none !important;
}
.mpcs-lesson-row-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: #cccccc !important;
}
.mpcs-lesson-row-link:hover {
    color: #ffffff !important;
}
.mpcs-lesson-link {
    flex: 1 !important;
    font-size: 14px !important;
    color: inherit !important;
}

/* ── Lesson completion icons ── */
.mpcs-lesson-complete i,
.mpcs-ok-circled::before {
    color: #00FFFF !important;
}
.mpcs-lesson-not-complete i,
.mpcs-circle-regular::before {
    color: rgba(255, 255, 255, 0.2) !important;
}
.mpcs-lesson-locked i {
    color: rgba(255, 255, 255, 0.1) !important;
}

/* ── VIEW / START buttons inside lesson rows — small teal pill ── */
.mpcs-lesson-button .mpcs-button {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.2 !important;
}
.mpcs-lesson-button .mpcs-button.is-outline {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
}
.mpcs-lesson-button .mpcs-button.is-outline:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.mpcs-lesson-button .mpcs-button.is-purple {
    background: #00FFFF !important;
    color: #000000 !important;
}

/* ── Resources/Back to Course buttons on course page ── */
.mpcs-course-action-buttons {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin: 15px 0 !important;
}
.mpcs-course-action-buttons a,
.mpcs-course-action-buttons button {
    background: transparent !important;
    color: #cccccc !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50px !important;
    padding: 10px 24px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.mpcs-course-action-buttons a:hover,
.mpcs-course-action-buttons button:hover {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
}
.mpcs-course-action-buttons .resource-btn {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #cccccc !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.mpcs-course-action-buttons .resource-btn:hover {
    border-color: rgba(0, 255, 255, 0.2) !important;
    color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.04) !important;
}

/* ── FIX #3: Duplicate login form on course page — hide redundant second form ── */
.mpcs-course-lists-wrapper > .center-side > .mp_wrapper > .mepr-unauthorized-message,
.mpcs-course-lists-wrapper > .center-side > .mp_wrapper > .mepr-login-form-wrap {
    display: none !important;
}

/* ── FIX #4: Thumbnail wrapper inner elements transparent ── */
.mpcs-thumbnail-wrapper .wrapper,
.mpcs-thumbnail-wrapper .full-wrapper,
.mpcs-thumbnail-wrapper .center-side,
.mpcs-thumbnail-wrapper .left-side {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.mpcs-thumbnail-wrapper .left-side {
    display: none !important;
}

/* ── COURSE SINGLE PAGE: Thumbnail Hero Area ── */
.mpcs-thumbnail-wrapper {
    position: relative !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
}
.mpcs-thumbnail-wrapper .full-wrapper {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    background: linear-gradient(transparent 30%, rgba(0,0,0,0.7) 100%) !important;
    padding: 0 !important;
}
.mpcs-thumbnail-wrapper .center-side {
    padding: 40px !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}
.mpcs-thumbnail-wrapper .center-side .wrapper {
    background: rgba(0,0,0,0.3) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-radius: 16px !important;
    padding: 30px 35px !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}
.mpcs-thumbnail-wrapper h4 {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    margin-bottom: 10px !important;
    opacity: 0.8 !important;
}
.mpcs-thumbnail-wrapper .title h2 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.35 !important;
    margin-bottom: 15px !important;
    display: block !important;
}
.mpcs-thumbnail-wrapper .course-description {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

/* ── COURSE SINGLE: Login button in progress area — ensure black text ── */
.mpcs-thumbnail-wrapper .progress-wrapper input[type="submit"],
.mpcs-thumbnail-wrapper .progress-wrapper .button-primary,
.mpcs-thumbnail-wrapper .progress-wrapper .mepr-share-button {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
}

/* ── COURSE SINGLE: Progress wrapper area ── */
.mpcs-thumbnail-wrapper .progress-wrapper {
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    min-width: 0 !important;
}
.mpcs-thumbnail-wrapper .progress-wrapper > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.mpcs-thumbnail-wrapper .progress-wrapper .mp_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.mpcs-thumbnail-wrapper .progress-wrapper .mpcs-progress-bar,
.mpcs-thumbnail-wrapper .progress-wrapper .course-progress-bar-main {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
.mpcs-thumbnail-wrapper .progress-wrapper input[type="submit"],
.mpcs-thumbnail-wrapper .progress-wrapper .button-primary,
.mpcs-thumbnail-wrapper .progress-wrapper .mepr-share-button {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 12px 30px !important;
    vertical-align: middle !important;
}

/* ── COURSE SINGLE: Section cards ── */
.mpcs-course-lists-wrapper {
    max-width: 1000px !important;
    margin: 40px auto !important;
    padding: 0 30px !important;
}
.mpcs-course-lists-wrapper .mpcs-section {
    background: rgba(20, 20, 26, 0.6) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    transition: border-color 0.25s ease !important;
}
.mpcs-course-lists-wrapper .mpcs-section:hover {
    border-color: rgba(0, 255, 255, 0.1) !important;
}
/* Section header toggle chevron */
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header::after,
.mpcs-section:not(.mpcs-resource-section) .section-label.mpcs-section-header::after {
    content: "" !important;
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid rgba(0, 255, 255, 0.5) !important;
    border-bottom: 2px solid rgba(0, 255, 255, 0.5) !important;
    border-left: none !important;
    border-top: none !important;
    transform: rotate(45deg) !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
    position: static !important;
    background: none !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header:hover::after {
    border-color: #00FFFF !important;
}
/* Collapsed state — chevron points right */
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header.collapsed::after,
.mpcs-section:not(.mpcs-resource-section) .section-label.mpcs-section-header.collapsed::after {
    transform: rotate(-45deg) !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header {
    display: flex !important;
    align-items: center !important;
    padding: 18px 24px !important;
    cursor: pointer !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header .mpcs-section-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.mpcs-section:not(.mpcs-resource-section) .mpcs-section-header .mpcs-section-title-text {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #14f4ff 0%, #0ea5e9 60%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
}
.mpcs-section .mpcs-section-description {
    color: #888 !important;
    font-size: 13px !important;
    padding: 0 24px 12px !important;
}
/* Section description inline text */
.section-label .section-description-text {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 400 !important;
    color: #888888 !important;
    font-size: 13px !important;
}

/* ── COURSE SINGLE: Lesson rows ── */
.mpcs-lesson {
    padding: 14px 24px !important;
    border-top: 1px solid rgba(255,255,255,0.03) !important;
    display: flex !important;
    align-items: center !important;
    transition: background 0.2s ease !important;
}
.mpcs-lesson:hover {
    background: rgba(0, 255, 255, 0.02) !important;
}
.mpcs-lesson-row-link {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    text-decoration: none !important;
}
.mpcs-lesson-progress {
    flex-shrink: 0 !important;
}
.mpcs-lesson-complete i {
    color: #00FFFF !important;
    font-size: 18px !important;
}
.mpcs-lesson-not-complete i {
    color: rgba(255,255,255,0.15) !important;
    font-size: 18px !important;
}
.mpcs-lesson-locked i {
    color: rgba(255,255,255,0.08) !important;
}
.mpcs-lesson-link {
    flex: 1 !important;
    font-size: 14px !important;
    color: #cccccc !important;
    line-height: 1.4 !important;
}
.mpcs-lesson:hover .mpcs-lesson-link {
    color: #ffffff !important;
}
.mpcs-lesson-button .mpcs-button {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}
.mpcs-lesson-button .mpcs-button.is-outline {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0,255,255,0.25) !important;
}

/* ── GLOBAL LMS: Read more expander ── */
.course-description.expander .read-more-link,
.course-description.expander .read-less-link {
    color: #00FFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

/* ── GLOBAL LMS: Unauthorized message ── */
.mepr-unauthorized-message {
    background: rgba(255, 100, 100, 0.08) !important;
    border: 1px solid rgba(255, 100, 100, 0.15) !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin: 20px 0 !important;
    color: #ff9999 !important;
    font-size: 14px !important;
}

/* ── GLOBAL LMS: Course action buttons ── */
.mpcs-course-action-buttons a,
.mpcs-course-action-buttons button {
    background: transparent !important;
    color: #cccccc !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.mpcs-course-action-buttons {
    margin-bottom: 50px !important;
}
.mpcs-course-action-buttons a:hover {
    color: #00FFFF !important;
    border-color: rgba(0,255,255,0.25) !important;
}

/* ── Responsive: Course cards ── */
@media (max-width: 767px) {
    .mpcs-thumbnail-wrapper {
        margin: 10px 15px !important;
        min-height: 300px !important;
    }
    .mpcs-thumbnail-wrapper .center-side {
        padding: 20px !important;
    }
}

/* ── Hide empty left-side columns ── */
.mpcs-course-lists-wrapper > .left-side {
    display: none !important;
}
.mpcs-thumbnail-wrapper > .full-wrapper > .left-side {
    display: none !important;
}

/* Center-side takes full width */
.mpcs-course-lists-wrapper > .center-side {
    flex: 1 1 100% !important;
}
.mpcs-thumbnail-wrapper .full-wrapper > .center-side {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}
.mpcs-thumbnail-wrapper .full-wrapper {
    justify-content: center !important;
}

/* Course page: header & footer full width, no offset */
body.single-mpcs-course header,
body.single-mpcs-course .top_panel,
body.single-mpcs-course footer,
body.single-mpcs-course .footer_wrap {
    width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Course page: section lessons take full width */
.mpcs-course-lists-wrapper .mpcs-section .mpcs-lessons {
    width: 100% !important;
}
.mpcs-course-lists-wrapper .mpcs-section .mpcs-lesson {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Lesson module cards — full-width rows */
.mpcs-section .lesson-module-card {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── GLOWING CARD EFFECTS ── */
/* Module card glow base */
.module-card,
.lesson-module-card:not(.locked) {
    position: relative !important;
    --mouse-x: 50%;
    --mouse-y: 0%;
}

/* Glowing border overlay */
.module-card::after,
.lesson-module-card:not(.locked)::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.6), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 99 !important;
}
.module-card.is-hovered::after,
.lesson-module-card:not(.locked).is-hovered::after {
    opacity: 1 !important;
}

/* Soft inner glow */
.module-card::before,
.lesson-module-card:not(.locked)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.08), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 98 !important;
}
.module-card.is-hovered::before,
.lesson-module-card:not(.locked).is-hovered::before {
    opacity: 1 !important;
}

/* Progress indicator circle tooltip */
.mpcs-progress-indicator-circle:hover::after {
    content: attr(data-progress) !important;
    position: absolute !important;
    bottom: 22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #0f1014 !important;
    color: #ffffff !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    font-weight: 600 !important;
    pointer-events: none !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ── COURSE PAGE HERO CARD FIX ── */
/* Hero wrapper — full-bleed, card vertically centered */
.single-mpcs-course .mpcs-thumbnail-wrapper {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 140px 40px 80px !important;
    box-sizing: border-box !important;
}

/* Dark gradient overlay */
.single-mpcs-course .mpcs-thumbnail-wrapper::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.4) 0%,
        rgba(0, 0, 0, 0.65) 50%,
        rgba(15, 16, 20, 1) 100%
    ) !important;
    z-index: 1 !important;
}

/* Content container — centered, not absolute */
.single-mpcs-course .mpcs-thumbnail-wrapper .full-wrapper {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    inset: auto !important;
    background: none !important;
}

/* Glass card */
.single-mpcs-course .mpcs-thumbnail-wrapper .center-side {
    width: 100% !important;
    max-width: 850px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .center-side .wrapper {
    background: rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 20px !important;
    padding: 50px 55px 80px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4) !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .center-side .wrapper::before {
    display: none !important;
}

/* "Course" label */
.single-mpcs-course .mpcs-thumbnail-wrapper .wrapper > h4 {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    margin-bottom: 18px !important;
    z-index: 2 !important;
    position: relative !important;
    opacity: 0.8 !important;
}

/* Course title */
.single-mpcs-course .mpcs-thumbnail-wrapper .title {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 25px !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .title h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    display: block !important;
    background: none !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Instructor profiles in hero — compact avatars, name as hover tooltip */
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-full-wrapper {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper {
    position: relative !important;
    width: auto !important;
    z-index: 2 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid rgba(0, 255, 255, 0.25) !important;
    border-radius: 50% !important;
    padding: 3px !important;
    gap: 0 !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
    text-decoration: none !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a:hover {
    transform: scale(1.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
}
/* Name label — HIDDEN by default, tooltip on hover (below avatar) */
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a > span {
    position: absolute !important;
    bottom: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    padding: 5px 14px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease, visibility 0.15s ease !important;
    z-index: 20 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    display: block !important;
    width: max-content !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper {
    z-index: 10 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a:hover > span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Course description — allow read-more expansion */
.single-mpcs-course .mpcs-thumbnail-wrapper .course-description {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: 5px !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .course-description p {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    margin-bottom: 0 !important;
}
/* Read more / Read less toggle in hero */
.single-mpcs-course .mpcs-thumbnail-wrapper .moreless-toggle,
.single-mpcs-course .mpcs-thumbnail-wrapper .moreless-expand-content {
    display: inline-block !important;
    margin-top: 10px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .moreless-toggle span,
.single-mpcs-course .mpcs-thumbnail-wrapper .moreless-expand-content span {
    color: #00FFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .moreless-toggle.read-less-link span {
    color: #ed5f68 !important;
}

/* Progress / bookmark section — no white box */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section-header,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark .mpcs-section-header {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* Hide non-bookmark sections in progress area */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section:not(#bookmark) {
    display: none !important;
}

/* Start / Resume Course button */
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-start-course,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-resume-course,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-bookmark-link,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-button {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
    margin-left: 25px !important;
    flex-shrink: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-start-course:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-resume-course:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-bookmark-link:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-button:hover {
    background: #00cccc !important;
}
/* Remove inner span/element double-styling on buttons */
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-start-course *,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-resume-course *,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-bookmark-link *,
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-button * {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    line-height: inherit !important;
    display: inline !important;
    vertical-align: middle !important;
}

/* Progress bar in hero */
.single-mpcs-course .mpcs-thumbnail-wrapper .course-progress-bar-main {
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    border-radius: 50px !important;
    height: 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .course-progress-bar-main > span {
    background: #00FFFF !important;
    border-radius: 50px !important;
    box-shadow: none !important;
}

/* Instructor avatars in hero */
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-full-wrapper {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* Mobile hero */
@media (max-width: 767px) {
    .single-mpcs-course .mpcs-thumbnail-wrapper {
        min-height: 0 !important;
        padding: 100px 15px 50px !important;
    }
    .single-mpcs-course .mpcs-thumbnail-wrapper .center-side .wrapper {
        padding: 30px 22px !important;
    }
    .single-mpcs-course .mpcs-thumbnail-wrapper .title h2 {
        font-size: 20px !important;
    }
}

/* ── Transparent header on course pages ── */
body.single-mpcs-course .top_panel,
body.single-mpcs-course .header_wrap,
body.single-mpcs-course header,
body.single-mpcs-course .top_panel .sc_layouts_row,
body.single-mpcs-course .top_panel .sc_layouts_row_type_compact,
body.single-mpcs-course .top_panel .sc_layouts_row_type_normal,
body.single-mpcs-course .top_panel .elementor-section,
body.single-mpcs-course .top_panel .elementor-element,
body.single-mpcs-course .top_panel [class*="sc_layouts_row"],
body.single-mpcs-course .top_panel [style*="background"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
body.single-mpcs-course .top_panel,
body.single-mpcs-course header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
}
/* Remove any header spacer/margin that pushes content down */
body.single-mpcs-course .page_content_wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.single-mpcs-course .page_wrap {
    padding-top: 0 !important;
}

/* ── Progress bar in hero — visible and styled ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 25px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: transparent !important;
}
/* The progress bar container from MemberPress */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mp_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}
.mpcs-thumbnail-wrapper .progress-wrapper .mpcs-progress-bar,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #course-progress {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 10px !important;
}
/* Progress bar track */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .course-progress-bar-main {
    width: 100% !important;
    height: 6px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 1 !important;
}
/* Progress bar fill */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .course-progress-bar-main > span {
    background: #00FFFF !important;
    border-radius: 50px !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.3) !important;
    height: 100% !important;
    display: block !important;
}
/* Progress text label */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-progress-bar-title {
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}
/* All section containers in progress area — transparent */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section-header,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark .mpcs-section-header {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
/* Hide non-bookmark sections */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-section:not(#bookmark) {
    display: none !important;
}
/* Start/Resume/In-Progress button */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-start-course,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-resume-course,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-bookmark-link,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-button,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper a[class*="is-"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
    margin-left: 25px !important;
    flex-shrink: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-start-course:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-resume-course:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-bookmark-link:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-button:hover,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper a[class*="is-"]:hover {
    background: #00cccc !important;
}
/* Remove double-layer from inner button spans */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-button *,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-bookmark-link *,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper a[class*="is-"] * {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    border-radius: 0 !important;
    line-height: 1 !important;
    display: inline !important;
    vertical-align: middle !important;
}
/* Bookmark link text */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark_link {
    margin-left: 15px !important;
}

/* ── Read More / Read Less toggle — proper styling ── */
.moreless-toggle,
.moreless-toggle.read-more-link,
.moreless-expand-content.read-more-link {
    color: #ffffff !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.moreless-toggle.read-more-link span,
.moreless-toggle span,
.moreless-expand-content.read-more-link span {
    color: #00FFFF !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.moreless-toggle.read-less-link,
.moreless-collapse-content.read-less-link {
    color: #ffffff !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.moreless-toggle.read-less-link span,
.moreless-collapse-content.read-less-link span {
    color: #ed5f68 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: block !important;
}
/* Wrapper — allow expansion */
.moreless-wrapper {
    overflow: hidden !important;
    transition: height 0.4s ease !important;
}
/* Course description in hero — managed by JS expander */
.single-mpcs-course .mpcs-thumbnail-wrapper .course-description {
    position: relative !important;
    z-index: 2 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .course-description p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 0 !important;
}

/* ── Read More toggle — placed AFTER the <p> ── */
.course-description.expander + .moreless-toggle,
.moreless-toggle {
    display: inline-block !important;
    margin-top: 12px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #00FFFF !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    transition: color 0.2s ease !important;
}
.moreless-toggle:hover {
    color: #00cccc !important;
}
.moreless-toggle.read-less-link {
    color: #ed5f68 !important;
}
.moreless-toggle.read-less-link:hover {
    color: #cc4f58 !important;
}
.moreless-toggle,
.moreless-toggle:focus,
.moreless-toggle:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* ── Course hero: Instructor avatar — visible, proper size ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a img {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a {
    border: 2px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    padding: 3px !important;
    display: inline-flex !important;
    transition: all 0.2s ease !important;
}

/* ── Course hero: Progress bar — more visible ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .course-progress-bar-main {
    height: 8px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 50px !important;
    border: none !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .course-progress-bar-main > span {
    background: linear-gradient(90deg, #00FFFF, #00cccc) !important;
    border-radius: 50px !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3) !important;
    height: 100% !important;
    display: block !important;
}

/* Remove corner curve / border-radius on hero sections */
.mpcs-thumbnail-wrapper {
    border-radius: 0 !important;
    margin: 0 !important;
}

/* When on resources tab, hide login/unauthorized from hero (keep progress visible) */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mepr-login-form-wrap,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mepr-unauthorized-message,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .back-to-membership-page {
    display: none !important;
}

/* Resources download/link buttons — black text on teal pill */
.mpcs-resources .mpcs-button,
.mpcs-resources a.mpcs-button,
.mpcs-resource-links a,
.mpcs-resource-downloads a,
.mpcs-resources-table a.button,
.mpcs-resources .button-primary,
table.mpcs-resources-table a {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* ALL teal mpcs-button pills — force black text */
button.mpcs-button,
.mpcs-button:not(.is-outline):not(.is-purple),
a.mpcs-button:not(.is-outline) {
    color: #000000 !important;
}

/* Resource button text — force visible black on teal */
.mpcs-lesson-button .mpcs-button,
.mpcs-lesson-button .mpcs-button .btn,
.mpcs-lesson-button .mpcs-button span,
.mpcs-resource-section .mpcs-button,
.mpcs-resource-section .mpcs-button .btn,
.mpcs-resource-section .mpcs-button span {
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Progress percentage text — inline, not clipped */
.progress-percent-text {
    position: absolute !important;
    right: 0 !important;
    top: -22px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #00FFFF !important;
    letter-spacing: 0.5px !important;
}

/* Resources page — remove teal hover on section headers and rows */
.mpcs-resource-section .mpcs-section-header,
.mpcs-resource-section .mpcs-section-header:hover,
.mpcs-resource-section .mpcs-section-header:focus,
.mpcs-resource-section .mpcs-lesson:hover,
.mpcs-resource-section .mpcs-lesson-row-link:hover,
.mpcs-resource-section .mpcs-lesson a:hover {
    background: transparent !important;
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
.mpcs-resource-section .mpcs-section-header {
    cursor: default !important;
    display: block !important;
    position: relative !important;
}
.mpcs-resource-section .mpcs-section-header::after,
.mpcs-resource-section .mpcs-section-header::before {
    display: none !important;
    content: none !important;
}
.mpcs-resource-section .section-label.mpcs-section-header::before {
    display: none !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    display: block !important;
}

/* Resources — remove dark box on hover for section headers */
.mpcs-resource-section .mpcs-section-header,
.mpcs-resource-section .mpcs-section-header:hover,
.mpcs-resource-section .mpcs-section-header:focus,
.mpcs-resource-section .mpcs-section-header:active,
.mpcs-resource-section button.mpcs-section-header,
.mpcs-resource-section button.mpcs-section-header:hover {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    background: none !important;
    box-shadow: none !important;
}


/* ═══════════════════════════════════════════
   2. ACCOUNT PAGE
   ═══════════════════════════════════════════ */

/* Professional font */
body.page-id-28206,
body.page-id-28206 *:not(i):not(.fa):not(.fas):not(.far):not([class*="icon"]) {
    font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Force uniform dark background on account page */
body.page-id-28206,
body.page-id-28206 .body_wrap,
body.page-id-28206 .page_wrap,
body.page-id-28206 .page_content_wrap,
body.page-id-28206 .page_content_wrap .content_wrap,
body.page-id-28206 .page_content_wrap .content,
body.page-id-28206 .page_content_wrap .post_content,
body.page-id-28206 .page_content_wrap .entry-content,
body.page-id-28206 .mepr-account-container,
body.page-id-28206 .mepr-courses-wrapper,
body.page-id-28206 .mp_wrapper,
body.page-id-28206 .mpcs-course-list-grid,
body.page-id-28206 .alter_bg {
    background-color: #0C0B0B !important;
    background: #0C0B0B !important;
}

/* ── MemberPress Account pages ── */
.mp_wrapper {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 30px 40px 60px !important;
    box-sizing: border-box !important;
}
/* Account page content — page_wrap padding handles sidebar offset */
body.page-template-default .mepr-account-container,
body.page .mp_wrapper {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 30px 40px 60px !important;
}
/* If no MemberPress sidebar visible, center content */
body:not(.mepr-account-is-active) .mepr-account-container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1100px !important;
    width: 100% !important;
}
/* Account nav sidebar — keep but style properly */
.mepr-account-container .mepr-account-nav {
    background: rgba(15, 16, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 15px 0 !important;
}
.mepr-account-container .mepr-account-nav a {
    color: #cccccc !important;
    padding: 10px 20px !important;
}
.mepr-account-container .mepr-account-nav a:hover,
.mepr-account-container .mepr-account-nav .mepr-active-nav-tab a {
    color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.05) !important;
}

/* ── Mobile account page ── */
@media (max-width: 767px) {
    .mepr-account-container {
        padding: 0 15px !important;
        margin: 20px auto !important;
    }
    .mepr-account-container .mepr-account-content {
        padding: 20px 0 0 0 !important;
    }
    .mepr-account-container table {
        font-size: 12px !important;
        display: block !important;
        overflow-x: auto !important;
    }
}

/* ── Account / Courses page — subtle card hover ── */
.mpcs-course-card,
.mepr-course-card,
.mpcs-course-listing .mpcs-course-item,
.mpcs-courses-list .mpcs-course,
.mepr-account-content .mpcs-course-card,
.mpcs-grid-item {
    background: rgba(15, 16, 20, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}
.mpcs-course-card:hover,
.mepr-course-card:hover,
.mpcs-course-listing .mpcs-course-item:hover,
.mpcs-courses-list .mpcs-course:hover,
.mepr-account-content .mpcs-course-card:hover,
.mpcs-grid-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.06), 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(0, 255, 255, 0.12) !important;
}
/* ── Unified button system — ALL status buttons: solid teal, black text ── */
.mpcs-course-card .mpcs-button,
.mpcs-course-card .mpcs-course-status,
.mepr-course-card .mpcs-button,
.course-grid .module-action,
.course-grid a.module-action,
.mpcs-start-course,
a.mpcs-start-course,
.module-card .module-action,
.module-card a.module-action,
.in-progress,
.module-card .in-progress,
.module-card a.in-progress,
.mpcs-course-status-completed,
.mpcs-course-card .mpcs-completed,
.course-grid .completed,
.module-card .completed {
    border-radius: 50px !important;
    padding: 8px 22px !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    background: #00FFFF !important;
    color: #000000 !important;
    border: 1px solid #00FFFF !important;
    line-height: 1.2 !important;
}

/* All status buttons hover — slightly darker teal */
.course-grid .module-action:hover,
.module-card .module-action:hover,
.mpcs-start-course:hover,
a.mpcs-start-course:hover,
.in-progress:hover,
.module-card .in-progress:hover,
.mpcs-course-status-completed:hover,
.course-grid .completed:hover,
.module-card .completed:hover {
    background: #00cccc !important;
    border-color: #00cccc !important;
    color: #000000 !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.15) !important;
}
/* Card description text */
.mpcs-course-card .mpcs-course-description,
.mpcs-course-card p,
.mepr-course-card p,
.course-grid .course-description {
    color: #999999 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin: 8px 0 !important;
}
/* Card image */
.mpcs-course-card img,
.mepr-course-card img,
.mpcs-grid-item img,
.course-grid .module-card img {
    border-radius: 10px 10px 0 0 !important;
    transition: transform 0.4s ease, filter 0.4s ease !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}
.mpcs-course-card:hover img,
.mepr-course-card:hover img,
.course-grid .module-card:hover img {
    transform: none !important;
    filter: brightness(1.1) !important;
}

/* ── Course grid cards (account courses page) ── */
.course-grid.module-card,
.mpcs-course-list-grid .module-card,
.mepr-courses-wrapper .module-card {
    background: rgba(12, 12, 16, 0.8) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.course-grid.module-card:hover,
.mpcs-course-list-grid .module-card:hover,
.mepr-courses-wrapper .module-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(0, 255, 255, 0.1) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.05), 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
/* Card title — clean white, no background box */
.course-grid .course-title,
.course-grid h3,
.mpcs-course-list-grid h3,
.module-card .course-title,
.mpcs-course-card h3,
.mpcs-course-card .course-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 14px 16px 6px !important;
    line-height: 1.35 !important;
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: block !important;
    text-shadow: none !important;
}
/* Card content padding */
.course-grid .course-description,
.module-card .course-description {
    padding: 0 16px !important;
    margin: 4px 0 12px !important;
}
/* Status badge position */
.course-grid .module-action,
.module-card .module-action {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 2 !important;
}
.course-grid.module-card,
.module-card {
    position: relative !important;
}
/* Progress at bottom of card */
.course-grid .circle-progress-container,
.module-card .circle-progress-container {
    margin: auto 16px 14px !important;
    padding: 0 !important;
    height: 14px !important;
}
.course-grid .progress-details,
.module-card .progress-details {
    display: none !important;
}

/* Course grid layout — 3 per row */
.mpcs-course-list-grid,
.course-lists-all-in-account {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    padding: 20px 0 !important;
}
@media (max-width: 1024px) {
    .mpcs-course-list-grid,
    .course-lists-all-in-account {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 767px) {
    .mpcs-course-list-grid,
    .course-lists-all-in-account {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* ── Account page: proper spacing and dark theme ── */
.mepr-account-container {
    padding: 30px 40px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.mepr-account-container .mepr-account-content {
    padding-top: 20px !important;
}

/* ── Account courses page: card layout ── */
.mepr-account-content .mpcs-course-card,
.mepr-account-content .module-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.mepr-account-content .mpcs-course-card .course-description,
.mepr-account-content .module-card .course-description {
    flex: 1 !important;
    padding: 0 16px !important;
    margin: 4px 0 12px !important;
    color: #999 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* ── Account nav tabs ── */
.mepr-account-container .mepr-account-nav-link,
.mepr-account-container .mepr-nav-item a {
    color: #cccccc !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.mepr-account-container .mepr-account-nav-link:hover,
.mepr-account-container .mepr-nav-item a:hover,
.mepr-account-container .mepr-account-nav-link.mepr-active {
    color: #00FFFF !important;
}

/* Title: no background highlight */
.mepr-account-container h2, .mepr-account-container h3 {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* ── Payments page: clean table (CONSOLIDATED) ── */
.mepr-account-container table,
.mp_wrapper table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: transparent !important;
    table-layout: fixed !important;
}
.mepr-account-container table th {
    color: #ffffff !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: left !important;
    background: transparent !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}
.mepr-account-container table td {
    padding: 12px 10px !important;
    color: #cccccc !important;
    font-size: 13px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    background: transparent !important;
}
.mepr-account-container table tr:hover td {
    background: rgba(0, 255, 255, 0.02) !important;
}
/* Invoice column — truncate long strings */
.mepr-account-container table td:nth-child(6),
.mp_wrapper table td:nth-child(6) {
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    font-family: monospace !important;
    color: #666666 !important;
}
/* Download column */
.mepr-account-container table th:last-child,
.mepr-account-container table td:last-child {
    width: 80px !important;
    text-align: center !important;
}

/* ── ACCOUNT PAGE: Save Profile + all MemberPress submit buttons — teal ── */
.mepr-account-container input[type="submit"],
.mepr-account-container .mepr-submit,
.mepr-account-container button[type="submit"],
.mepr_update_account_table input[type="submit"],
#mepr-account-form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}
.mepr-account-container input[type="submit"]:hover {
    background: #00cccc !important;
}

/* ── ACCOUNT PAGE: Form inputs — dark theme ── */
.mepr-account-container input[type="text"],
.mepr-account-container input[type="email"],
.mepr-account-container input[type="password"],
.mepr-account-container input[type="tel"],
.mepr-account-container input[type="number"],
.mepr-account-container input[type="url"],
.mepr-account-container select,
.mepr-account-container textarea,
#mepr-account-form input[type="text"],
#mepr-account-form input[type="email"],
#mepr-account-form input[type="password"],
.mepr-form input[type="text"],
.mepr-form input[type="email"],
.mepr-form input[type="password"],
.mepr-form input[type="tel"],
.mepr-form select,
.mepr-form textarea,
.mp_wrapper input[type="text"],
.mp_wrapper input[type="email"],
.mp_wrapper input[type="password"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e0e0e0 !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-family: inherit !important;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
    -webkit-appearance: none !important;
}
.mepr-account-container input:focus,
.mepr-account-container select:focus,
.mepr-account-container textarea:focus,
#mepr-account-form input:focus,
.mepr-form input:focus,
.mepr-form select:focus,
.mp_wrapper input:focus {
    border-color: rgba(0, 255, 255, 0.4) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.06) !important;
    outline: none !important;
}
.mepr-account-container label,
#mepr-account-form label,
.mepr-form label,
.mp_wrapper label,
.mp-form-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}
/* Change Password link */
.mepr-account-container a[href*="password"],
.mepr-account-container a[href*="action=changepassword"],
#mepr-account-form a {
    color: rgba(0, 255, 255, 0.6) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}
.mepr-account-container a[href*="password"]:hover,
#mepr-account-form a:hover {
    color: #00FFFF !important;
}

/* ── ACCOUNT PAGE: Subscription table actions ── */
.mepr-account-container .mepr-account-actions a,
#mepr-account-subscriptions-table .mepr-account-actions a {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
.mepr-account-container .mepr-account-actions a:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* ── Payments table — subtle header, not solid teal ── */
.mepr-account-container table th,
#mepr-account-payments-table th {
    background: rgba(0, 255, 255, 0.08) !important;
    color: #00FFFF !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 14px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.15) !important;
}
.mepr-account-container table td {
    padding: 14px !important;
    color: #cccccc !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    background: transparent !important;
}
.mepr-account-container table a {
    color: #00FFFF !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* ── Payments/Subscriptions table — polished dark design ── */
#mepr-account-payments-table,
#mepr-account-subscriptions-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: rgba(15, 16, 20, 0.5) !important;
    table-layout: auto !important;
}
#mepr-account-payments-table th,
#mepr-account-subscriptions-table th {
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(0, 255, 255, 0.7) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    padding: 14px 16px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.1) !important;
    white-space: nowrap !important;
}
#mepr-account-payments-table td,
#mepr-account-subscriptions-table td {
    padding: 14px 16px !important;
    color: #cccccc !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    background: transparent !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}
#mepr-account-payments-table tr:last-child td,
#mepr-account-subscriptions-table tr:last-child td {
    border-bottom: none !important;
}
#mepr-account-payments-table tr:hover td,
#mepr-account-subscriptions-table tr:hover td {
    background: rgba(0, 255, 255, 0.02) !important;
}
/* Invoice/Transaction ID — subtle monospace */
#mepr-account-payments-table td:nth-child(6),
#mepr-account-payments-table .mepr-account-subscr-id,
#mepr-account-payments-table .mepr-account-terms {
    font-family: "DM Mono", "SF Mono", monospace !important;
    font-size: 11px !important;
    color: #888888 !important;
    letter-spacing: 0.3px !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/* Status badges */
#mepr-account-payments-table td[data-label="Status"],
#mepr-account-subscriptions-table td[data-label="Status"] {
    font-weight: 600 !important;
}
/* Download / PDF link — styled as pill button */
#mepr-account-payments-table td a[href*="pdf"],
#mepr-account-payments-table td a[href*="download"],
#mepr-account-payments-table td a[href*="invoice"],
#mepr-account-payments-table td a[href*="receipt"],
.mepr-account-table td a[href*="pdf"],
.mepr-account-table td a[download],
.mepr-account-table td a[target="_blank"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(0, 255, 255, 0.08) !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 50px !important;
    padding: 6px 16px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}
#mepr-account-payments-table td a[href*="pdf"]:hover,
#mepr-account-payments-table td a[href*="download"]:hover,
#mepr-account-payments-table td a[href*="invoice"]:hover,
#mepr-account-payments-table td a[href*="receipt"]:hover,
.mepr-account-table td a[href*="pdf"]:hover,
.mepr-account-table td a[download]:hover,
.mepr-account-table td a[target="_blank"]:hover {
    background: #00FFFF !important;
    color: #000000 !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
/* "DOWNLOAD" header — match other headers */
#mepr-account-payments-table th:last-child,
#mepr-account-subscriptions-table th:last-child {
    text-align: center !important;
}
#mepr-account-payments-table td:last-child,
#mepr-account-subscriptions-table td:last-child {
    text-align: center !important;
}
/* Alternate row subtle stripe */
#mepr-account-payments-table .mepr-alt-row td {
    background: rgba(255, 255, 255, 0.01) !important;
}
/* Responsive: horizontal scroll on small screens */
@media (max-width: 767px) {
    #mepr-account-payments-table,
    #mepr-account-subscriptions-table {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 10px !important;
    }
}
/* Paging links */
#mepr-payments-paging,
#mepr-subscriptions-paging {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 0 !important;
    margin-top: 10px !important;
}
#mepr-payments-paging a,
#mepr-subscriptions-paging a,
.mepr-paging-next {
    color: #00FFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: opacity 0.2s ease !important;
}
.mepr-paging-next {
    margin-left: auto !important;
}
#mepr-payments-paging a:hover,
#mepr-subscriptions-paging a:hover {
    opacity: 0.7 !important;
}

/* MemberPress error/notice banners */
.mepr_error,
.mepr-error,
.mepr_notice,
.mp-error,
p.mepr_error {
    background: rgba(255, 80, 80, 0.1) !important;
    border: 1px solid rgba(255, 80, 80, 0.2) !important;
    border-radius: 10px !important;
    color: #ff8888 !important;
    padding: 16px 20px !important;
    margin: 15px 0 !important;
}
.mepr_error a {
    color: #00FFFF !important;
}

/* ── ACCOUNT PAGE: Welcome heading — remove yellow accent ── */
.mepr-account-container h2,
.mepr-account-container h3,
.mepr-account-container .mepr_header,
.mepr-account-container .mepr-account-title,
.page-id-28206 h2,
.page-id-28206 .content h2 {
    border: none !important;
    border-left: none !important;
    border-bottom: none !important;
    border-color: transparent !important;
    background: none !important;
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ── V18: AGGRESSIVE title highlight removal — cards ── */
.course-grid .title,
.course-grid .title a,
.course-grid h3,
.course-grid h3 a,
.module-card .title,
.module-card .title a,
.module-card h3,
.module-card h3 a,
.mpcs-course-card .title,
.mpcs-course-card .title a,
.mpcs-course-card h3 a,
.mpcs-course-list-grid .title,
.mpcs-course-list-grid .title a,
.mpcs-course-list-grid h3 a {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
    color: #ffffff !important;
    display: block !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

/* ── V23: Progress dot on cards ── */
.course-grid .circle-progress-container,
.module-card .circle-progress-container {
    position: relative !important;
    display: block !important;
    height: 14px !important;
    margin: auto 16px 14px !important;
}
.course-grid .mpcs-progress-indicator-circle,
.module-card .mpcs-progress-indicator-circle {
    background: #00FFFF !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.4) !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
}

/* ── ACCOUNT PAGE: Course cards (logged in view) ── */
.mpcs-course-list-grid .course-grid {
    border-radius: 14px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    position: relative !important;
}
.mpcs-course-list-grid .course-grid:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
}
.mpcs-course-list-grid .course-grid .thumbnail {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}
.mpcs-course-list-grid .course-grid .thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}
.mpcs-course-list-grid .course-grid:hover .thumbnail {
    transform: scale(1.05) !important;
}
.mpcs-course-list-grid .course-grid:hover .thumbnail img {
    transform: none !important;
}
/* Card wrapper overlay */
.mpcs-course-list-grid .course-grid .wrapper {
    background: rgba(0,0,0,0.25) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-radius: 14px !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(255,255,255,0.04) !important;
}
.mpcs-course-list-grid .course-grid .title a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    display: block !important;
}
.mpcs-course-list-grid .course-grid .course-description p {
    font-size: 13px !important;
    color: rgba(255,255,255,0.6) !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
/* Status badges */
.mpcs-course-list-grid .progress-details {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 5 !important;
}
.mpcs-course-list-grid .start-now,
.mpcs-course-list-grid .in-progress,
.mpcs-course-list-grid .completed {
    background: #00FFFF !important;
    color: #000000 !important;
    padding: 6px 16px !important;
    border-radius: 50px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
}

/* ── Responsive: Course cards ── */
@media (max-width: 1024px) {
    .mpcs-course-list-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 767px) {
    .mpcs-course-list-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ── FIX #2: PROFILES / ACCOUNT PAGE ── */
/* Header & footer: zero individual padding (page_wrap handles it) */
body.page-id-28206 header,
body.page-id-28206 .top_panel {
    padding-left: 0 !important;
}
body.page-id-28206 footer,
body.page-id-28206 .footer_wrap {
    padding-left: 0 !important;
}
body.page-id-28206.pannel-sidebar-deactive header,
body.page-id-28206.pannel-sidebar-deactive .top_panel,
body.page-id-28206.pannel-sidebar-deactive footer,
body.page-id-28206.pannel-sidebar-deactive .footer_wrap {
    padding-left: 0 !important;
}

/* mp_wrapper: remove margin-left from body.page rule */
body.page-id-28206 .mp_wrapper,
body.page-id-28206 .mepr-account-container {
    margin-left: 0 !important;
    width: 100% !important;
}

/* Content next to sidebar: minimal gap only */
body.page-id-28206 .mpr-account-sidebar + .mp_wrapper,
body.page-id-28206 .mpr-account-sidebar + .mp-wrapper.mp-no-subs,
body.page-id-28206 .mpr-account-sidebar + .mepr-directories-wrapper,
body.page-id-28206 .mpr-account-sidebar + .mepr-no-active-subscriptions,
body.page-id-28206 .mpr-account-sidebar + .mepr-courses-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive + .mp_wrapper,
body.page-id-28206 .mpr-account-sidebar.deactive + .mp-wrapper.mp-no-subs,
body.page-id-28206 .mpr-account-sidebar.deactive + .mepr-directories-wrapper,
body.page-id-28206 .mpr-account-sidebar.deactive + .mepr-no-active-subscriptions,
body.page-id-28206 .mpr-account-sidebar.deactive + .mepr-courses-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Profile form layout */
body.page-id-28206 #mepr_account_form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    max-width: 100% !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row {
    flex: 0 0 calc(50% - 15px) !important;
    box-sizing: border-box !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email {
    flex: 0 0 calc(33.33% - 15px) !important;
}
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100% !important;
}
@media (max-width: 767px) {
    body.page-id-28206 #mepr_account_form .mp-form-row,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email {
        flex: 0 0 100% !important;
    }
}

/* ── FIX #5: ACCOUNT PAGE SIDEBAR ── */
/* Sidebar base */
.mpr-account-sidebar {
    background: rgba(10, 10, 14, 0.95) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3) !important;
    z-index: 9999 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    transition: width 0.4s ease !important;
}
.mpr-account-sidebar:not(.deactive) {
    width: 300px !important;
}
.mpr-account-sidebar.deactive {
    width: 72px !important;
}

/* Toggle button */
.mpr-account-sidebar .logo-wrapper .pannel-bar {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 15px 0 0 5px !important;
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar img {
    width: 20px !important;
    height: auto !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}
.mpr-account-sidebar .logo-wrapper .pannel-bar:hover img {
    opacity: 1 !important;
}

/* Sidebar logo */
.mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important;
    transition: all 0.4s ease !important;
}
.mpr-account-sidebar .logo-wrapper .logo img {
    max-width: 130px !important;
    transition: all 0.4s ease !important;
}
.mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 40px !important;
}

/* Sidebar nav links */
.mpr-account-sidebar #mepr-account-nav ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.mpr-account-sidebar #mepr-account-nav ul li {
    transition: background 0.15s ease !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    max-width: calc(100% - 30px) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.mpr-account-sidebar #mepr-account-nav ul li a {
    color: #cccccc !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 10px 20px 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
    overflow: hidden !important;
}
.mpr-account-sidebar #mepr-account-nav ul li:hover,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab {
    background: rgba(0, 255, 255, 0.08) !important;
}
.mpr-account-sidebar #mepr-account-nav ul li:hover a,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a {
    color: #00FFFF !important;
}
.mpr-account-sidebar #mepr-account-nav ul li a .icon {
    width: 20px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: color 0.15s ease !important;
}
.mpr-account-sidebar #mepr-account-nav ul li a .menu-item-label {
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.3 !important;
    transition: opacity 0.3s ease, width 0.3s ease !important;
}

/* Collapsed: icons only — perfectly centered */
.mpr-account-sidebar.deactive #mepr-account-nav ul li {
    margin: 2px auto !important;
    width: calc(100% - 12px) !important;
    padding: 0 !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 0 !important;
    gap: 0 !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon {
    width: auto !important;
    margin: 0 !important;
    font-size: 18px !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label {
    width: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    display: none !important;
}

/* Page push — correct amounts */
body.page-id-28206.logged-in .page_wrap {
    padding-left: 300px !important;
    transition: padding-left 0.4s ease !important;
    box-sizing: border-box !important;
    will-change: padding-left !important;
}
body.page-id-28206.logged-in .page_wrap * {
    transition-property: inherit;
    transition-duration: inherit;
    transition-timing-function: inherit;
}
body.page-id-28206.logged-in.pannel-sidebar-deactive .page_wrap {
    padding-left: 72px !important;
}
body.page-id-28206.user-loggedout .page_wrap {
    padding-left: 0 !important;
}

/* ── Mobile account sidebar ── */
@media (max-width: 767px) {
    .mpr-account-sidebar.deactive {
        width: 50px !important;
        overflow: hidden !important;
    }
    .mpr-account-sidebar:not(.deactive) {
        width: 280px !important;
        box-shadow: 5px 0 30px rgba(0, 0, 0, 0.5) !important;
    }
    body.page-id-28206.logged-in .page_wrap {
        padding-left: 50px !important;
    }
    body.page-id-28206.logged-in.pannel-sidebar-deactive .page_wrap {
        padding-left: 50px !important;
    }
    /* Expanded overlay: push content behind */
    body.page-id-28206.logged-in:not(.pannel-sidebar-deactive) .page_wrap {
        padding-left: 0 !important;
    }
    /* Content padding */
    body.page-id-28206 .mpr-account-sidebar + .mp_wrapper,
    body.page-id-28206 .mpr-account-sidebar + .mepr-courses-wrapper,
    body.page-id-28206 .mpr-account-sidebar + .mepr-directories-wrapper {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /* Header/footer no push */
    body.page-id-28206 header,
    body.page-id-28206 footer {
        padding-left: 0 !important;
    }
}

/* ── Tablet account sidebar ── */
@media (min-width: 768px) and (max-width: 992px) {
    .mpr-account-sidebar:not(.deactive) {
        width: 250px !important;
    }
    body.page-id-28206.logged-in .page_wrap {
        padding-left: 250px !important;
    }
}

/* ── Sidebar hover: override custom.css #0a2340 blue ── */
.mpr-account-sidebar #mepr-account-nav ul li:hover a .icon,
.mpr-account-sidebar #mepr-account-nav ul li.active a .icon,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a .icon,
.mpr-account-sidebar #mepr-account-nav ul li:hover a .menu-item-label,
.mpr-account-sidebar #mepr-account-nav ul li.active a .menu-item-label,
.mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a .menu-item-label {
    color: #00FFFF !important;
}

/* ── Change Password link — white, not teal ── */
.mepr-account-change-password a,
body.page-id-28206 .mepr-account-change-password a {
    color: #cccccc !important;
    text-decoration: underline !important;
    font-size: 13px !important;
    transition: color 0.2s ease !important;
}
.mepr-account-change-password a:hover,
body.page-id-28206 .mepr-account-change-password a:hover {
    color: #00FFFF !important;
    text-decoration: none !important;
}

/* ── Ensure MemberPress custom fields are visible on account page ── */
body.page-id-28206 #mepr_account_form .mp-form-row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Spacer between fields and submit */
body.page-id-28206 #mepr_account_form .mepr_spacer {
    flex: 0 0 100% !important;
    height: 10px !important;
}
/* Ensure form inputs are dark-themed and visible */
body.page-id-28206 #mepr_account_form input[type="text"],
body.page-id-28206 #mepr_account_form input[type="email"],
body.page-id-28206 #mepr_account_form input[type="tel"],
body.page-id-28206 #mepr_account_form input[type="password"],
body.page-id-28206 #mepr_account_form select,
body.page-id-28206 #mepr_account_form textarea {
    background: rgba(15, 16, 20, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    height: 48px !important;
}
body.page-id-28206 #mepr_account_form input:focus,
body.page-id-28206 #mepr_account_form select:focus,
body.page-id-28206 #mepr_account_form textarea:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}
body.page-id-28206 #mepr_account_form label,
body.page-id-28206 #mepr_account_form .mp-form-label label {
    color: #cccccc !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    margin-bottom: 6px !important;
}
/* Address fields — 4 columns */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
    flex: 0 0 calc(25% - 15px) !important;
}
/* Phone field — intl tel input full width */
body.page-id-28206 #mepr_account_form .mp-form-row .iti {
    width: 100% !important;
}

/* ── Account table: force dark theme on ALL MemberPress tables ── */
.mepr-account-container table,
.mepr-account-container table tbody,
.mepr-account-container table thead,
#mepr-account-subscriptions-table,
#mepr-account-payments-table,
.mp_wrapper table,
.mepr-subscriptions-wrapper table,
.mepr-payments-wrapper table {
    background: rgba(15, 16, 20, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}
.mepr-account-container table tr,
.mepr-account-container table tbody tr,
#mepr-account-subscriptions-table tr,
#mepr-account-payments-table tr,
.mp_wrapper table tr {
    background: transparent !important;
    background-color: transparent !important;
}
.mepr-account-container table tr:nth-child(odd),
.mepr-account-container table tr:nth-child(even),
#mepr-account-subscriptions-table tr:nth-child(odd),
#mepr-account-subscriptions-table tr:nth-child(even),
#mepr-account-payments-table tr:nth-child(odd),
#mepr-account-payments-table tr:nth-child(even),
.mp_wrapper table tr:nth-child(odd),
.mp_wrapper table tr:nth-child(even) {
    background: transparent !important;
    background-color: transparent !important;
}
.mepr-account-container table td,
.mepr-account-container table tbody td,
#mepr-account-subscriptions-table td,
#mepr-account-payments-table td,
.mp_wrapper table td {
    background: transparent !important;
    background-color: transparent !important;
    color: #cccccc !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.mepr-account-container table tr:hover td,
#mepr-account-subscriptions-table tr:hover td,
#mepr-account-payments-table tr:hover td {
    background: rgba(0, 255, 255, 0.03) !important;
}
/* Sub-rows with membership slugs */
.mepr-account-container table .mepr-account-sub-row td,
.mepr-account-container table .mepr-sub-details td,
.mepr-account-container table tr[class*="sub-"] td,
.mepr-account-container table tr.mepr-alt td {
    background: rgba(0, 0, 0, 0.15) !important;
}
/* Membership slug links */
.mepr-account-container table td a,
#mepr-account-subscriptions-table td a {
    color: #00FFFF !important;
}

/* ── Status badges — visible on cards ── */
.course-lists-all-in-account .progress-details {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 5 !important;
    display: block !important;
}
.course-lists-all-in-account .progress-details a,
.course-lists-all-in-account .progress-details span {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 6px 14px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    border: none !important;
}
.course-lists-all-in-account .progress-details .start-now {
    background: #00FFFF !important;
    color: #000000 !important;
}
.course-lists-all-in-account .progress-details .in-progress {
    background: rgba(0, 255, 255, 0.15) !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
}
.course-lists-all-in-account .progress-details .completed {
    background: #00cccc !important;
    color: #000000 !important;
}

/* ── Instructor profiles inside cards — compact style ── */
.course-lists-all-in-account .instructor-full-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
.course-lists-all-in-account .instructor-wrapper {
    position: relative !important;
    display: inline-flex !important;
}
.course-lists-all-in-account .instructor-wrapper a {
    display: inline-flex !important;
    align-items: center !important;
    border: 2px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 50% !important;
    padding: 2px !important;
    gap: 0 !important;
    transition: transform 0.2s ease !important;
}
.course-lists-all-in-account .instructor-wrapper a:hover {
    transform: scale(1.15) !important;
}
.course-lists-all-in-account .instructor-wrapper a img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: none !important;
}
.course-lists-all-in-account .instructor-wrapper a span {
    position: absolute !important;
    bottom: -20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #0f1014 !important;
    padding: 3px 8px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease !important;
    z-index: 10 !important;
}
.course-lists-all-in-account .instructor-wrapper a:hover span {
    opacity: 1 !important;
}

/* ── Teal edge glow on course cards ── */
.mpcs-course-list-grid .course-grid {
    position: relative !important;
    overflow: hidden !important;
    --mouse-x: 50%;
    --mouse-y: 0%;
}
/* Glowing border overlay */
.mpcs-course-list-grid .course-grid::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.5), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
    z-index: 99 !important;
}
.mpcs-course-list-grid .course-grid.is-hovered::after {
    opacity: 1 !important;
}
/* Soft inner glow */
.mpcs-course-list-grid .course-grid::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.06), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
    z-index: 98 !important;
}
.mpcs-course-list-grid .course-grid.is-hovered::before {
    opacity: 1 !important;
}

/* Account page course cards — more spacing between description and progress */
.mpcs-course-list-grid .course-grid .circle-progress-container {
    margin-top: 50px !important;
}

/* ── Update card / manage subscription payment forms ── */
.mepr-account-container .mepr-stripe-elements,
#mepr-stripe-payment-form .mepr-stripe-elements {
    background: transparent !important;
}
#mepr-stripe-payment-form {
    background: transparent !important;
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════
   3. LESSON / CLASSROOM PAGE
   ═══════════════════════════════════════════ */

/* Professional font */
body.single-mpcs-lesson,
body.single-mpcs-lesson *:not(i):not(.fa):not(.fas):not(.far):not(.mpcs-circle-regular):not([class*="icon"]) {
    font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* ── Lesson page: header must not overlap sidebar ── */
.single-mpcs-lesson .header_wrap,
.single-mpcs-lesson .header_custom {
    position: relative !important;
    z-index: 100 !important;
}
.single-mpcs-lesson .page_wrap {
    padding-top: 0 !important;
}
/* Sidebar close button always visible */
.single-mpcs-lesson .mpcs-sidebar-close,
.single-mpcs-lesson .menu_mobile_close,
.mpcs-sidebar .mpcs-sidebar-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 200 !important;
    cursor: pointer !important;
    font-size: 22px !important;
    color: #888888 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.single-mpcs-lesson .mpcs-sidebar-close:hover {
    color: #ffffff !important;
    background: rgba(0, 255, 255, 0.15) !important;
}

/* ── Lesson page: header and footer must NOT be pushed by sidebar ── */
.single-mpcs-lesson .top_panel,
.single-mpcs-lesson header.top_panel,
body.single-mpcs-lesson header {
    position: relative !important;
    z-index: 100 !important;
    width: 100% !important;
    left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.single-mpcs-lesson .footer_wrap,
body.single-mpcs-lesson footer {
    width: 100% !important;
    left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.single-mpcs-lesson .page_wrap {
    overflow-x: hidden !important;
}

/* ── MemberPress Classroom/Lesson sidebar ── */
.mpcs-sidebar,
#mpcs-sidebar {
    width: 420px !important;
    min-width: 420px !important;
    max-width: 420px !important;
    background: rgba(8, 8, 12, 0.97) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 15px 16px !important;
    overflow-y: auto !important;
    z-index: 10 !important;
    flex-shrink: 0 !important;
    min-height: 100vh !important;
    position: relative !important;
    left: 0 !important;
    transition: left 0.4s ease, margin-left 0.4s ease, width 0.4s ease, min-width 0.4s ease, padding 0.4s ease !important;
}
/* When sidebar is closed — body class approach */
body:not(.mpcs-lesson-sidebar-opened) #mpcs-sidebar {
    left: -350px !important;
    margin-left: -350px !important;
    min-width: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* When sidebar is closed — JS inline style approach (left:-100%) */
#mpcs-sidebar[style*="left: -100%"],
#mpcs-sidebar[style*="left:-100%"] {
    min-width: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    margin-left: 0 !important;
    border-right: none !important;
}
/* When #mpcs-main gets w-100 class from JS toggle */
#mpcs-main.w-100,
.column.w-100#mpcs-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
}
/* Custom scrollbar — thin teal glow */
.mpcs-sidebar::-webkit-scrollbar,
#mpcs-sidebar::-webkit-scrollbar {
    width: 3px !important;
}
.mpcs-sidebar::-webkit-scrollbar-track,
#mpcs-sidebar::-webkit-scrollbar-track {
    background: transparent !important;
}
.mpcs-sidebar::-webkit-scrollbar-thumb,
#mpcs-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 255, 0.2) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 6px rgba(0, 255, 255, 0.15) !important;
}
.mpcs-sidebar::-webkit-scrollbar-thumb:hover,
#mpcs-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 255, 255, 0.4) !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.25) !important;
}
/* Firefox scrollbar */
.mpcs-sidebar,
#mpcs-sidebar {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(0, 255, 255, 0.2) transparent !important;
}
/* course-title and section-title */
.mpcs-sidebar .mpcs-section-title,
#mpcs-sidebar .mpcs-section-title {
    font-size: 13px !important;
    color: #cccccc !important;
    padding: 8px 0 !important;
}
.mpcs-sidebar .mpcs-lesson-list-item,
#mpcs-sidebar .mpcs-lesson-list-item {
    padding: 6px 10px !important;
    font-size: 13px !important;
    color: #aaaaaa !important;
}
.mpcs-sidebar .mpcs-lesson-list-item:hover,
#mpcs-sidebar .mpcs-lesson-list-item:hover {
    color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.04) !important;
}
.mpcs-sidebar .mpcs-lesson-list-item.current-menu-item,
#mpcs-sidebar .mpcs-lesson-list-item.mpcs-active {
    color: #00FFFF !important;
    border-left: 2px solid #00FFFF !important;
}
/* Lesson content area — flex alongside sidebar */
.mpcs-main-content,
#mpcs-main-content,
#mpcs-main {
    padding: 20px 40px !important;
    flex: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    transition: all 0.4s ease !important;
}
/* Lesson page body — the columns container IS the flex row */
body.single-mpcs-lesson .entry-content > .columns,
body.single-mpcs-lesson .entry.entry-content > .columns {
    display: flex !important;
    flex-direction: row !important;
    min-height: calc(100vh - 80px) !important;
    flex-grow: 1 !important;
    overflow: hidden !important;
}
body.single-mpcs-lesson .page_wrap {
    display: block !important;
}
body.single-mpcs-lesson .page_content_wrap {
    display: block !important;
}
body.single-mpcs-lesson .content_wrap_fullscreen {
    max-width: 100% !important;
    padding: 0 !important;
}
/* Entry content — full width */
body.single-mpcs-lesson .entry.entry-content {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
/* When sidebar closed, content takes full width */
body:not(.mpcs-lesson-sidebar-opened) .mpcs-main-content,
body:not(.mpcs-lesson-sidebar-opened) #mpcs-main {
    width: 100% !important;
    max-width: 100% !important;
}

/* Sidebar toggler close button */
.mpsc-lesson-sidebar-toggler button {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 10px !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20 !important;
}
.mpsc-lesson-sidebar-toggler .close-btn {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 20px !important;
}
.mpsc-lesson-sidebar-toggler .close-btn span {
    display: block !important;
    height: 2px !important;
    background: #888 !important;
    border-radius: 2px !important;
    transition: transform 0.3s ease !important;
}
.mpsc-lesson-sidebar-toggler:hover .close-btn span {
    background: #00FFFF !important;
}

/* ── Sidebar course progress bar ── */
#mpcs-sidebar .course-progress {
    padding: 10px 0 !important;
}
#mpcs-sidebar .course-progress h2 {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
}
#mpcs-sidebar .course-progress h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* ── Sidebar lesson module cards ── */
.lesson-module-card {
    padding: 10px 14px !important;
    border-radius: 6px !important;
    margin: 2px 0 !important;
    transition: background 0.2s ease !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.lesson-module-card:hover {
    background: rgba(0, 255, 255, 0.04) !important;
}
.lesson-module-card.active {
    background: rgba(255, 255, 255, 0.04) !important;
    border-left: 2px solid #00FFFF !important;
}
/* ── Section labels in sidebar ── */
.mpcs-sidebar-content .section-label {
    color: #999999 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 12px 14px 6px !important;
    font-weight: 600 !important;
}

/* ── Check icons in sidebar ── */
.check-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.check-icon.check-current {
    border: 2px solid #00FFFF !important;
    background: transparent !important;
}
.check-icon.check-complete {
    background: #00FFFF !important;
    border: none !important;
}

/* ── Sidebar resources section ── */
.mpcs-sidebar-resources .tile {
    background: transparent !important;
    border: none !important;
}
.mpcs-sidebar-resources .tile-title {
    color: #999999 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
/* Back to course button */
.mpcs-sidebar .mpcs-back-to-course a,
#mpcs-sidebar .mpcs-back-to-course a,
.mpcs-sidebar a[href*="courses/"],
#mpcs-sidebar a.mpcs-back-btn,
a.mpcs-back-to-course-btn {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    transition: all 0.25s ease !important;
    margin: 12px 0 !important;
}
.mpcs-sidebar .mpcs-back-to-course a:hover,
#mpcs-sidebar .mpcs-back-to-course a:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.08) !important;
}
/* Close button */
.mpcs-sidebar .mpcs-sidebar-close {
    color: #888888 !important;
    font-size: 24px !important;
}
/* Sidebar logo — expands/contracts with sidebar */
.mpcs-sidebar .mpcs-sidebar-logo,
#mpcs-sidebar .mpcs-sidebar-logo,
.mpcs-sidebar .mpcs-logo,
#mpcs-sidebar .mpcs-logo,
.mpcs-sidebar .mpcs-classroom-logo,
#mpcs-sidebar .mpcs-classroom-logo,
.mpcs-sidebar > a:first-child,
#mpcs-sidebar > a:first-child {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 15px !important;
    transition: all 0.35s ease !important;
}
.mpcs-sidebar img,
#mpcs-sidebar img,
.mpcs-sidebar .mpcs-sidebar-logo img,
#mpcs-sidebar .mpcs-sidebar-logo img,
.mpcs-sidebar .mpcs-logo img,
#mpcs-sidebar .mpcs-logo img,
.mpcs-sidebar > a:first-child img,
#mpcs-sidebar > a:first-child img,
.mpcs-sidebar .mpcs-classroom-logo img,
#mpcs-sidebar .mpcs-classroom-logo img {
    height: auto !important;
    box-sizing: border-box !important;
    transition: all 0.35s ease !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}
/* Expanded sidebar — logo fills nicely */
.mpcs-sidebar:not(.collapsed) img,
.mpcs-sidebar:not(.collapsed) .mpcs-sidebar-logo img,
.mpcs-sidebar:not(.collapsed) .mpcs-logo img,
.mpcs-sidebar:not(.collapsed) > a:first-child img,
.mpcs-sidebar:not(.collapsed) .mpcs-classroom-logo img,
#mpcs-sidebar:not(.collapsed) img {
    width: 200px !important;
    max-width: 220px !important;
    padding: 10px !important;
}
/* Collapsed sidebar — small icon logo */
.mpcs-sidebar.collapsed img,
.mpcs-sidebar.collapsed .mpcs-sidebar-logo img,
.mpcs-sidebar.collapsed .mpcs-logo img,
.mpcs-sidebar.collapsed > a:first-child img,
.mpcs-sidebar.collapsed .mpcs-classroom-logo img,
#mpcs-sidebar.collapsed img,
.mpcs-sidebar[data-collapsed="true"] img {
    width: 44px !important;
    max-width: 44px !important;
    padding: 4px !important;
}
/* Sidebar course title — no white background */
.mpcs-sidebar h2,
.mpcs-sidebar h3,
.mpcs-sidebar .mpcs-course-title,
#mpcs-sidebar h2,
#mpcs-sidebar h3 {
    background: none !important;
    box-shadow: none !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 8px 10px !important;
    color: #ffffff !important;
}
.mpcs-sidebar h2 span,
.mpcs-sidebar h3 span,
#mpcs-sidebar h2 span,
#mpcs-sidebar h3 span {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Mobile lesson view */
@media (max-width: 767px) {
    .mpcs-sidebar,
    #mpcs-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        height: auto !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    }
    .mpcs-main-content,
    #mpcs-main-content,
    .mpcs-classroom .mpcs-content-wrapper,
    body.single-mpcs-lesson .content_wrap {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 15px !important;
    }
    body.single-mpcs-lesson .page_wrap,
    body.single-mpcs-lesson .page_content_wrap {
        flex-direction: column !important;
    }
}

/* ── Classroom navigation ── */
#mpcs-navbar,
.mpcs-navbar {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    padding: 12px 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}
#mpcs-navbar .btn.sidebar-open,
.mpcs-navbar .btn.sidebar-open {
    margin-right: auto !important;
}
#mpcs-navbar a,
#mpcs-navbar button,
.mpcs-navbar a,
.mpcs-navbar button {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}
#mpcs-navbar a:hover,
#mpcs-navbar button:hover,
.mpcs-navbar a:hover,
.mpcs-navbar button:hover {
    background: rgba(0, 255, 255, 0.1) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
}
#mpcs-navbar .btn.sidebar-open,
.mpcs-navbar .btn.sidebar-open {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 10px 12px !important;
    color: #999 !important;
}

/* ── Lesson content area ── */
.mpcs-lesson-content,
.mpcs-classroom-content,
#mpcs-lesson-content,
.single-mpcs-lesson .post_content,
.single-mpcs-lesson .entry-content {
    padding: 30px 40px !important;
    color: #e0e0e0 !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
/* Lesson title */
.single-mpcs-lesson h1,
.single-mpcs-lesson .post_title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 10px 0 !important;
    padding: 25px 40px 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
/* Breadcrumbs — hidden on lesson pages */
.single-mpcs-lesson .breadcrumbs,
.single-mpcs-lesson .mpcs-breadcrumbs {
    display: none !important;
}
.single-mpcs-lesson .breadcrumbs a {
    color: #00FFFF !important;
}
.single-mpcs-lesson .breadcrumbs span {
    color: #888888 !important;
}
/* Content headings — tighter spacing */
.single-mpcs-lesson .post_content h2,
.single-mpcs-lesson .post_content h3,
.single-mpcs-lesson .post_content h4,
.single-mpcs-lesson .entry-content h2,
.single-mpcs-lesson .entry-content h3,
.single-mpcs-lesson .entry-content h4 {
    color: transparent !important;
    background: linear-gradient(135deg, #14f4ff 0%, #0ea5e9 50%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    margin: 28px 0 14px 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding-left: 14px !important;
    border-left: 3px solid rgba(20, 244, 255, 0.5) !important;
    position: relative !important;
}
.single-mpcs-lesson .post_content h2,
.single-mpcs-lesson .entry-content h2 {
    font-size: 17px !important;
    letter-spacing: 2px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(20, 244, 255, 0.08) !important;
    margin: 36px 0 16px 0 !important;
}
/* Content paragraphs and lists — tighter */
.single-mpcs-lesson .post_content p,
.single-mpcs-lesson .entry-content p {
    margin: 0 0 12px 0 !important;
    color: #cccccc !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}
.single-mpcs-lesson .post_content ul,
.single-mpcs-lesson .entry-content ul,
.single-mpcs-lesson .post_content ol,
.single-mpcs-lesson .entry-content ol {
    padding-left: 22px !important;
    margin: 8px 0 16px 0 !important;
}
.single-mpcs-lesson .post_content li,
.single-mpcs-lesson .entry-content li {
    margin-bottom: 6px !important;
    color: #cccccc !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}
.single-mpcs-lesson .post_content strong,
.single-mpcs-lesson .entry-content strong {
    color: #ffffff !important;
}
/* Remove excessive gaps between content blocks */
.single-mpcs-lesson .post_content > *,
.single-mpcs-lesson .entry-content > * {
    margin-top: 0 !important;
}
.single-mpcs-lesson .post_content > * + h2,
.single-mpcs-lesson .post_content > * + h3,
.single-mpcs-lesson .post_content > * + h4,
.single-mpcs-lesson .entry-content > * + h2,
.single-mpcs-lesson .entry-content > * + h3,
.single-mpcs-lesson .entry-content > * + h4 {
    margin-top: 25px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* ── Lesson navigation (prev/next) ── */
.mpcs-lesson-navigation,
#mpcs-lesson-navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 18px 40px !important;
    border: none !important;
    border-top: none !important;
    background: rgba(0, 0, 0, 0.2) !important;
    margin-top: 30px !important;
}
.mpcs-lesson-navigation a,
.mpcs-lesson-navigation button,
#mpcs-lesson-navigation a,
#mpcs-lesson-navigation button {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
}
/* Complete and Continue — primary action */
.mpcs-lesson-navigation button[type="submit"],
#mpcs-lesson-navigation button[type="submit"],
#mpcs-classroom-next-lesson-link {
    background: rgba(0, 255, 255, 0.12) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
}
.mpcs-lesson-navigation a:hover,
.mpcs-lesson-navigation button:hover,
#mpcs-lesson-navigation a:hover,
#mpcs-lesson-navigation button:hover {
    background: rgba(0, 255, 255, 0.15) !important;
    border-color: rgba(0, 255, 255, 0.4) !important;
}
/* Sidebar toggle icon in nav bar */
.mpcs-lesson-navigation .btn.sidebar-open,
#mpcs-lesson-navigation .btn.sidebar-open {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 12px !important;
    margin-right: auto !important;
}

/* ── Quiz styling ── */
.mpcs-quiz-wrapper {
    background: rgba(15, 16, 20, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 25px !important;
    margin: 20px 0 !important;
}
.mpcs-quiz-question {
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 15px !important;
}
.mpcs-quiz-answer label {
    color: #cccccc !important;
    padding: 10px !important;
    display: block !important;
    border-radius: 6px !important;
    transition: background 0.2s ease !important;
    cursor: pointer !important;
}
.mpcs-quiz-answer label:hover {
    background: rgba(0, 255, 255, 0.04) !important;
}

/* ── Title highlight removal — lesson page ── */
.single-mpcs-lesson h1, .single-mpcs-lesson h2, .single-mpcs-lesson h3 {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.single-mpcs-lesson h1 span, .single-mpcs-lesson h2 span {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ── FIX #8: Lesson page .mp_wrapper inside content — no extra padding ── */
.single-mpcs-lesson .mpcs-main-content .mp_wrapper,
.single-mpcs-lesson #mpcs-main .mp_wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* ── FIX #9: Sidebar course title link text-black override ── */
#mpcs-sidebar .course-progress a.text-black,
#mpcs-sidebar .text-black,
#mpcs-sidebar a.text-black {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ── FIX #10: Lesson navigator inner sections ── */
.lesson-navigator-top .navbar-section,
.lesson-navigator-bottom .navbar-section {
    background: transparent !important;
}

/* ── V9: Lesson page main content — explicit dark bg ── */
#mpcs-main,
.mpcs-main-content,
.single-mpcs-lesson .entry.entry-content {
    background: transparent !important;
    color: #ffffff !important;
}
.single-mpcs-lesson .mpcs-main-content > .mp_wrapper {
    padding: 40px 30px !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* ── V16: MemberPress classroom dropdown ── */
.mpcs-classroom .navbar-section .dropdown .menu {
    background: rgba(15, 16, 20, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
}
.mpcs-classroom .navbar-section .dropdown .menu a {
    color: #cccccc !important;
}
.mpcs-classroom .navbar-section .dropdown .menu a:hover {
    color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.04) !important;
}

/* ── V20: Sidebar course title — remove highlight box ── */
#mpcs-sidebar .course-progress h2,
#mpcs-sidebar .course-progress h2 a,
#mpcs-sidebar #mpcs-sidebar-header h2,
#mpcs-sidebar #mpcs-sidebar-header h2 a {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
    display: block !important;
    padding: 0 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

/* ── V22: Sidebar lesson list — proper spacing ── */
#mpcs-sidebar .mpcs-sidebar-content a {
    color: #cccccc !important;
    text-decoration: none !important;
    display: block !important;
    padding: 6px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}
#mpcs-sidebar .mpcs-sidebar-content a:hover {
    color: #00FFFF !important;
}
#mpcs-sidebar .mpcs-sidebar-content .mpcs-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 10px 0 !important;
}

/* ── LESSON PAGE: Sidebar ── */
#mpcs-sidebar .figure img {
    border-radius: 10px !important;
    margin-bottom: 12px !important;
}
#mpcs-sidebar .course-progress h2 {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}
#mpcs-sidebar .course-progress h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Sidebar section labels */
#mpcs-sidebar .section-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    color: #888888 !important;
    padding: 14px 16px 8px !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
    margin-top: 4px !important;
}
#mpcs-sidebar .mpcs-section:first-child .section-label {
    border-top: none !important;
    margin-top: 0 !important;
}

/* Sidebar lesson module cards */
#mpcs-sidebar .lesson-module-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: background 0.15s ease !important;
    text-decoration: none !important;
    color: #bbbbbb !important;
}
#mpcs-sidebar .lesson-module-card:hover {
    background: rgba(255,255,255,0.03) !important;
    color: #ffffff !important;
}
#mpcs-sidebar .lesson-module-card.active {
    background: rgba(0, 255, 255, 0.05) !important;
    color: #ffffff !important;
}
#mpcs-sidebar .lesson-module-card .module-icon {
    flex-shrink: 0 !important;
}
#mpcs-sidebar .lesson-module-card .check-icon {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1.5px solid rgba(255,255,255,0.15) !important;
    background: transparent !important;
    position: relative !important;
    flex-shrink: 0 !important;
}
#mpcs-sidebar .lesson-module-card .check-icon.check-current {
    border-color: rgba(255, 255, 255, 0.25) !important;
    background: transparent !important;
    box-shadow: 0 0 6px rgba(0,255,255,0.15) !important;
}
#mpcs-sidebar .lesson-module-card .check-icon.check-complete {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
#mpcs-sidebar .lesson-module-card .check-icon.check-complete::after {
    content: "" !important;
    display: block !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #00FFFF !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) translateY(-1px) !important;
}
#mpcs-sidebar .lesson-module-card .module-info {
    flex: 1 !important;
    min-width: 0 !important;
}
#mpcs-sidebar .lesson-module-card .module-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    color: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
#mpcs-sidebar .lesson-module-card .module-action {
    flex-shrink: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    padding: 4px 10px !important;
    border: 1px solid rgba(0,255,255,0.2) !important;
    border-radius: 50px !important;
    background: transparent !important;
}

/* Sidebar resources/back-to-course */
#mpcs-sidebar .mpcs-sidebar-resources .tile {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin: 8px 8px !important;
    display: block !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease !important;
}
#mpcs-sidebar .mpcs-sidebar-resources .tile:hover {
    border-color: rgba(0,255,255,0.2) !important;
}
#mpcs-sidebar .mpcs-sidebar-resources .tile-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #cccccc !important;
}

/* ── LESSON PAGE: Main content area ── */
#mpcs-main .mpcs-main-content {
    padding: 30px 50px !important;
    max-width: 100% !important;
}
#mpcs-main h2.entry-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
}
/* Breadcrumbs */
#mpcs-main .breadcrumbs {
    font-size: 12px !important;
    color: #666 !important;
    margin-bottom: 20px !important;
}
#mpcs-main .breadcrumbs a {
    color: #00FFFF !important;
    text-decoration: none !important;
}
#mpcs-main .breadcrumbs a:hover {
    text-decoration: underline !important;
}

/* ── LESSON PAGE: Navigator bars ── */
.lesson-navigator-top,
.lesson-navigator-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 20px !important;
    background: rgba(10, 10, 14, 0.9) !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
.lesson-navigator-bottom {
    border-bottom: none !important;
    border-top: 1px solid rgba(255,255,255,0.04) !important;
}
#mpcs-classroom-next-lesson-link,
#next_lesson_link {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0,255,255,0.15) !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
#mpcs-classroom-next-lesson-link:hover,
#next_lesson_link:hover {
    background: rgba(0,255,255,0.06) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
#mpcs-classroom-previous-lesson-link,
#previous_lesson_link {
    background: transparent !important;
    color: #888 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.btn.sidebar-open {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #888 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
}
.btn.sidebar-open:hover {
    border-color: rgba(0,255,255,0.2) !important;
    color: #00FFFF !important;
}

/* Lesson sidebar header — course thumbnail + title */
#mpcs-sidebar #mpcs-sidebar-header {
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-bottom: 10px !important;
    display: flex !important;
    flex-direction: column !important;
}
#mpcs-sidebar #mpcs-sidebar-header .figure {
    width: 100% !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}
#mpcs-sidebar #mpcs-sidebar-header .figure a {
    display: block !important;
}
#mpcs-sidebar #mpcs-sidebar-header .figure img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 0 !important;
}
#mpcs-sidebar #mpcs-sidebar-header .course-progress {
    padding: 12px 16px !important;
    background: transparent !important;
    margin-bottom: 0 !important;
    position: static !important;
    margin-left: 0 !important;
}

/* Lesson sidebar footer — action buttons & resources */
#mpcs-sidebar .all-action-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#mpcs-sidebar .all-action-buttons .mpcs-sidebar-resources .tile {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
#mpcs-sidebar .all-action-buttons .mpcs-sidebar-resources .tile:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
#mpcs-sidebar .all-action-buttons .mpcs-sidebar-resources .tile .tile-title,
#mpcs-sidebar .all-action-buttons .mpcs-sidebar-resources .tile .tile-content p {
    color: #00FFFF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Lesson page: header/footer must remain full-width regardless of sidebar state */
body.single-mpcs-lesson.mpcs-lesson-sidebar-opened header,
body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .top_panel {
    padding-left: 0 !important;
}
body.single-mpcs-lesson.mpcs-lesson-sidebar-opened footer,
body.single-mpcs-lesson.mpcs-lesson-sidebar-opened .footer_wrap {
    padding-left: 0 !important;
}

/* ── FIX #4: LESSON PAGE — Card Centering ── */
/* Lesson content — left-aligned, full width */
#mpcs-main .mpcs-main-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}
#mpcs-main h2.entry-title {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

/* Sidebar lesson cards */
#mpcs-sidebar .lesson-module-card {
    width: calc(100% - 16px) !important;
    box-sizing: border-box !important;
}

/* Lesson navigator bars — center controls */
.lesson-navigator-top #mpcs-lesson-navigation,
.lesson-navigator-bottom #mpcs-lesson-navigation {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

@media (max-width: 767px) {
    #mpcs-main .mpcs-main-content {
        padding: 20px 15px !important;
    }
    #mpcs-main h2.entry-title {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ── CLASSROOM / LESSON PAGE — Complete Aesthetic Overhaul ── */

/* ── Sidebar: clean dark glass ── */
body.single-mpcs-lesson #mpcs-sidebar {
    background: rgba(8, 8, 12, 0.97) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
    padding: 20px 16px !important;
}

/* Sidebar close button — top right, subtle */
body.single-mpcs-lesson .mpsc-lesson-sidebar-toggler {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 20 !important;
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
}
body.single-mpcs-lesson .mpsc-lesson-sidebar-toggler button {
    background: transparent !important;
    border: none !important;
    padding: 8px !important;
    margin: 0 !important;
    position: static !important;
}
body.single-mpcs-lesson .mpsc-lesson-sidebar-toggler .close-btn span {
    background: #666 !important;
    width: 16px !important;
}
body.single-mpcs-lesson .mpsc-lesson-sidebar-toggler:hover .close-btn span {
    background: #00FFFF !important;
}

/* Sidebar header — course thumbnail small */
body.single-mpcs-lesson #mpcs-sidebar #mpcs-sidebar-header .figure {
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
}
body.single-mpcs-lesson #mpcs-sidebar #mpcs-sidebar-header .figure a,
body.single-mpcs-lesson #mpcs-sidebar #mpcs-sidebar-header .figure a img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
    max-height: 160px !important;
    object-fit: cover !important;
}

/* Sidebar course title */
body.single-mpcs-lesson #mpcs-sidebar .course-progress h2,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .course-progress h2 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    padding: 0 0 0 14px !important;
    margin-bottom: 8px !important;
    background: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .course-progress h2 a {
    color: #ffffff !important;
    text-decoration: none !important;
    background: none !important;
}

/* Sidebar progress bar */
body.single-mpcs-lesson #mpcs-sidebar .course-progress .progress-bar {
    height: 4px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    margin: 10px 0 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
}
body.single-mpcs-lesson #mpcs-sidebar .course-progress .progress-bar .user-progress {
    background: #00FFFF !important;
    box-shadow: 0 0 6px rgba(0, 255, 255, 0.3) !important;
    border-radius: 50px !important;
    height: 100% !important;
}
body.single-mpcs-lesson #mpcs-sidebar .course-progress .progress-text {
    color: #888888 !important;
    font-size: 12px !important;
}

/* ── Sidebar: Instructor profile — SMALL avatar, not giant ── */
body.single-mpcs-lesson #mpcs-sidebar .instructor-full-wrapper,
body.single-mpcs-lesson .instructor-full-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper,
body.single-mpcs-lesson .instructor-wrapper {
    position: relative !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Sidebar instructor — avatar circle, name tooltip on hover */
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper,
body.single-mpcs-lesson .instructor-wrapper {
    position: relative !important;
    overflow: visible !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a,
body.single-mpcs-lesson .instructor-wrapper a {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    overflow: visible !important;
    border: 2px solid rgba(0, 255, 255, 0.25) !important;
    padding: 0 !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a:hover,
body.single-mpcs-lesson .instructor-wrapper a:hover {
    transform: scale(1.05) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a img,
body.single-mpcs-lesson .instructor-wrapper a img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
/* Name tooltip — hidden by default, shown on hover below avatar */
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a > span,
body.single-mpcs-lesson .instructor-wrapper a > span {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    background: rgba(15, 16, 20, 0.95) !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease, visibility 0.15s ease !important;
    z-index: 100 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper:hover a > span,
body.single-mpcs-lesson .instructor-wrapper:hover a > span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── Sidebar: Action buttons (Back to course, Resources) ── */
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons {
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
}
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons .tile,
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons a.tile {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    color: #00FFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons .tile:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons .tile-title,
body.single-mpcs-lesson #mpcs-sidebar .all-action-buttons .tile-content p {
    color: #00FFFF !important;
    font-size: 11px !important;
    margin: 0 !important;
}

/* ── Sidebar: Section labels ── */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #999999 !important;
    padding: 14px 0 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* ── Sidebar: Lesson module cards ── */
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    transition: background 0.15s ease !important;
    text-decoration: none !important;
    color: #bbbbbb !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card:hover {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #ffffff !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card.active {
    background: rgba(0, 255, 255, 0.05) !important;
    color: #ffffff !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card .module-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    color: inherit !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card .module-action {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #00FFFF !important;
    padding: 3px 10px !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 50px !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* ── Main content: "Complete and Continue" button ── */
body.single-mpcs-lesson #mpcs-classroom-next-lesson-link,
body.single-mpcs-lesson .mpcs-classroom-next-lesson-link,
body.single-mpcs-lesson #mpcs-lesson-navigation a {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body.single-mpcs-lesson #mpcs-classroom-next-lesson-link:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation a:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
/* "Complete and Continue" - specifically the primary action */
body.single-mpcs-lesson #mpcs-lesson-navigation a[id*="next"],
body.single-mpcs-lesson .lesson-navigator-top a[id*="next"] {
    background: rgba(0, 255, 255, 0.1) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
}

/* ── Main content: Title alignment ── */
body.single-mpcs-lesson #mpcs-main h2.entry-title,
body.single-mpcs-lesson #mpcs-main h1.entry-title {
    text-align: left !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    padding: 0 0 0 16px !important;
}

/* ── Main content: Breadcrumbs ── */
body.single-mpcs-lesson .mpcs-breadcrumbs {
    margin-bottom: 30px !important;
    padding: 0 !important;
}
body.single-mpcs-lesson .mpcs-breadcrumbs .mpcs-breadcrumb {
    font-size: 12px !important;
    color: #888888 !important;
}
body.single-mpcs-lesson .mpcs-breadcrumbs .mpcs-breadcrumb:not(.mpcs-active) a {
    color: #00FFFF !important;
    text-decoration: none !important;
}

/* ── Lesson navigator bars — clean, not neon ── */
body.single-mpcs-lesson .lesson-navigator-top,
body.single-mpcs-lesson .lesson-navigator-bottom {
    background: rgba(10, 10, 14, 0.9) !important;
    padding: 12px 24px !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
}

/* ── Sidebar open button — subtle ── */
body.single-mpcs-lesson .btn.sidebar-open {
    background: rgba(0, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #00FFFF !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}
body.single-mpcs-lesson .btn.sidebar-open:hover {
    background: rgba(0, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* ── Main content area — proper spacing ── */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content {
    padding: 30px 50px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h1,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h2,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h3 {
    color: transparent !important;
    background: linear-gradient(135deg, #14f4ff 0%, #0ea5e9 50%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    padding: 0 0 0 14px !important;
    border-left: 3px solid rgba(20, 244, 255, 0.5) !important;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h1 {
    font-size: 19px !important;
    letter-spacing: 2.5px !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h2 {
    font-size: 17px !important;
    letter-spacing: 2px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(20, 244, 255, 0.08) !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content p {
    color: #cccccc !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content img {
    border-radius: 10px !important;
    max-width: 100% !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content a {
    color: #00FFFF !important;
}

/* ── Mobile lesson page ── */
@media (max-width: 767px) {
    body.single-mpcs-lesson #mpcs-main .mpcs-main-content {
        padding: 20px 15px !important;
    }
    body.single-mpcs-lesson .lesson-navigator-top,
    body.single-mpcs-lesson .lesson-navigator-bottom {
        padding: 10px 15px !important;
    }
}

/* ── "Complete and Continue" Button Override ── */
/* Navigation container — not full-height bar */
section#mpcs-lesson-navigation,
div#mpcs-lesson-navigation,
#mpcs-lesson-navigation {
    background: transparent !important;
    height: auto !important;
}

/* ALL nav links — override plugin's width:100% and green bg */
#mpcs-lesson-navigation > a,
#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link,
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
div#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link,
div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
section#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link,
section#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
#mpcs-lesson-navigation a:not(#mpcs-classroom-previous-lesson-link),
body.single-mpcs-lesson #mpcs-lesson-navigation a {
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s ease !important;
    box-shadow: none !important;
    cursor: pointer !important;
}
/* Hover state */
#mpcs-lesson-navigation > a:hover,
#mpcs-lesson-navigation > a:focus,
#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link:hover,
#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link:focus,
div#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link:hover,
div#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link:focus,
section#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation a:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: none !important;
}
/* Next/Complete — slightly more visible than Previous */
#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link,
div#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link,
section#mpcs-lesson-navigation a#mpcs-classroom-next-lesson-link {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(0, 255, 255, 0.25) !important;
}
/* Previous — more subtle */
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link {
    background: transparent !important;
    color: #888888 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.2) !important;
}
/* Spans inside buttons — no backgrounds */
#mpcs-lesson-navigation a span,
#mpcs-lesson-navigation a i {
    color: inherit !important;
    background: none !important;
    background-color: transparent !important;
    font-weight: inherit !important;
}

/* Sidebar toggle button in nav bar */
#mpcs-lesson-navigation button.sidebar-open,
section#mpcs-lesson-navigation button.sidebar-open {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    color: #888 !important;
    width: auto !important;
    height: auto !important;
    padding: 10px 14px !important;
    flex: 0 0 auto !important;
}
#mpcs-lesson-navigation button.sidebar-open:hover {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.2) !important;
}

/* ── Footer on lesson pages — 2x2 address grid ── */
body.single-mpcs-lesson .footer_wrap .elementor-col-33:nth-child(2) table tbody,
body.single-mpcs-lesson .footer_wrap .elementor-col-33:nth-child(2) table tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 15px 25px !important;
}
body.single-mpcs-lesson .footer_wrap .elementor-col-33:nth-child(2) table td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}

/* ── SIDEBAR DECLUTTER — Clean flat list design ── */

/* Sections — NO card appearance, just grouped with subtle separator */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Section headers — IntelGather styled module labels */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section-title,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section-header,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .mpcs-section-title,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .mpcs-section-header {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    padding: 20px 12px 8px !important;
    margin: 0 !important;
}
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section-title-text,
body.single-mpcs-lesson #mpcs-sidebar .section-label,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .mpcs-section-title-text,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .section-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: transparent !important;
    background: linear-gradient(135deg, #14f4ff 0%, #0ea5e9 60%, #8b5cf6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* Section teal left bar indicator */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section-title::before,
body.single-mpcs-lesson #mpcs-sidebar .section-label::before,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .mpcs-section-title::before,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .section-label::before {
    background: linear-gradient(180deg, #14f4ff, #8b5cf6) !important;
    width: 3px !important;
    height: 14px !important;
}

/* Lessons container — no extra background */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lessons {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Lesson items — clean flat rows, NO card appearance */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson,
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card {
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    margin: 1px 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    transition: background 0.15s ease !important;
    box-shadow: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson:hover,
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card:hover {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Active lesson — subtle teal tint */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson.current-lesson,
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card.active {
    background: rgba(0, 255, 255, 0.04) !important;
}

/* Lesson title text — readable, not cramped */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson a,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson .mpcs-lesson-link,
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card .module-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #bbbbbb !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson:hover a,
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card:hover .module-title {
    color: #ffffff !important;
}

/* START/VIEW badges — smaller, less prominent */
body.single-mpcs-lesson #mpcs-sidebar .module-action,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson-button .mpcs-button span {
    font-size: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #00FFFF !important;
    padding: 2px 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    line-height: 1.4 !important;
}

/* Check circles — clean */
body.single-mpcs-lesson #mpcs-sidebar .check-icon,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson-complete i,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-lesson-not-complete i {
    flex-shrink: 0 !important;
    font-size: 14px !important;
}

/* Section dividers — thin line between modules */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-section + .mpcs-section {
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
    margin-top: 8px !important;
    padding-top: 8px !important;
}

/* Sidebar background — consistent with main content */
body.single-mpcs-lesson #mpcs-sidebar {
    background: rgba(15, 16, 20, 0.98) !important;
}

/* Lesson content — left-align everything */
.single-mpcs-lesson .mpcs-breadcrumbs,
.single-mpcs-lesson .breadcrumbs {
    text-align: left !important;
    justify-content: flex-start !important;
}
.single-mpcs-lesson .post_content img,
.single-mpcs-lesson .entry-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    display: block !important;
    margin: 0 0 30px 0 !important;
}
.single-mpcs-lesson h1.entry-title,
.single-mpcs-lesson .post_title {
    text-align: left !important;
}

/* Remove random black backgrounds on lesson pages */
.single-mpcs-lesson .page_content_wrap,
.single-mpcs-lesson .content_wrap,
.single-mpcs-lesson .content,
.single-mpcs-lesson .post_content,
.single-mpcs-lesson .entry-content,
.single-mpcs-lesson #mpcs-main,
.single-mpcs-lesson .mpcs-main-content,
.single-mpcs-lesson .entry.entry-content,
.single-mpcs-lesson .columns,
.single-mpcs-lesson .lesson-navigator-top,
.single-mpcs-lesson .lesson-navigator-bottom {
    background: transparent !important;
    background-color: transparent !important;
}
body.single-mpcs-lesson {
    background: #0C0B0B !important;
}

/* Hide duplicate bottom navigation bar on lesson pages */
.single-mpcs-lesson .lesson-navigator-bottom {
    display: none !important;
}

/* Lesson page — featured image as header cover */
body.single-mpcs-lesson .top_panel,
body.single-mpcs-lesson .top_panel_custom {
    background-color: #0C0B0B !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 140px !important;
    transition: background-image 0.3s ease !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.06) !important;
}
/* Hide the old sidebar featured image figure */
#mpcs-sidebar .figure,
#mpcs-sidebar #mpcs-sidebar-header > figure,
.mpcs-sidebar-wrapper .figure {
    display: none !important;
}

/* Instructor row — inline avatar + name, above progress bar */
body.single-mpcs-lesson #mpcs-sidebar .instructor-full-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    margin-bottom: 5px !important;
}

/* Lesson content images — no black border/background */
.single-mpcs-lesson .post_content img,
.single-mpcs-lesson .entry-content img,
.single-mpcs-lesson .mpcs-main-content img,
#mpcs-main img {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto 20px !important;
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
}
/* Remove any figure/wrapper borders */
.single-mpcs-lesson figure,
.single-mpcs-lesson .wp-block-image,
.single-mpcs-lesson .entry-content figure {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
    box-shadow: none !important;
}

/* Welcome/hero image container — clip overflow from scaled image */
.single-mpcs-lesson .post_content > p:first-of-type,
.single-mpcs-lesson .entry-content > p:first-of-type {
    overflow: hidden !important;
    border-radius: 10px !important;
}
/* Welcome/hero image in lesson content — scale up to hide baked-in black frame */
.single-mpcs-lesson .post_content img[src*="welcome"],
.single-mpcs-lesson .post_content img[src*="generated-image"],
.single-mpcs-lesson .entry-content img[src*="welcome"],
.single-mpcs-lesson .entry-content img[src*="generated-image"],
.single-mpcs-lesson .post_content > p:first-of-type img,
.single-mpcs-lesson .entry-content > p:first-of-type img {
    width: 100% !important;
    max-height: 400px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    background: none !important;
    transform: scale(1.15) !important;
    display: block !important;
}

/* Lesson page — transparent header so cover image shows through */
body.single-mpcs-lesson .top_panel,
body.single-mpcs-lesson .top_panel_custom,
body.single-mpcs-lesson .top_panel_custom .elementor-section,
body.single-mpcs-lesson .top_panel_custom .elementor-container,
body.single-mpcs-lesson .top_panel_custom .elementor-column,
body.single-mpcs-lesson .top_panel_custom .elementor-widget-wrap,
body.single-mpcs-lesson .sc_layouts_row {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Lesson cover hero — background behind top 20% of page */
.lesson-cover-hero {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 40vh !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
/* Dark mask over the cover so content is readable */
.lesson-cover-hero::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, rgba(12, 11, 11, 0.2) 0%, rgba(12, 11, 11, 0.7) 70%, #0C0B0B 100%) !important;
    z-index: 1 !important;
}
body.single-mpcs-lesson .page_content_wrap {
    position: relative !important;
    background: transparent !important;
}
/* Content wrappers — transparent so cover shows through */
body.single-mpcs-lesson .page_content_wrap > .content_wrap,
body.single-mpcs-lesson .page_content_wrap > .content_wrap > .content,
body.single-mpcs-lesson .entry-content > .columns {
    position: relative !important;
    z-index: 2 !important;
    margin-top: 0 !important;
    background: transparent !important;
}
/* Sidebar and content sit on top of cover */
body.single-mpcs-lesson #mpcs-sidebar,
body.single-mpcs-lesson .mpcs-sidebar-wrapper {
    position: relative !important;
    z-index: 2 !important;
    background: rgba(12, 11, 11, 0.92) !important;
}
body.single-mpcs-lesson #mpcs-main,
body.single-mpcs-lesson .mpcs-main-content {
    position: relative !important;
    z-index: 2 !important;
    background: rgba(12, 11, 11, 0.92) !important;
}


/* ═══════════════════════════════════════════════
   FIX: Account page form field alignment
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr_account_form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 calc(33.333% - 10px) !important;
    box-sizing: border-box !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email {
    flex: 0 0 calc(33.333% - 10px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one {
    flex: 0 0 calc(50% - 8px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two {
    flex: 0 0 calc(50% - 8px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
    flex: 0 0 calc(25% - 12px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile {
    flex: 0 0 calc(50% - 8px) !important;
}
body.page-id-28206 #mepr_account_form .mepr_spacer {
    flex: 0 0 100% !important;
    height: 10px !important;
}
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100% !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row .iti {
    width: 100% !important;
}
/* Form inputs dark theme */
body.page-id-28206 #mepr_account_form input[type="text"],
body.page-id-28206 #mepr_account_form input[type="email"],
body.page-id-28206 #mepr_account_form input[type="tel"],
body.page-id-28206 #mepr_account_form input[type="password"],
body.page-id-28206 #mepr_account_form input[type="url"],
body.page-id-28206 #mepr_account_form select,
body.page-id-28206 #mepr_account_form textarea {
    background: rgba(15, 16, 20, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    height: 48px !important;
}
body.page-id-28206 #mepr_account_form input:focus,
body.page-id-28206 #mepr_account_form select:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}
body.page-id-28206 #mepr_account_form label,
body.page-id-28206 #mepr_account_form .mp-form-label label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}
body.page-id-28206 #mepr_account_form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    height: auto !important;
    transition: background 0.2s ease !important;
}
body.page-id-28206 #mepr_account_form input[type="submit"]:hover {
    background: #00cccc !important;
}
/* Responsive: stack fields on smaller screens */
@media (max-width: 768px) {
    body.page-id-28206 #mepr_account_form .mp-form-row,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
        flex: 0 0 100% !important;
    }
}

/* ═══════════════════════════════════════════════
   FIX: Course cards — remove black border
   Scoped to account courses page
   ═══════════════════════════════════════════════ */
.mepr-account-content .module-card,
.mepr-courses-wrapper .module-card,
.mpcs-course-list-grid .module-card,
.course-grid .module-card {
    background: rgba(12, 12, 16, 0.8) !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.mepr-account-content .module-card:hover,
.mepr-courses-wrapper .module-card:hover,
.mpcs-course-list-grid .module-card:hover,
.course-grid .module-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.05), 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
/* Card title — white, no background box */
.mepr-account-content .module-card .course-title,
.mepr-account-content .module-card h3,
.course-grid .course-title,
.course-grid h3 {
    color: #ffffff !important;
    background: none !important;
    background-color: transparent !important;
    padding: 12px 16px 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.mepr-account-content .module-card .course-title span,
.course-grid h3 span {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Card image */
.mepr-account-content .module-card img,
.course-grid .module-card img {
    border-radius: 15px 15px 0 0 !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}
/* Card description */
.mepr-account-content .module-card .course-description,
.course-grid .course-description {
    color: #999999 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
    margin: 4px 0 12px !important;
}


/* ═══════════════════════════════════════════════
   FIX: Course action buttons — remove glow
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-course-action-buttons a,
body.single-mpcs-course .mpcs-course-action-buttons button {
    background: transparent !important;
    color: #cccccc !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}
body.single-mpcs-course .mpcs-course-action-buttons a:hover,
body.single-mpcs-course .mpcs-course-action-buttons button:hover {
    color: #00FFFF !important;
    border-color: rgba(0,255,255,0.25) !important;
    box-shadow: none !important;
}
body.single-mpcs-course .mpcs-course-action-buttons {
    margin-bottom: 50px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Instructor name — tooltip BELOW avatar
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-full-wrapper {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 25px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper {
    position: relative !important;
    width: auto !important;
    z-index: 10 !important;
    overflow: visible !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid rgba(0, 255, 255, 0.25) !important;
    border-radius: 50% !important;
    padding: 3px !important;
    gap: 0 !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
    text-decoration: none !important;
    overflow: visible !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a:hover {
    transform: scale(1.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a > span {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    padding: 5px 14px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease, visibility 0.15s ease !important;
    z-index: 20 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    display: block !important;
    width: max-content !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper:hover a > span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ═══════════════════════════════════════════════
   FIX: Account sidebar icon enlarges with sidebar
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 15px 0 0 5px !important;
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar img {
    width: 20px !important;
    height: auto !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar:hover img {
    opacity: 1 !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    margin-top: 30px !important;
    transition: all 0.4s ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo img {
    max-width: 130px !important;
    transition: all 0.4s ease !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 40px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Read more toggle styling
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .course-description.expander {
    position: relative !important;
    overflow: hidden !important;
}
body.single-mpcs-course .moreless-toggle,
body.single-mpcs-course .read-more-link {
    color: rgba(0, 255, 255, 0.85) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    display: inline-block !important;
    margin-top: 10px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    text-decoration: none !important;
    transition: color 0.3s ease, opacity 0.3s ease !important;
    opacity: 0.8 !important;
}
body.single-mpcs-course .moreless-toggle:hover {
    color: #00FFFF !important;
    opacity: 1 !important;
}
body.single-mpcs-course .moreless-toggle::after {
    content: none !important;
    display: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Account page form field alignment
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr_account_form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row {
    display: block !important;
    flex: 0 0 calc(33.333% - 10px) !important;
    box-sizing: border-box !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile {
    flex: 0 0 calc(50% - 8px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
    flex: 0 0 calc(25% - 12px) !important;
}
body.page-id-28206 #mepr_account_form .mepr_spacer {
    flex: 0 0 100% !important;
    height: 10px !important;
}
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100% !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row .iti {
    width: 100% !important;
}
body.page-id-28206 #mepr_account_form input[type="text"],
body.page-id-28206 #mepr_account_form input[type="email"],
body.page-id-28206 #mepr_account_form input[type="tel"],
body.page-id-28206 #mepr_account_form input[type="url"],
body.page-id-28206 #mepr_account_form input[type="password"],
body.page-id-28206 #mepr_account_form select,
body.page-id-28206 #mepr_account_form textarea {
    background: rgba(15, 16, 20, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    height: 48px !important;
}
body.page-id-28206 #mepr_account_form input:focus,
body.page-id-28206 #mepr_account_form select:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}
body.page-id-28206 #mepr_account_form label {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}
body.page-id-28206 #mepr_account_form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    height: auto !important;
}
body.page-id-28206 #mepr_account_form input[type="submit"]:hover {
    background: #00cccc !important;
}
@media (max-width: 768px) {
    body.page-id-28206 #mepr_account_form .mp-form-row {
        flex: 0 0 100% !important;
    }
}

.mepr-account-content .module-card:hover,
.mepr-courses-wrapper .module-card:hover,
.course-grid .module-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 0 8px rgba(0, 255, 255, 0.05), 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}
.mepr-account-content .module-card .course-title,
.mepr-account-content .module-card h3,
.course-grid .course-title,
.course-grid h3 {
    color: #ffffff !important;
    background: none !important;
    background-color: transparent !important;
    padding: 12px 16px 4px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.mepr-account-content .module-card .course-title span,
.course-grid h3 span {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.mepr-account-content .module-card img,
.course-grid .module-card img {
    border-radius: 15px 15px 0 0 !important;
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
}
.mepr-account-content .module-card .course-description,
.course-grid .course-description {
    color: #999999 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 0 16px !important;
    margin: 4px 0 12px !important;
}

.course-grid .progress-details,
.module-card .progress-details {
    display: none !important;
}


/* Status buttons on cards */
.course-grid .module-action,
.module-card .module-action,
.mpcs-start-course,
a.mpcs-start-course,
.in-progress,
.mpcs-course-status-completed,
.course-grid .completed,
.module-card .completed {
    border-radius: 50px !important;
    padding: 8px 22px !important;
    font-weight: 700 !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    background: #00FFFF !important;
    color: #000000 !important;
    border: 1px solid #00FFFF !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}
.course-grid .module-action:hover,
.module-card .module-action:hover,
.mpcs-start-course:hover,
.mpcs-course-status-completed:hover,
.course-grid .completed:hover,
.module-card .completed:hover {
    background: #00cccc !important;
    border-color: #00cccc !important;
}

/* ═══════════════════════════════════════════════
   FIX: Lesson sidebar — Back to Course button
   Scoped to: body.single-mpcs-lesson
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    margin: 8px 8px !important;
    display: block !important;
    text-decoration: none !important;
    transition: border-color 0.2s ease !important;
    box-shadow: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile:hover {
    border-color: rgba(0,255,255,0.2) !important;
    box-shadow: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile-title,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile-title {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #cccccc !important;
}

/* ═══════════════════════════════════════════════
   FIX: Lesson navigation buttons (Complete/Previous)
   Scoped to: body.single-mpcs-lesson
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson .mpcs-lesson-navigation,
body.single-mpcs-lesson #mpcs-lesson-navigation {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 18px 40px !important;
    border: none !important;
    border-top: none !important;
    background: rgba(0, 0, 0, 0.2) !important;
    margin-top: 30px !important;
    box-shadow: none !important;
}
body.single-mpcs-lesson .mpcs-lesson-navigation a,
body.single-mpcs-lesson .mpcs-lesson-navigation button,
body.single-mpcs-lesson #mpcs-lesson-navigation a,
body.single-mpcs-lesson #mpcs-lesson-navigation button {
    background: transparent !important;
    color: #00FFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
/* Complete and Continue — primary action */
body.single-mpcs-lesson .mpcs-lesson-navigation button[type="submit"],
body.single-mpcs-lesson #mpcs-lesson-navigation button[type="submit"],
body.single-mpcs-lesson #mpcs-classroom-next-lesson-link {
    background: rgba(0, 255, 255, 0.12) !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
}
body.single-mpcs-lesson .mpcs-lesson-navigation a:hover,
body.single-mpcs-lesson .mpcs-lesson-navigation button:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation a:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation button:hover {
    background: rgba(0, 255, 255, 0.15) !important;
    border-color: rgba(0, 255, 255, 0.4) !important;
    box-shadow: none !important;
}
/* Sidebar toggle icon in nav bar */
body.single-mpcs-lesson .mpcs-lesson-navigation .btn.sidebar-open,
body.single-mpcs-lesson #mpcs-lesson-navigation .btn.sidebar-open {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px 12px !important;
    margin-right: auto !important;
}

/* ═══════════════════════════════════════════════
   FIX: Lesson sidebar — instructor avatar spacing
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-sidebar .instructor-full-wrapper,
body.single-mpcs-lesson .instructor-full-wrapper {
    display: flex !important;
    gap: 12px !important;
    padding: 12px 0 !important;
}

/* ═══════════════════════════════════════════════
   UNIFORM: Instructor profile circles — course hero
   Match lesson sidebar style: clean circle, name below on hover
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-full-wrapper {
    position: relative !important;
    z-index: 10 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 30px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper {
    position: relative !important;
    overflow: visible !important;
    z-index: 10 !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 255, 255, 0.25) !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a:hover {
    transform: scale(1.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* Name tooltip — below avatar on hover */
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a > span {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(0, 255, 255, 0.2) !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease !important;
    z-index: 100 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    display: block !important;
    width: max-content !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper:hover a > span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ═══════════════════════════════════════════════
   UNIFORM: Instructor profile circles — lesson sidebar
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper,
body.single-mpcs-lesson .instructor-wrapper {
    position: relative !important;
    overflow: visible !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a,
body.single-mpcs-lesson .instructor-wrapper a {
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 255, 255, 0.25) !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a:hover,
body.single-mpcs-lesson .instructor-wrapper a:hover {
    transform: scale(1.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a img,
body.single-mpcs-lesson .instructor-wrapper a img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a > span,
body.single-mpcs-lesson .instructor-wrapper a > span {
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    background: rgba(15, 16, 20, 0.95) !important;
    padding: 5px 10px !important;
    border-radius: 5px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.15s ease !important;
    z-index: 100 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    display: block !important;
    width: max-content !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper:hover a > span,
body.single-mpcs-lesson .instructor-wrapper:hover a > span {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ═══════════════════════════════════════════════
   UNIFORM: Instructor profile circles — account course cards
   ═══════════════════════════════════════════════ */
.mepr-account-content .instructor-wrapper,
.course-grid .instructor-wrapper,
.module-card .instructor-wrapper {
    position: relative !important;
    display: inline-block !important;
    overflow: visible !important;
}
.mepr-account-content .instructor-wrapper a,
.course-grid .instructor-wrapper a,
.module-card .instructor-wrapper a {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(0, 255, 255, 0.2) !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, transform 0.2s ease !important;
    text-decoration: none !important;
}
.mepr-account-content .instructor-wrapper a:hover,
.course-grid .instructor-wrapper a:hover,
.module-card .instructor-wrapper a:hover {
    transform: scale(1.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.mepr-account-content .instructor-wrapper a img,
.course-grid .instructor-wrapper a img,
.module-card .instructor-wrapper a img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: none !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mepr-account-content .instructor-wrapper a > span,
.course-grid .instructor-wrapper a > span,
.module-card .instructor-wrapper a > span {
    display: none !important;
}
.mepr-account-content .instructor-full-wrapper,
.course-grid .instructor-full-wrapper,
.module-card .instructor-full-wrapper {
    display: flex !important;
    gap: 6px !important;
    padding: 8px 16px !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Lesson nav bar — remove black background, match content border
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson .mpcs-lesson-navigation,
body.single-mpcs-lesson #mpcs-lesson-navigation,
body.single-mpcs-lesson #mpcs-navbar,
body.single-mpcs-lesson .mpcs-navbar {
    background: transparent !important;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
    padding: 18px 40px !important;
    margin-top: 30px !important;
}

/* ═══════════════════════════════════════════════
   REFINED: Instructor profile circles — all pages
   Thinner border, subtle glow, dark fallback bg
   ═══════════════════════════════════════════════ */

/* Course hero */
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a {
    width: 40px !important;
    height: 40px !important;
    border: 1.5px solid rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.04) !important;
    background: rgba(15, 16, 20, 0.8) !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .instructor-wrapper a:hover {
    border-color: rgba(0, 255, 255, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.08) !important;
    transform: scale(1.08) !important;
}

/* Lesson sidebar */
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a,
body.single-mpcs-lesson .instructor-wrapper a {
    width: 40px !important;
    height: 40px !important;
    border: 1.5px solid rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.04) !important;
    background: rgba(15, 16, 20, 0.8) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .instructor-wrapper a:hover,
body.single-mpcs-lesson .instructor-wrapper a:hover {
    border-color: rgba(0, 255, 255, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.08) !important;
    transform: scale(1.08) !important;
}

/* Account course cards */
.mepr-account-content .instructor-wrapper a,
.course-grid .instructor-wrapper a,
.module-card .instructor-wrapper a {
    width: 32px !important;
    height: 32px !important;
    border: 1.5px solid rgba(0, 255, 255, 0.12) !important;
    box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.03) !important;
    background: rgba(15, 16, 20, 0.8) !important;
}
.mepr-account-content .instructor-wrapper a:hover,
.course-grid .instructor-wrapper a:hover,
.module-card .instructor-wrapper a:hover {
    border-color: rgba(0, 255, 255, 0.4) !important;
    box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.06) !important;
    transform: scale(1.08) !important;
}

/* ═══════════════════════════════════════════════
   ACCOUNT PAGE — Full Aesthetic Overhaul
   Scoped to: body.page-id-28206
   ═══════════════════════════════════════════════ */

/* Welcome message banner */
body.page-id-28206 #mepr-account-welcome-message {
    background: rgba(0, 255, 255, 0.04) !important;
    border: 1px solid rgba(0, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 18px 24px !important;
    margin: 0 0 40px !important;
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}
body.page-id-28206 #mepr-account-welcome-message p {
    margin: 0 !important;
    color: inherit !important;
}

/* Main content area spacing */
body.page-id-28206 .mepr-account-container {
    max-width: 100% !important;
    padding: 30px 40px !important;
}

/* Account nav tabs */
body.page-id-28206 .mepr-account-container .mepr-account-nav {
    background: rgba(15, 16, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 15px 0 !important;
}
body.page-id-28206 .mepr-account-container .mepr-account-nav a {
    color: #cccccc !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    transition: color 0.2s ease, background 0.2s ease !important;
}
body.page-id-28206 .mepr-account-container .mepr-account-nav a:hover,
body.page-id-28206 .mepr-account-container .mepr-account-nav .mepr-active-nav-tab a {
    color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.05) !important;
}

/* Form card wrapper */
body.page-id-28206 #mepr_account_form {
    background: rgba(255, 255, 255, 0.015) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 35px 40px 30px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
}

/* Form field rows */
body.page-id-28206 #mepr_account_form .mp-form-row {
    display: block !important;
    flex: 0 0 calc(33.333% - 12px) !important;
    box-sizing: border-box !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile {
    flex: 0 0 calc(50% - 9px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip {
    flex: 0 0 calc(25% - 14px) !important;
}
body.page-id-28206 #mepr_account_form .mepr_spacer {
    flex: 0 0 100% !important;
    height: 5px !important;
}
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100% !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row .iti {
    width: 100% !important;
}

/* Labels */
body.page-id-28206 #mepr_account_form label,
body.page-id-28206 #mepr_account_form .mp-form-label label {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Inputs */
body.page-id-28206 #mepr_account_form input[type="text"],
body.page-id-28206 #mepr_account_form input[type="email"],
body.page-id-28206 #mepr_account_form input[type="tel"],
body.page-id-28206 #mepr_account_form input[type="url"],
body.page-id-28206 #mepr_account_form input[type="password"],
body.page-id-28206 #mepr_account_form select,
body.page-id-28206 #mepr_account_form textarea {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #e0e0e0 !important;
    padding: 14px 18px !important;
    border-radius: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    height: auto !important;
    font-family: inherit !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
body.page-id-28206 #mepr_account_form input:focus,
body.page-id-28206 #mepr_account_form select:focus,
body.page-id-28206 #mepr_account_form textarea:focus {
    border-color: rgba(0, 255, 255, 0.4) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 255, 0.06) !important;
    outline: none !important;
}

/* Save Profile button */
body.page-id-28206 #mepr_account_form input[type="submit"] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 14px 36px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    height: auto !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    box-shadow: 0 2px 12px rgba(0, 255, 255, 0.15) !important;
}
body.page-id-28206 #mepr_account_form input[type="submit"]:hover {
    background: #00cccc !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(0, 255, 255, 0.2) !important;
}

/* Change Password link */
body.page-id-28206 .mepr-account-change-password a {
    color: rgba(0, 255, 255, 0.7) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 10px !important;
}
body.page-id-28206 .mepr-account-change-password a:hover {
    color: #00FFFF !important;
}

/* Sidebar logo — enlarge when expanded */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo img {
    max-width: 140px !important;
    transition: all 0.4s ease !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 38px !important;
}

/* Sidebar nav links */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a {
    color: #999 !important;
    padding: 12px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s ease, background 0.2s ease !important;
    border-left: 2px solid transparent !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.03) !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a,
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a.mepr-active {
    color: #00FFFF !important;
    border-left-color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.04) !important;
}

/* Headings */
body.page-id-28206 .mepr-account-container h2,
body.page-id-28206 .mepr-account-container h3 {
    background: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Responsive */
@media (max-width: 768px) {
    body.page-id-28206 #mepr_account_form {
        padding: 25px 20px !important;
    }
    body.page-id-28206 #mepr_account_form .mp-form-row,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number,
    body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile {
        flex: 0 0 100% !important;
    }
}

/* ═══════════════════════════════════════════════
   FIX: Account page — remove excessive gaps
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mp_wrapper {
    padding: 20px 0 !important;
    margin: 0 !important;
}
body.page-id-28206 .mepr-account-container .mepr-account-content {
    padding-top: 0 !important;
}
body.page-id-28206 .mepr_spacer,
body.page-id-28206 .mepr-account-form .mepr_spacer {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.page-id-28206 #mepr-account-welcome-message {
    margin: 0 0 20px !important;
}
body.page-id-28206 .page_content_wrap {
    padding-top: 0 !important;
}
body.page-id-28206 .content_wrap {
    padding-top: 0 !important;
}
body.page-id-28206 .post_content {
    padding-top: 0 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Course cards border — ultra specific selectors
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid .course-grid.module-card,
body.page-id-28206 .course-lists-all-in-account.module-card,
body.page-id-28206 div.course-grid.module-card,
body.page-id-28206 .module-card {
    background: rgba(12, 12, 16, 0.8) !important;
    border: none !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}
body.page-id-28206 .module-card:hover,
body.page-id-28206 div.course-grid.module-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    border: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Back to Course button — remove glow on hover
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources a:hover,
body.single-mpcs-lesson .mpcs-sidebar-resources a:hover {
    border-color: rgba(0, 255, 255, 0.2) !important;
    box-shadow: none !important;
    outline: none !important;
    background: rgba(0, 255, 255, 0.04) !important;
}
/* Also target any anchor/button glow from parent theme */
body.single-mpcs-lesson #mpcs-sidebar a:hover,
body.single-mpcs-lesson #mpcs-sidebar button:hover {
    box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Lesson cover hero image
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson .lesson-cover-hero {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 220px !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 0 !important;
    pointer-events: none !important;
}
body.single-mpcs-lesson .page_wrap,
body.single-mpcs-lesson .mpcs-classroom {
    position: relative !important;
    z-index: 1 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Course page section cards — remove stray borders
   Scoped to: body.single-mpcs-course
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-section {
    background: rgba(15, 16, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}
body.single-mpcs-course .mpcs-section-header {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    outline: none !important;
    box-shadow: none !important;
}
body.single-mpcs-course .mpcs-section-header::before,
body.single-mpcs-course .mpcs-section-header::after {
    display: none !important;
}
body.single-mpcs-course .mpcs-lessons {
    background: transparent !important;
    border: none !important;
}
body.single-mpcs-course .lesson-module-card {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
    box-shadow: none !important;
    outline: none !important;
}
body.single-mpcs-course .lesson-module-card:last-child {
    border-bottom: none !important;
}
/* Remove any glow/border on the START buttons within sections */
body.single-mpcs-course .lesson-module-card .module-action,
body.single-mpcs-course .lesson-module-card a {
    box-shadow: none !important;
    outline: none !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Restore section card styling, remove only the stray corner line
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-section {
    border: none !important;
    border-radius: 14px !important;
}
body.single-mpcs-course .mpcs-section-header {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}
body.single-mpcs-course .lesson-module-card {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}
body.single-mpcs-course .lesson-module-card:last-child {
    border-bottom: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Account welcome message — push below header, align with content
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr-account-welcome-message {
    margin: 80px 0 25px !important;
    max-width: calc(100% - 40px) !important;
}

/* ═══════════════════════════════════════════════
   FIX: Change Password link — styled inline with form card
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-change-password {
    margin-top: 0 !important;
    padding: 0 0 40px !important;
}
body.page-id-28206 .mepr-account-change-password a {
    color: rgba(0, 255, 255, 0.6) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    padding: 10px 24px !important;
    border: 1px solid rgba(0, 255, 255, 0.12) !important;
    border-radius: 50px !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
    margin-top: 15px !important;
}
body.page-id-28206 .mepr-account-change-password a:hover {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.3) !important;
    background: rgba(0, 255, 255, 0.04) !important;
}

/* ═══════════════════════════════════════════════
   FIX: Account sidebar — align logo and nav icons
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 15px !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    align-self: center !important;
    margin: 10px auto 0 !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 20px !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav {
    width: 100% !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a {
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 10px !important;
}
/* When sidebar is expanded, left-align nav text */
body.page-id-28206 .mpr-account-sidebar:not(.deactive) #mepr-account-nav ul li a {
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 12px 20px !important;
}
/* When collapsed, center the icons */
body.page-id-28206 .mpr-account-sidebar.deactive {
    align-items: center !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar {
    margin: 10px auto 0 !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    justify-content: center !important;
    padding: 12px 0 !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a span {
    display: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Change Password beside Save Profile
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-change-password {
    display: inline-block !important;
    margin-top: 0 !important;
    padding: 0 !important;
    margin-left: 12px !important;
    vertical-align: middle !important;
}
body.page-id-28206 .mepr-submission-wraps {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}
body.page-id-28206 .mepr-account-change-password a {
    margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Welcome message — align with form card
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr-account-welcome-message {
    margin: 80px 40px 25px !important;
    max-width: none !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE FIX: Account sidebar — restore icons, fix alignment
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a span {
    display: inline !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label {
    display: none !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon {
    display: inline-flex !important;
}
body.page-id-28206 .mpr-account-sidebar:not(.deactive) #mepr-account-nav ul li a .menu-item-label {
    display: inline !important;
}
body.page-id-28206 .mpr-account-sidebar:not(.deactive) #mepr-account-nav ul li a .icon {
    display: inline-flex !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE FIX: Tighten spacing — welcome, form, change password
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr-account-welcome-message {
    margin: 80px 0 15px !important;
}
body.page-id-28206 .mp_wrapper {
    padding: 0 !important;
    margin: 0 !important;
}
body.page-id-28206 .mepr-account-container {
    padding: 0 40px !important;
}
body.page-id-28206 .mepr-account-container .mepr-account-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.page-id-28206 #mepr_account_form {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}
body.page-id-28206 .mepr_spacer {
    display: none !important;
}
body.page-id-28206 .mepr-account-change-password {
    margin-top: 0 !important;
    padding: 0 0 30px !important;
    margin-left: 0 !important;
    display: block !important;
}
body.page-id-28206 .mepr-submission-wraps {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
body.page-id-28206 .mepr-account-change-password a {
    margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Form validation errors — soft styling, not harsh red
   ═══════════════════════════════════════════════ */
body.page-id-28206 .cc-error,
body.page-id-28206 .mepr-form-has-errors,
body.page-id-28206 .mepr_error,
body.page-id-28206 span.cc-error,
body.page-id-28206 .mp-form-label .cc-error {
    color: #ff6b6b !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    background: transparent !important;
    border: none !important;
    padding: 4px 0 0 !important;
    margin: 0 !important;
}
/* "Please fix the errors above" message */
body.page-id-28206 .mepr-form-has-errors,
body.page-id-28206 .mepr_error {
    color: rgba(255, 107, 107, 0.8) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
/* Error state on input fields */
body.page-id-28206 #mepr_account_form .mp-form-row.invalid input,
body.page-id-28206 #mepr_account_form .mp-form-row.invalid select,
body.page-id-28206 #mepr_account_form input:invalid,
body.page-id-28206 #mepr_account_form .mepr-field-required.has-error input {
    border-color: rgba(255, 107, 107, 0.3) !important;
}
/* Validation tooltip */
body.page-id-28206 .mepr-form-input:invalid + .cc-error,
body.page-id-28206 [title] {
    font-size: 11px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Form field widths — fill evenly, no orphaned gaps
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name {
    flex: 0 0 calc(50% - 9px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email {
    flex: 0 0 calc(50% - 9px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one {
    flex: 0 0 calc(50% - 9px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two {
    flex: 0 0 calc(33.333% - 12px) !important;
}
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number,
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile {
    flex: 0 0 calc(50% - 9px) !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Change Password inside form, proper spacing
   ═══════════════════════════════════════════════ */

/* Welcome message spacing — clear header, tight to form */
body.page-id-28206 #mepr-account-welcome-message {
    margin-top: 100px !important;
    margin-bottom: 20px !important;
}

/* Change Password — beside Save Profile button */
body.page-id-28206 .mepr-account-change-password {
    display: none !important;
}
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    flex: 0 0 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding-top: 5px !important;
}
/* Re-inject Change Password as a styled link via CSS content — not possible.
   Instead, move it visually inside the form card with positioning */
body.page-id-28206 .mepr-account-change-password {
    display: block !important;
    position: relative !important;
    margin: -50px 0 0 180px !important;
    padding: 0 0 30px !important;
    z-index: 5 !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Sidebar — collapse icon stays put, logo enlarges/contracts
   ═══════════════════════════════════════════════ */

/* [REMOVED 2026-04-14] position:fixed toggle rule — was causing toggle to pin to viewport left:10px instead of centering in the sidebar. Root cause of the off-center logo/toggle issue. */

/* Logo — small when collapsed, large when expanded */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 50px !important;
    transition: all 0.4s ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo img {
    transition: max-width 0.4s ease, transform 0.4s ease !important;
}
/* Expanded: large logo */
body.page-id-28206 .mpr-account-sidebar:not(.deactive) .logo-wrapper .logo img {
    max-width: 120px !important;
}
/* Collapsed: small logo */
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 36px !important;
}

/* ═══════════════════════════════════════════════
   POLISH: Save Profile + Change Password same row
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-change-password {
    display: inline-block !important;
    position: static !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
body.page-id-28206 .mepr-submission-wraps + .mepr_spacer + .mepr-account-change-password,
body.page-id-28206 .mepr-account-change-password {
    margin-top: -45px !important;
    margin-left: 180px !important;
    position: relative !important;
    z-index: 5 !important;
    padding-bottom: 20px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Change Password — same line as Save Profile
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-change-password {
    display: inline-block !important;
    position: relative !important;
    margin: -60px 0 20px 190px !important;
    padding: 0 !important;
    z-index: 10 !important;
}

/* ═══════════════════════════════════════════════
   PROPER FIX: Save Profile + Change Password — flexbox row
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-submission-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}
body.page-id-28206 .mepr-submission-wraps {
    flex: 0 0 100% !important;
}
/* Reset all previous negative margin hacks */
body.page-id-28206 .mepr-account-change-password {
    display: inline-flex !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: auto !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Account form — clean consistent grid
   ═══════════════════════════════════════════════ */
body.page-id-28206 #mepr_account_form {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding: 35px 40px 30px !important;
}
/* Row 1: First Name | Last Name */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_first_name { grid-column: 1 !important; }
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_last_name { grid-column: 2 !important; }

/* Row 2: Email | Address 1 */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_email { grid-column: 1 !important; }
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-one { grid-column: 2 !important; }

/* Row 3: Address 2 | City */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-two { grid-column: 1 !important; }
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-city { grid-column: 2 !important; }

/* Row 4: Country | State */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-country { grid-column: 1 !important; }
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-state { grid-column: 2 !important; }

/* Row 5: Zip | Phone */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-address-zip { grid-column: 1 !important; }
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-phone-number { grid-column: 2 !important; }

/* Row 6: LinkedIn (full width) */
body.page-id-28206 #mepr_account_form .mp-form-row.mepr_mepr-linkedin-profile { grid-column: 1 / -1 !important; }

/* All form rows */
body.page-id-28206 #mepr_account_form .mp-form-row {
    flex: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Spacer — hidden */
body.page-id-28206 #mepr_account_form .mepr_spacer {
    display: none !important;
}

/* Submit row — full width */
body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
    grid-column: 1 / -1 !important;
    flex: none !important;
}
body.page-id-28206 .mepr-submission-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}
body.page-id-28206 .mepr-account-change-password {
    display: inline-flex !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Responsive: single column on mobile */
@media (max-width: 768px) {
    body.page-id-28206 #mepr_account_form {
        grid-template-columns: 1fr !important;
    }
    body.page-id-28206 #mepr_account_form .mp-form-row {
        grid-column: 1 !important;
    }
    body.page-id-28206 #mepr_account_form .mepr-submission-wraps {
        grid-column: 1 !important;
    }
    body.page-id-28206 .mepr-submission-buttons {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Sidebar logo + toggle — proper stacking
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 0 20px !important;
    gap: 15px !important;
}
/* Collapse toggle — static, not fixed */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    position: static !important;
    margin: 0 !important;
    order: 1 !important;
}
/* Logo — below toggle */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    order: 2 !important;
    margin: 0 !important;
}
/* Expanded: large logo */
body.page-id-28206 .mpr-account-sidebar:not(.deactive) .logo-wrapper .logo img {
    max-width: 120px !important;
}
/* Collapsed: small logo */
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 36px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: All lesson page buttons — clean flat style
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-lesson-navigation a,
body.single-mpcs-lesson #mpcs-lesson-navigation button,
body.single-mpcs-lesson .mpcs-lesson-navigation a,
body.single-mpcs-lesson .mpcs-lesson-navigation button,
body.single-mpcs-lesson #mpcs-navbar a,
body.single-mpcs-lesson #mpcs-navbar button,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
body.single-mpcs-lesson #mpcs-lesson-navigation a:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation button:hover,
body.single-mpcs-lesson .mpcs-lesson-navigation a:hover,
body.single-mpcs-lesson .mpcs-lesson-navigation button:hover,
body.single-mpcs-lesson #mpcs-navbar a:hover,
body.single-mpcs-lesson #mpcs-navbar button:hover,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    border-color: rgba(0, 255, 255, 0.2) !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
}
/* Complete and Continue — slightly more prominent */
body.single-mpcs-lesson #mpcs-lesson-navigation button[type="submit"],
body.single-mpcs-lesson .mpcs-lesson-navigation button[type="submit"],
body.single-mpcs-lesson #mpcs-classroom-next-lesson-link {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(0, 255, 255, 0.2) !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Match local sidebar layout exactly
   ═══════════════════════════════════════════════ */

/* Logo wrapper — column layout, left-aligned toggle, centered logo */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    padding: 10px 10px 0 !important;
    gap: 0 !important;
}

/* Collapse toggle — top left, small */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    position: static !important;
    margin: 0 0 15px 0 !important;
    padding: 8px !important;
    align-self: flex-start !important;
}

/* Logo — centered, enlarges when open */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 0 25px 0 !important;
}

/* EXPANDED: large logo */
body.page-id-28206 .mpr-account-sidebar:not(.deactive) .logo-wrapper .logo img {
    max-width: 110px !important;
    transition: max-width 0.3s ease !important;
}

/* COLLAPSED: small logo */
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 32px !important;
    transition: max-width 0.3s ease !important;
}

/* Nav items — left aligned with icon + label */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 18px !important;
    justify-content: flex-start !important;
    text-align: left !important;
    color: #999 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-left: 3px solid transparent !important;
    transition: all 0.2s ease !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.03) !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a {
    color: #00FFFF !important;
    border-left-color: #00FFFF !important;
    background: rgba(0, 255, 255, 0.05) !important;
}

/* Icon spans */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a .icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    flex-shrink: 0 !important;
    font-size: 16px !important;
    color: inherit !important;
}

/* Label text */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a .menu-item-label {
    display: inline !important;
    white-space: nowrap !important;
}

/* COLLAPSED: hide labels, center icons */
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    justify-content: center !important;
    padding: 13px 0 !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label {
    display: none !important;
}
body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper {
    align-items: center !important;
}

/* ═══════════════════════════════════════════════
   FIX: Account sub-pages (payments, courses, etc) — top spacing
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-container .mepr-account-content {
    padding-top: 100px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Account content — proper clearance from header
   Applies to all account sub-pages (home, payments, courses)
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mepr-account-container {
    padding-top: 80px !important;
}
body.page-id-28206 .mepr-account-container .mepr-account-content {
    padding-top: 20px !important;
}
/* Sidebar should not overlap content */
body.page-id-28206 .mpr-account-sidebar {
    padding-top: 80px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Course cards — kill ALL borders aggressively
   ═══════════════════════════════════════════════ */
body.page-id-28206 .course-grid,
body.page-id-28206 .module-card,
body.page-id-28206 .course-grid.module-card,
body.page-id-28206 .course-lists-all-in-account,
body.page-id-28206 .course-lists-all-in-account.module-card,
body.page-id-28206 div.course-grid.course-lists-all-in-account.module-card,
body.page-id-28206 .mpcs-course-list-grid > div {
    border: 0 !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    background: rgba(12, 12, 16, 0.8) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}
body.page-id-28206 .course-grid *,
body.page-id-28206 .module-card * {
    border-color: transparent !important;
}
/* Only allow internal subtle separators */
body.page-id-28206 .module-card .course-title,
body.page-id-28206 .course-grid .course-title {
    border: none !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Sidebar — centered logo with spacing
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar {
    padding-top: 15px !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper {
    align-items: center !important;
    padding: 10px 0 !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    align-self: center !important;
    margin-bottom: 20px !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    margin-bottom: 30px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Courses page content — clear header
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid,
body.page-id-28206 .course-lists-all-in-account {
    margin-top: 20px !important;
}

/* ═══════════════════════════════════════════════
   FINAL FIX: Account page content top spacing
   High specificity to override all previous patches
   ═══════════════════════════════════════════════ */
body.page-id-28206 .page_content_wrap .content_wrap .content .post_content .mepr-account-container .mepr-account-content {
    padding-top: 100px !important;
    min-height: 60vh !important;
}
body.page-id-28206 .page_content_wrap .content_wrap .content .post_content .mp_wrapper {
    padding-top: 80px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Sidebar collapsed width — more breathing room
   ═══════════════════════════════════════════════ */
.mpr-account-sidebar.deactive {
    width: 90px !important;
}
body.page-id-28206.logged-in.pannel-sidebar-deactive .page_wrap {
    padding-left: 90px !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li {
    margin: 2px 8px !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    padding: 14px 0 !important;
}
.mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon {
    font-size: 20px !important;
}
.mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 42px !important;
}
@media (max-width: 767px) {
    .mpr-account-sidebar.deactive {
        width: 60px !important;
    }
    body.page-id-28206.logged-in.pannel-sidebar-deactive .page_wrap,
    body.page-id-28206.logged-in .page_wrap {
        padding-left: 60px !important;
    }
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Logo lower, collapse icon stays fixed
   ═══════════════════════════════════════════════ */
.mpr-account-sidebar .logo-wrapper .logo {
    margin-top: 45px !important;
    margin-bottom: 35px !important;
}
/* Collapse icon — same position whether open or closed */
.mpr-account-sidebar .logo-wrapper .pannel-bar {
    margin: 15px auto 0 !important;
    align-self: center !important;
}
.mpr-account-sidebar:not(.deactive) .logo-wrapper .pannel-bar {
    margin: 15px auto 0 !important;
    align-self: center !important;
}

/* ═══════════════════════════════════════════════
   NUCLEAR: Kill ALL borders on course cards + add header spacing
   Uses every possible selector combination
   ═══════════════════════════════════════════════ */

/* Content top spacing */
body.page-id-28206 .mpcs-course-list-grid {
    padding-top: 100px !important;
}

/* Kill borders — target every element inside the grid */
body.page-id-28206 .mpcs-course-list-grid > *,
body.page-id-28206 .mpcs-course-list-grid > div,
body.page-id-28206 .mpcs-course-list-grid .course-grid,
body.page-id-28206 .mpcs-course-list-grid .module-card,
body.page-id-28206 .mpcs-course-list-grid .course-lists-all-in-account {
    border: 0 none transparent !important;
    border-width: 0 !important;
    outline: 0 none !important;
    outline-width: 0 !important;
}
/* Also target the combined class */
body.page-id-28206 div.course-grid.course-lists-all-in-account.module-card {
    border: 0 none transparent !important;
    outline: 0 none !important;
}
/* And any pseudo-elements creating borders */
body.page-id-28206 .mpcs-course-list-grid > *::before,
body.page-id-28206 .mpcs-course-list-grid > *::after {
    border: none !important;
    outline: none !important;
}

/* ═══════════════════════════════════════════════
   COMPREHENSIVE FIX: Sidebar z-index, header, footer, card borders
   ═══════════════════════════════════════════════ */

/* [2026-04-14] Sidebar ABOVE header — background should extend to viewport top/bottom edge */
.mpr-account-sidebar {
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 10001 !important;
}
body.page-id-28206 .top_panel,
body.page-id-28206 header {
    z-index: 100 !important;
    position: relative !important;
}

/* Footer — respect sidebar baseline */
body.page-id-28206.logged-in .footer_wrap,
body.page-id-28206.logged-in footer {
    margin-left: 0 !important;
    padding-left: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Sidebar starts below header */
.mpr-account-sidebar .logo-wrapper {
    padding-top: 14px !important; /* [2026-04-14] was 70px — legacy sticky-header offset, no longer needed */
}

/* ═══════════════════════════════════════════════
   FINAL: Card borders — use outline trick to override
   The border is from the courses_list.php template's 
   .module-card class in the child theme's own CSS
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid .module-card,
body.page-id-28206 .mpcs-course-list-grid .course-grid,
body.page-id-28206 .mpcs-course-list-grid > div {
    border: 0 !important;
    border-style: none !important;
    border-width: 0px !important;
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
/* Override the glow pseudo-elements that create the border effect */
body.page-id-28206 .mpcs-course-list-grid .module-card::after,
body.page-id-28206 .mpcs-course-list-grid .course-grid::after,
body.page-id-28206 .mpcs-course-list-grid > div::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    border: none !important;
    background: none !important;
}
body.page-id-28206 .mpcs-course-list-grid .module-card::before,
body.page-id-28206 .mpcs-course-list-grid .course-grid::before,
body.page-id-28206 .mpcs-course-list-grid > div::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    border: none !important;
    background: none !important;
}

/* ═══════════════════════════════════════════════
   [2026-04-14] INVERTED: Sidebar starts AT top and covers full viewport
   height — background now extends edge-to-edge vertically and sits above
   the theme header strip.
   ═══════════════════════════════════════════════ */
.mpr-account-sidebar {
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 10001 !important;
}
/* Header kept below the sidebar strip */
body.page-id-28206 .top_panel,
body.page-id-28206 .top_panel_custom,
body.page-id-28206 header.top_panel {
    z-index: 100 !important;
    position: relative !important;
}
/* Remove the internal padding-top we added for the logo — no longer needed */
.mpr-account-sidebar .logo-wrapper {
    padding-top: 10px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse icon static top-left, logo centered below
   ═══════════════════════════════════════════════ */
.mpr-account-sidebar .logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 10px 0 0 !important;
    gap: 0 !important;
}
/* Collapse icon — top left, stays put */
.mpr-account-sidebar .logo-wrapper .pannel-bar {
    align-self: flex-start !important;
    margin: 0 0 0 12px !important;
    padding: 8px !important;
}
/* Logo — centered, with generous spacing from toggle */
.mpr-account-sidebar .logo-wrapper .logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 30px 0 35px !important;
}
/* Expanded: large logo centered */
.mpr-account-sidebar:not(.deactive) .logo-wrapper .logo img {
    max-width: 110px !important;
}
/* Collapsed: small logo centered */
.mpr-account-sidebar.deactive .logo-wrapper .logo img {
    max-width: 40px !important;
}
/* Collapsed: toggle also stays top-left */
.mpr-account-sidebar.deactive .logo-wrapper .pannel-bar {
    align-self: center !important;
    margin: 0 !important;
}
.mpr-account-sidebar.deactive .logo-wrapper .logo {
    margin: 20px 0 25px !important;
}

/* ════════════════════════════════════════════════════════
   DEFINITIVE OVERRIDES — Last in file, highest specificity
   These use double-class and ID selectors to WIN all conflicts
   ════════════════════════════════════════════════════════ */

/* ── SIDEBAR LAYOUT ── */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 10px 0 0 !important;
    gap: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    align-self: flex-start !important;
    margin: 0 0 0 15px !important;
    padding: 8px !important;
    position: static !important;
    background: transparent !important;
    border: none !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    align-self: center !important;
    margin: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 30px 0 35px !important;
}
body.page-id-28206 div.mpr-account-sidebar:not(.deactive) div.logo-wrapper a.logo img {
    max-width: 110px !important;
    transition: max-width 0.3s ease !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 20px 0 25px !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo img {
    max-width: 40px !important;
    transition: max-width 0.3s ease !important;
}

/* ── COURSE CARD BORDERS — KILL THEM ALL ── */
body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card {
    border: 0 none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: 0 none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background: transparent !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}
/* Glow enabled — pseudo-elements controlled by .is-hovered class via JS */
/* Hover — subtle lift */
body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Account page footer — centered, not hugging left
   ═══════════════════════════════════════════════ */
body.page-id-28206 .footer_wrap,
body.page-id-28206 footer {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
body.page-id-28206 .footer_wrap .elementor-container {
    justify-content: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}
body.page-id-28206 .footer_wrap .elementor-column {
    text-align: left !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Logo centered between collapse icon and nav
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 10px 0 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin: 15px 0 15px !important;
    flex: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 12px 0 12px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Footer — natural positioning, not forced center
   ═══════════════════════════════════════════════ */
body.page-id-28206 .footer_wrap,
body.page-id-28206 footer {
    text-align: left !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}
body.page-id-28206 .footer_wrap .elementor-container {
    justify-content: flex-start !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 60px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Back to Course button — no glow, clean flat style
   Target the MemberPress classroom plugin styles
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson .mpcs-sidebar-resources .tile,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile,
body.single-mpcs-lesson .mpcs-sidebar-resources a.tile,
body.single-mpcs-lesson #mpcs-sidebar a.tile.mepr-resources {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
    padding: 10px 16px !important;
    transition: border-color 0.2s ease !important;
}
body.single-mpcs-lesson .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson #mpcs-sidebar .mpcs-sidebar-resources .tile:hover,
body.single-mpcs-lesson #mpcs-sidebar a.tile.mepr-resources:hover {
    border-color: rgba(0, 255, 255, 0.15) !important;
    background: rgba(0, 255, 255, 0.03) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
body.single-mpcs-lesson .mpcs-sidebar-resources .tile::before,
body.single-mpcs-lesson .mpcs-sidebar-resources .tile::after {
    display: none !important;
    content: none !important;
}

/* ═══════════════════════════════════════════════
   FIX: Resources page title — match website aesthetic
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-course-lists-wrapper h2,
body.single-mpcs-course .mpcs-course-lists-wrapper h1,
body.single-mpcs-course .content h2,
body.single-mpcs-course .post_content h2,
body.single-mpcs-course .entry-content h2 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 25px !important;
    border: none !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.1) !important;
    padding-bottom: 15px !important;
}
body.single-mpcs-course .mpcs-course-lists-wrapper h2 span,
body.single-mpcs-course .content h2 span,
body.single-mpcs-course .post_content h2 span {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: inherit !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Logo — more space below toggle, centered between toggle and Home
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin: 25px 0 20px !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 20px 0 18px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse toggle — absolute position, never moves
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper {
    position: relative !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 10 !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}
/* Logo needs top padding to clear the absolute-positioned toggle */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin-top: 55px !important;
    margin-bottom: 20px !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin-top: 50px !important;
    margin-bottom: 18px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Download Certificate button — clean, no glow
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-certificate-link,
body.single-mpcs-course a.mpcs-certificate-link,
body.single-mpcs-course a[href*="certificate"],
body.single-mpcs-course .mpcs-course-action-buttons a[href*="certificate"],
body.single-mpcs-course .mpcs-course-action-buttons .mpcs-certificate-link {
    background: transparent !important;
    color: #cccccc !important;
    padding: 10px 22px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    float: none !important;
    transition: all 0.2s ease !important;
}
body.single-mpcs-course .mpcs-certificate-link:hover,
body.single-mpcs-course a[href*="certificate"]:hover {
    color: #00FFFF !important;
    border-color: rgba(0, 255, 255, 0.25) !important;
    box-shadow: none !important;
}
body.single-mpcs-course .mpcs-certificate-link *,
body.single-mpcs-course a[href*="certificate"] * {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    border-radius: 0 !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Account HOME page — reduce top spacing
   Only for home tab (no ?action= parameter)
   ═══════════════════════════════════════════════ */
body.page-id-28206 .page_content_wrap .content_wrap .content .post_content .mp_wrapper {
    padding-top: 30px !important;
}
body.page-id-28206 #mepr-account-welcome-message {
    margin-top: 30px !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse icon — centered, not far left
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse icon — truly centered using parent flex
   Remove absolute positioning, use flex centering instead
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    position: static !important;
    left: auto !important;
    transform: none !important;
    align-self: center !important;
    margin: 0 auto !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    position: static !important;
    left: auto !important;
    transform: none !important;
    align-self: center !important;
    margin: 0 auto !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse icon — fixed pixel position, never moves
   Centered within the collapsed width (90px), stays there when expanded
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 10px !important;
    left: 35px !important;
    transform: none !important;
    align-self: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 10px !important;
    left: 35px !important;
    transform: none !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Certificate button — kill all glow/border from every source
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-course-action-buttons a,
body.single-mpcs-course .mpcs-course-action-buttons button,
body.single-mpcs-course .mpcs-course-action-buttons span,
body.single-mpcs-course .mpcs-course-action-buttons div {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
}
body.single-mpcs-course .mpcs-course-action-buttons a::before,
body.single-mpcs-course .mpcs-course-action-buttons a::after {
    display: none !important;
    content: none !important;
}

/* ═══════════════════════════════════════════════
   NUCLEAR: ALL sidebar buttons/tiles — no glow, no thick border
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson #mpcs-sidebar a,
body.single-mpcs-lesson #mpcs-sidebar button,
body.single-mpcs-lesson #mpcs-sidebar .tile,
body.single-mpcs-lesson #mpcs-sidebar .mepr-resources,
body.single-mpcs-lesson .mpcs-sidebar-wrapper a,
body.single-mpcs-lesson .mpcs-sidebar-wrapper .tile {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    outline: none !important;
    text-shadow: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar a::before,
body.single-mpcs-lesson #mpcs-sidebar a::after,
body.single-mpcs-lesson #mpcs-sidebar .tile::before,
body.single-mpcs-lesson #mpcs-sidebar .tile::after {
    display: none !important;
    content: none !important;
}
body.single-mpcs-lesson #mpcs-sidebar a:hover,
body.single-mpcs-lesson #mpcs-sidebar .tile:hover {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
}
/* Specific overrides for Resources and Back to Course */
body.single-mpcs-lesson .mpcs-sidebar-resources a.tile {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 8px !important;
    background: transparent !important;
}
body.single-mpcs-lesson .mpcs-sidebar-resources a.tile:hover {
    border-color: rgba(0, 255, 255, 0.15) !important;
    background: rgba(0, 255, 255, 0.03) !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Collapse icon — centered in collapsed sidebar (90px wide)
   45px = center of 90px sidebar
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar,
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 10px !important;
    left: 25px !important;
    transform: none !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════
   RESTORE: Course card glow on hover (account page)
   Re-enable ::before and ::after for glow effect
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid .module-card::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.6), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 99 !important;
}
body.page-id-28206 .mpcs-course-list-grid .module-card.is-hovered::after {
    opacity: 1 !important;
}
body.page-id-28206 .mpcs-course-list-grid .module-card::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.08), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 98 !important;
}
body.page-id-28206 .mpcs-course-list-grid .module-card.is-hovered::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   OVERRIDE: Logo — more space, centered between toggle and Home
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin-top: 45px !important;
    margin-bottom: 30px !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin-top: 40px !important;
    margin-bottom: 25px !important;
}

/* ═══════════════════════════════════════════════
   FIX: Logo spacing — push down from collapse icon
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

/* ═══════════════════════════════════════════════
   FORCE: Logo spacing — max specificity
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin: 40px auto 30px !important;
    padding: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 35px auto 25px !important;
    padding: 0 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Hamburger menu — preserve padding on course pages
   The .content_wrap padding:0 was stripping menu padding
   ═══════════════════════════════════════════════ */
/* removed: menu_mobile padding was causing grey bar */
}

/* ═══════════════════════════════════════════════
   RESTORE: Card glow hover — course cards on account page  
   ═══════════════════════════════════════════════ */
.course-grid.module-card,
.mpcs-course-list-grid .module-card {
    position: relative !important;
    --mouse-x: 50%;
    --mouse-y: 0%;
}
.course-grid.module-card::after,
.mpcs-course-list-grid .module-card::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.6), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 99 !important;
    display: block !important;
}
.course-grid.module-card.is-hovered::after,
.mpcs-course-list-grid .module-card.is-hovered::after {
    opacity: 1 !important;
}
.course-grid.module-card::before,
.mpcs-course-list-grid .module-card::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.08), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 98 !important;
    display: block !important;
}
.course-grid.module-card.is-hovered::before,
.mpcs-course-list-grid .module-card.is-hovered::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   RESTORE: Lesson sidebar card glow on hover
   ═══════════════════════════════════════════════ */
body.single-mpcs-lesson .lesson-module-card:not(.locked) {
    position: relative !important;
    --mouse-x: 50%;
    --mouse-y: 0%;
}
body.single-mpcs-lesson .lesson-module-card:not(.locked)::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.6), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 99 !important;
    display: block !important;
}
body.single-mpcs-lesson .lesson-module-card:not(.locked).is-hovered::after {
    opacity: 1 !important;
}
body.single-mpcs-lesson .lesson-module-card:not(.locked)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.08), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 98 !important;
    display: block !important;
}
body.single-mpcs-lesson .lesson-module-card:not(.locked).is-hovered::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   ADD: Course page section card glow on hover
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .mpcs-section .lesson-module-card:not(.locked) {
    position: relative !important;
    --mouse-x: 50%;
    --mouse-y: 0%;
}
body.single-mpcs-course .mpcs-section .lesson-module-card:not(.locked)::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    padding: 2px !important;
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.6), transparent 40%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 99 !important;
    display: block !important;
}
body.single-mpcs-course .mpcs-section .lesson-module-card:not(.locked).is-hovered::after {
    opacity: 1 !important;
}
body.single-mpcs-course .mpcs-section .lesson-module-card:not(.locked)::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(0,255,255,0.08), transparent 40%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease !important;
    z-index: 98 !important;
    display: block !important;
}
body.single-mpcs-course .mpcs-section .lesson-module-card:not(.locked).is-hovered::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   FIX: Course page header — ensure it's visible over hero
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .top_panel,
body.single-mpcs-course header.top_panel {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* ═══════════════════════════════════════════════
   FIX: Hamburger menu close button — proper right padding
   ═══════════════════════════════════════════════ */
body.single-mpcs-course .menu_mobile_close,
body.single-mpcs-course .side_panel_close,
body.single-mpcs-lesson .menu_mobile_close,
body.single-mpcs-lesson .side_panel_close {
    right: 20px !important;
    top: 20px !important;
    padding: 10px !important;
    z-index: 10000 !important;
}

/* ═══════════════════════════════════════════════
   NUCLEAR: Card border — kill on card AND all children
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid .course-grid.module-card,
body.page-id-28206 .mpcs-course-list-grid .course-grid.module-card > .wrapper,
body.page-id-28206 .mpcs-course-list-grid .course-grid.module-card > .thumbnail,
body.page-id-28206 .mpcs-course-list-grid .course-grid.module-card > div {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════
   FORCE: Sidebar logo spacing — massive specificity
   ═══════════════════════════════════════════════ */
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper {
    padding-top: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar {
    margin-bottom: 0 !important;
}
body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin: 35px auto 30px !important;
}
body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 30px auto 25px !important;
}

/* ═══════════════════════════════════════════════
   REAL FIX: Card "border" is actually background contrast
   Match card background exactly to page background
   ═══════════════════════════════════════════════ */
body.page-id-28206 .mpcs-course-list-grid .course-grid.course-lists-all-in-account.module-card {
    background: #0C0B0B !important;
    background-color: #0C0B0B !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
body.page-id-28206 .mpcs-course-list-grid .course-grid.course-lists-all-in-account.module-card > .wrapper {
    background: transparent !important;
    border: none !important;
}

/* ═══════════════════════════════════════════════
   REAL FIX: Logo — use !important on every property
   with the most specific selector possible
   ═══════════════════════════════════════════════ */
html body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin-top: 35px !important;
    margin-bottom: 30px !important;
    display: flex !important;
    justify-content: center !important;
}
html body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin-top: 30px !important;
    margin-bottom: 25px !important;
}

/* ═══════════════════════════════════════════════
   FIX: page_content_wrap lighter background
   ═══════════════════════════════════════════════ */
body.page-id-28206 .page_content_wrap {
    background: #0C0B0B !important;
    background-color: #0C0B0B !important;
    border: none !important;
    box-shadow: none !important;
}

/* ═══════════════════════════════════════════════
   FINAL OVERRIDES — appended last, wins cascade
   ═══════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════
   FINAL FIXES — clean append (2026-03-22)
   ═══════════════════════════════════════════════ */

/* Card border fix — transparent bg, no glow artifacts */
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #0C0B0B !important;
}
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card.is-hovered {
    box-shadow: none !important;
}

/* Glow pseudo-elements — hidden until hover */
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card::after,
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card::before {
    display: none !important;
}
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card.is-hovered::after,
html body.page-id-28206 .mpcs-course-list-grid div.course-grid.course-lists-all-in-account.module-card.is-hovered::before {
    display: block !important;
}

/* Sidebar logo spacing */
html body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper button.pannel-bar,
html body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper button.pannel-bar {
    position: absolute !important;
    top: 5px !important;
    margin: 0 !important;
}
html body.page-id-28206 div.mpr-account-sidebar div.logo-wrapper a.logo {
    margin: 60px auto 35px !important;
}
html body.page-id-28206 div.mpr-account-sidebar.deactive div.logo-wrapper a.logo {
    margin: 55px auto 30px !important;
}

/* Menu mobile — above sidebar */
.menu_mobile,
.menu_mobile_overlay {
    z-index: 999999 !important;
}
body.page-id-28206 header.top_panel {
    z-index: 10000 !important;
}
body.page-id-28206 .sc_layouts_menu_mobile_button {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    position: relative !important;
}

/* Hide sidebar when mobile menu is open */
html body.menu_mobile_opened .mpr-account-sidebar,html body.page-id-28206.menu_mobile_opened .mpr-account-sidebar,html body.page-id-28206.menu_mobile_opened .mpr-account-sidebar.deactive {    display: none !important;    visibility: hidden !important;    width: 0 !important;    opacity: 0 !important;    z-index: -1 !important;}

/* Course page header */
body.single-mpcs-course header.top_panel {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    background: transparent !important;
}
body.single-mpcs-course .top_panel .elementor-section,
body.single-mpcs-course .top_panel .elementor-element,
body.single-mpcs-course .top_panel .sc_layouts_row,
body.single-mpcs-course .top_panel [data-settings] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}
body.single-mpcs-course .page_content_wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.single-mpcs-course .page_wrap {
    padding-top: 0 !important;
}

/* Lesson/Course close button */
body.single-mpcs-lesson .menu_mobile_close,
body.single-mpcs-course .menu_mobile_close {
    right: 30px !important;
    position: absolute !important;
    top: 25px !important;
}

/* Certificate double border fix */
html body div.mpcs-certificate-link,
html body .mpcs-course-action-buttons > .mpcs-certificate-link {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Remove 70% black overlay on courses wrapper */
.mepr-courses-wrapper::before {
    display: none !important;
    content: none !important;
}

/* Country select dark theme */
body #mepr-account-form select {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Login page dark theme */
body .mepr-login-form-wrap {
    max-width: 500px !important;
    margin: 60px auto !important;
}
body .mepr-login-form-wrap input[type='text'],
body .mepr-login-form-wrap input[type='email'],
body .mepr-login-form-wrap input[type='password'] {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
}
body .mepr-login-form-wrap input[type='text']:focus,
body .mepr-login-form-wrap input[type='email']:focus,
body .mepr-login-form-wrap input[type='password']:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
}

/* Completed button — no glow */
.single-mpcs-course .mpcs-thumbnail-wrapper .mpcs-button {
    box-shadow: none !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-button {
    box-shadow: none !important;
}


/* Menu mobile — only when OPENED, cover full viewport on account page */
body.page-id-28206 .menu_mobile.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
}
body.page-id-28206 .menu_mobile_overlay.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
}

/* Logged-out account page — centered login card */
body.user-loggedout .post_content > .mp_wrapper,
body.user-loggedout .entry-content > .mp_wrapper {
    max-width: 500px !important;
    margin: 80px auto !important;
    background: rgba(255,255,255,0.025) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 16px !important;
    padding: 45px 40px 35px !important;
    box-sizing: border-box !important;
}
body.user-loggedout .mepr-login-form-wrap {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.user-loggedout .mp_login_form {
    max-width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}
body.user-loggedout .mp_login_form label,
body.user-loggedout .mepr-form label {
    color: rgba(255,255,255,0.5) !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
body.user-loggedout .mp_login_form input[type=text],
body.user-loggedout .mp_login_form input[type=email],
body.user-loggedout .mp_login_form input[type=password],
body.user-loggedout .mepr-form input[type=text],
body.user-loggedout .mepr-form input[type=email],
body.user-loggedout .mepr-form input[type=password] {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    padding: 14px 16px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
}
body.user-loggedout .mp_login_form input[type=text]:focus,
body.user-loggedout .mp_login_form input[type=email]:focus,
body.user-loggedout .mp_login_form input[type=password]:focus {
    border-color: rgba(255, 255, 255, 0.25) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px rgba(0,255,255,0.15) !important;
}
body.user-loggedout .mp_login_form input[type=submit],
body.user-loggedout .mepr-form input[type=submit] {
    background: #00FFFF !important;
    color: #000000 !important;
    border: none !important;
    padding: 14px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 10px !important;
}
body.user-loggedout .mp_login_form input[type=submit]:hover {
    background: #00cccc !important;
}
body.user-loggedout .mepr-login-actions,
body.user-loggedout .mp-form-row.mepr_login_actions {
    text-align: center !important;
    margin-top: 15px !important;
}
body.user-loggedout .mepr-login-actions a,
body.user-loggedout .mp_login_form a {
    color: #00FFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
body.user-loggedout .mepr-login-actions a:hover,
body.user-loggedout .mp_login_form a:hover {
    color: #00cccc !important;
}
body.user-loggedout .mp-hide-pw {
    color: rgba(255,255,255,0.4) !important;
}
body.user-loggedout .mp-form-row {
    margin-bottom: 5px !important;
}
/* See membership plans button */
body.user-loggedout .mepr-login-form-wrap + a,
body.user-loggedout a[href*=membership] {
    color: #00FFFF !important;
    border: 1px solid rgba(0,255,255,0.3) !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 25px !important;
}
body.user-loggedout a[href*=membership]:hover {
    background: rgba(0,255,255,0.08) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}
/* Hide sidebar on logged-out view */
body.user-loggedout .mpr-account-sidebar {
    display: none !important;
}
body.user-loggedout .page_wrap {
    padding-left: 0 !important;
}

/* Menu on account page — compensate for sidebar padding, match other pages */
body.page-id-28206 .menu_mobile.opened,
body.page-id-28206 .menu_mobile_overlay.opened {
    margin-left: -72px !important;
    width: calc(100% + 72px) !important;
}
body.page-id-28206:not(.pannel-sidebar-deactive) .menu_mobile.opened,
body.page-id-28206:not(.pannel-sidebar-deactive) .menu_mobile_overlay.opened {
    margin-left: -300px !important;
    width: calc(100% + 300px) !important;
}

/* When menu is open, remove page_wrap sidebar offset so menu fills full width */
html body.page-id-28206.menu_mobile_opened .page_wrap {
    padding-left: 0 !important;
}

/* removed: was hiding header */
/* Also target the Elementor elements by their exact IDs */
body.single-mpcs-course .elementor-element-3152e81,
body.single-mpcs-course .elementor-element-17e21c1 {
    background: transparent !important;
    background-color: transparent !important;
}

/* Reduce gap between header and course cards on account page */
body.page-id-28206 .content_wrap:not(.menu_mobile_content_wrap) {
    margin-top: 15px !important;
}
body.page-id-28206 .mepr-courses-wrapper {
    padding-top: 10px !important;
}













}

/* Course page: force the header row that becomes fixed to be transparent */
body.single-mpcs-course .sc_layouts_row_type_compact[class*='sc_fly'] {
    background: transparent !important;
    background-color: transparent !important;
}
/* Target the specific Elementor section by ID that has #161515 */
.elementor-element-3152e81,
.elementor-element-3152e81:not(.elementor-motion-effects-element-type-background),
.elementor-17868 .elementor-element.elementor-element-3152e81:not(.elementor-motion-effects-element-type-background),
.elementor-17868 .elementor-element.elementor-element-17e21c1:not(.elementor-motion-effects-element-type-background) {
    background-color: #0C0B0B !important;
}
/* On course pages specifically, make these transparent */
body.single-mpcs-course .elementor-element-3152e81,
body.single-mpcs-course .elementor-element-17e21c1 {
    background: transparent !important;
    background-color: transparent !important;
}

/* NUCLEAR: On course pages, ANY element that is position:fixed gets transparent bg */
body.single-mpcs-course * {
    --force-check: 1;
}

/* Course page: match body/html/page_wrap bg to page content */
html.scheme_dark,
body.single-mpcs-course,
body.single-mpcs-course .body_wrap,
body.single-mpcs-course .page_wrap {
    background: #0C0B0B !important;
    background-color: #0C0B0B !important;
}

/* Pull hero image to the very top — behind the transparent header */
body.single-mpcs-course .mpcs-thumbnail-wrapper {
    margin-top: -100px !important;
    padding-top: 100px !important;
}

/* ── Kill grey bar on course pages ── */
body.single-mpcs-course .page_content_wrap > .content_wrap,
body.single-mpcs-course .page_content_wrap > .content_wrap_fullscreen,
body.single-mpcs-course .content_wrap > .content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.single-mpcs-course,
body.single-mpcs-course .body_wrap,
body.single-mpcs-course .page_wrap,
body.single-mpcs-course .page_content_wrap {
    background-color: #0C0B0B !important;
}
body.single-mpcs-course .top_panel .elementor-element.elementor-element-3152e81,
body.single-mpcs-course .top_panel .elementor-element.elementor-element-17e21c1 {
    display: none !important;
}

/* ── Fix: header logo/burger hidden behind hero ── */
body.single-mpcs-course .top_panel,
body.single-mpcs-course header.top_panel {
    z-index: 8000 !important;
}

/* ── Fix: certificate button double border ── */
body.single-mpcs-course .mpcs-certificate-link,
body.single-mpcs-course div.mpcs-certificate-link,
body.single-mpcs-course .mpcs-course-action-buttons > .mpcs-certificate-link {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ── Fix: hero needs top space for absolute header overlay ── */
body.single-mpcs-course .mpcs-thumbnail-wrapper {
    padding-top: 100px !important;
}

/* ── MASTER FIX: Course page header visibility ── */
body.single-mpcs-course header.top_panel,
body.single-mpcs-course .top_panel,
body.single-mpcs-course header.top_panel.sc_fly_fixed,
body.single-mpcs-course .top_panel.sc_fly_fixed,
body.single-mpcs-course header.sc_fly_fixed {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
    background: transparent !important;
}
body.single-mpcs-course .sc_layouts_row.sc_fly_fixed {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    background: transparent !important;
}

/* ── Fix: mobile menu logo visibility on MemberPress pages ── */
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 30px !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 200px !important;
    height: auto !important;
}

/* ── Fix: completed button double glow ── */
body.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper input[type="submit"],
body.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .button-primary,
body.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper a.button-primary,
body.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mepr-share-button,
body.single-mpcs-course .mpcs-course-status,
body.single-mpcs-course .mp_wrapper input[type="submit"],
body.single-mpcs-course .mp_wrapper .button-primary {
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
    border: none !important;
}

/* ── Fix: Previous Section button — remove double border/glow ── */
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
div#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #aaaaaa !important;
    background: transparent !important;
}
#mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover {
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    color: #00FFFF !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.15) !important;
}

/* ── Sidebar lesson links — hover glow effect ── */
#mpcs-sidebar .mpcs-lesson a,
#mpcs-sidebar .mpcs-section-title a,
#mpcs-sidebar .mpcs-lesson-list-item a,
.mpcs-sidebar .mpcs-lesson a {
    transition: all 0.25s ease !important;
}
#mpcs-sidebar .mpcs-lesson a:hover,
#mpcs-sidebar .mpcs-section-title a:hover,
#mpcs-sidebar .mpcs-lesson-list-item a:hover,
.mpcs-sidebar .mpcs-lesson a:hover {
    color: #00FFFF !important;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.3) !important;
}
#mpcs-sidebar .mpcs-lesson:hover,
#mpcs-sidebar .mpcs-lesson-list-item:hover,
.mpcs-sidebar .mpcs-lesson:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    border-color: rgba(0, 255, 255, 0.12) !important;
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.06) !important;
    transition: all 0.25s ease !important;
}

/* ── Fix: Previous Section button text is black ── */
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link,
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link *,
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link span,
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link i {
    color: #cccccc !important;
    background: transparent !important;
}
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover,
body.single-mpcs-lesson #mpcs-lesson-navigation a#mpcs-classroom-previous-lesson-link:hover * {
    color: #00FFFF !important;
}

/* ── Sidebar lesson rows — teal glow on hover ── */
#mpcs-sidebar .mpcs-lesson,
#mpcs-sidebar .mpcs-lesson-list-item,
.mpcs-sidebar .mpcs-lesson,
.mpcs-sidebar .mpcs-lesson-list-item {
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
}
#mpcs-sidebar .mpcs-lesson:hover,
#mpcs-sidebar .mpcs-lesson-list-item:hover,
.mpcs-sidebar .mpcs-lesson:hover,
.mpcs-sidebar .mpcs-lesson-list-item:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    border-color: rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08), inset 0 0 20px rgba(0, 255, 255, 0.03) !important;
}
#mpcs-sidebar .mpcs-lesson:hover a,
#mpcs-sidebar .mpcs-lesson-list-item:hover a,
.mpcs-sidebar .mpcs-lesson:hover a,
.mpcs-sidebar .mpcs-lesson-list-item:hover a {
    color: #00FFFF !important;
}

/* ── Fix: Back to Course button — remove double border/glow ── */
.mpcs-back-to-course,
#mpcs-sidebar .mpcs-back-to-course,
.mpcs-sidebar .mpcs-back-to-course {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    outline: none !important;
}

/* ── Fix: Mobile menu gold badge logo clipped on account page ── */
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap {
    overflow: visible !important;
    padding: 25px 30px !important;
    min-height: 80px !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo {
    overflow: visible !important;
    width: 80px !important;
    height: 80px !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img {
    width: 80px !important;
    height: 80px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}

/* ── Fix: Mobile menu position on account page — no negative margins ── */
body.page-id-28206 .menu_mobile.opened,
body.page-id-28206:not(.pannel-sidebar-deactive) .menu_mobile.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin-left: 0 !important;
    margin: 0 !important;
    z-index: 999999 !important;
}
body.page-id-28206 .menu_mobile_overlay.opened,
body.page-id-28206:not(.pannel-sidebar-deactive) .menu_mobile_overlay.opened {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin-left: 0 !important;
    margin: 0 !important;
}

/* ── Fix: Gold badge logo align with menu items ── */
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap {
    padding-left: 115px !important;
}

/* ── Override: Gold badge — correct position & size ── */
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap {
    padding-left: 230px !important;
    padding-top: 30px !important;
    padding-bottom: 10px !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo {
    width: 120px !important;
    height: 120px !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img {
    width: 120px !important;
    height: 120px !important;
}

/* ── Fix: Close button position — inside main menu area, same row as logo ── */
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    position: absolute !important;
    top: 45px !important;
    right: auto !important;
    left: 750px !important;
    z-index: 1000000 !important;
}
@media (max-width: 1200px) {
    body.page-id-28206 .menu_mobile .menu_mobile_close,
    body.single-mpcs-course .menu_mobile .menu_mobile_close,
    body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
        left: auto !important;
        right: 30px !important;
    }
}

/* ── Override: Close button — back to original position, nudge left ── */
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 1000000 !important;
}

/* ── Override: Close button — nudge further left into main panel ── */
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    right: 350px !important;
}

/* ── Override: Close button — final position ── */
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    right: 400px !important;
}

/* ── Final: Close button at right edge of main dark panel ── */
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    right: 30vw !important;
}

/* ── FINAL RESET: Match mobile menu layout to non-MemberPress pages exactly ── */
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 30px 40px !important;
    min-height: auto !important;
    overflow: visible !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-course .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img,
body.single-mpcs-lesson .menu_mobile .menu_mobile_header_wrap .sc_layouts_logo img {
    width: 100px !important;
    height: 100px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}
body.page-id-28206 .menu_mobile .menu_mobile_close,
body.single-mpcs-course .menu_mobile .menu_mobile_close,
body.single-mpcs-lesson .menu_mobile .menu_mobile_close {
    position: static !important;
    right: auto !important;
    top: auto !important;
    left: auto !important;
}

/* ── Classroom sidebar lesson cards — teal glow on hover ── */
#mpcs-sidebar .lesson-module-card,
.mpcs-sidebar .lesson-module-card {
    transition: all 0.3s ease !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
}
#mpcs-sidebar .lesson-module-card:hover,
.mpcs-sidebar .lesson-module-card:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    border-color: rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08), inset 0 0 20px rgba(0, 255, 255, 0.03) !important;
}
#mpcs-sidebar .lesson-module-card:hover a,
#mpcs-sidebar .lesson-module-card:hover .lesson-title,
#mpcs-sidebar .lesson-module-card:hover span,
.mpcs-sidebar .lesson-module-card:hover a,
.mpcs-sidebar .lesson-module-card:hover .lesson-title,
.mpcs-sidebar .lesson-module-card:hover span {
    color: #00FFFF !important;
}

/* ── Course page lesson rows — teal edge glow on hover ── */
body.single-mpcs-course .mpcs-lesson,
body.single-mpcs-course .mpcs-lesson-list-item,
body.single-mpcs-course .mpcs-lesson-row {
    transition: all 0.3s ease !important;
    border-left: 2px solid transparent !important;
    border-radius: 6px !important;
}
body.single-mpcs-course .mpcs-lesson:hover,
body.single-mpcs-course .mpcs-lesson-list-item:hover,
body.single-mpcs-course .mpcs-lesson-row:hover {
    background: rgba(0, 255, 255, 0.04) !important;
    border-left-color: #00FFFF !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08), inset 0 0 20px rgba(0, 255, 255, 0.03) !important;
}
body.single-mpcs-course .mpcs-lesson:hover a,
body.single-mpcs-course .mpcs-lesson:hover .mpcs-lesson-link,
body.single-mpcs-course .mpcs-lesson:hover .mpcs-lesson-row-link,
body.single-mpcs-course .mpcs-lesson-list-item:hover a,
body.single-mpcs-course .mpcs-lesson-row:hover a {
    color: #00FFFF !important;
}

/* ── Fix: Back to Course button — no double border on hover ── */
.mpcs-back-to-course:hover,
#mpcs-sidebar .mpcs-back-to-course:hover,
.mpcs-sidebar .mpcs-back-to-course:hover {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.mpcs-back-to-course a:hover,
#mpcs-sidebar .mpcs-back-to-course a:hover,
.mpcs-sidebar .mpcs-back-to-course a:hover {
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.15) !important;
}




/* ── Account sidebar — mobile: icons only, no collapse button ── */
@media (max-width: 768px) {
    body.page-id-28206 .mpr-account-sidebar .pannel-bar,
    body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar,
    body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo {
        display: none !important;
    }
    body.page-id-28206 .mpr-account-sidebar,
    body.page-id-28206 .mpr-account-sidebar.deactive {
        width: 65px !important;
        min-width: 65px !important;
        max-width: 65px !important;
        overflow: visible !important;
        padding: 10px 0 !important;
    }
    body.page-id-28206 .mpr-account-sidebar a,
    body.page-id-28206 .mpr-account-sidebar li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 12px 0 !important;
        width: 100% !important;
    }
    body.page-id-28206 .mpr-account-sidebar a i,
    body.page-id-28206 .mpr-account-sidebar a svg {
        margin: 0 auto !important;
    }
    body.page-id-28206 .page_wrap,
    body.page-id-28206.pannel-sidebar-deactive .page_wrap {
        padding-left: 65px !important;
    }
    body.page-id-28206 header,
    body.page-id-28206 .top_panel,
    body.page-id-28206 footer,
    body.page-id-28206 .footer_wrap {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
}

/* ── Fix: Account page footer gap ── */
body.page-id-28206 .page_content_wrap {
    padding-bottom: 0 !important;
}

/* ── Fix: Account page footer pushed right by sidebar ── */
body.page-id-28206 footer,
body.page-id-28206 .footer_wrap,
body.page-id-28206 .footer_copyright_wrap {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    left: 0 !important;
}

/* ── Fix: Account page empty space below footer ── */
body.page-id-28206 .page_wrap,
body.page-id-28206 .body_wrap {
    min-height: auto !important;
    height: auto !important;
}
body.page-id-28206 .page_content_wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
body.page-id-28206 .footer_wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ── Fix: Footer left gap caused by sidebar page_wrap padding ── */
body.page-id-28206 footer.footer_wrap,
body.page-id-28206 .footer_wrap {
    position: relative !important;
    left: -72px !important;
    width: calc(100% + 72px) !important;
}
body.page-id-28206.pannel-sidebar-deactive footer.footer_wrap,
body.page-id-28206.pannel-sidebar-deactive .footer_wrap {
    left: -72px !important;
    width: calc(100% + 72px) !important;
}





/* ── Hero card — clean teal glow on hover (same as lesson links) ── */
body.single-mpcs-course .mpcs-thumbnail-wrapper .center-side .wrapper {
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
body.single-mpcs-course .mpcs-thumbnail-wrapper .center-side .wrapper:hover {
    border-color: rgba(0, 255, 255, 0.15) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08), inset 0 0 20px rgba(0, 255, 255, 0.03) !important;
}

/* ── Fix: Back to Course button double border ── */
body.single-mpcs-lesson a.tile.mepr-resources {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 10px 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
body.single-mpcs-lesson a.tile.mepr-resources .tile-content {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.single-mpcs-lesson a.tile.mepr-resources .tile-title {
    color: #00FFFF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}
body.single-mpcs-lesson a.tile.mepr-resources:hover {
    border-color: rgba(0, 255, 255, 0.3) !important;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.08), inset 0 0 20px rgba(0, 255, 255, 0.03) !important;
}

/* ── RESOURCES PAGE: Card fixes ── */
.mpcs-resources-page .course-description.expander,
body[class*='action=resources'] .course-description.expander {
    position: relative !important;
    overflow: hidden !important;
    height: 95px !important;
    transition: height 0.45s ease !important;
}
.mpcs-resources-page .course-description.expander.expanded,
body[class*='action=resources'] .course-description.expander.expanded {
    height: auto !important;
}

/* General expanded state for all course pages */
#hz-desc.expanded {
    height: auto !important;
    overflow: visible !important;
}
.mpcs-resources-page .moreless-toggle,
body[class*='action=resources'] .moreless-toggle {
    display: inline-block !important;
    color: #00FFFF !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    cursor: pointer !important;
    margin-top: 8px !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}
.mpcs-resources-page .moreless-toggle:hover {
    opacity: 1 !important;
}
.mpcs-resources-page .progress-wrapper,
body[class*='action=resources'] .progress-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 12px 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* FIX: Allow clicks through the gradient overlay */
.single-mpcs-course .mpcs-thumbnail-wrapper::before {
    pointer-events: none !important;
}


/* ── Fix: Account page footer for logged-out visitors ──
   The sidebar-compensation rules (left: -72px, max-width: none)
   only make sense when the sidebar is present (logged-in).
   Logged-out visitors see the footer shifted off the left edge.
   ──────────────────────────────────────────────────────── */
body.page-id-28206.user-loggedout footer.footer_wrap,
body.page-id-28206.user-loggedout .footer_wrap {
    position: static !important;
    left: auto !important;
    width: 100% !important;
}
body.page-id-28206.user-loggedout .footer_wrap .elementor-container {
    max-width: 1290px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}


/* ═══════════════════════════════════════════════════════════════
   RESOURCES PAGE — Complete Redesign
   ═══════════════════════════════════════════════════════════════ */

/* ── Page heading ── */
.mpcs-resources-page h1,
body.single-mpcs-course .mpcs-resource-section ~ h1,
body.single-mpcs-course .entry-content > h1:first-child {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #00FFFF !important;
    margin: 0 0 24px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(0, 255, 255, 0.12) !important;
}

/* ── Resource section wrapper ── */
.mpcs-resources-page .mpcs-resource-section,
body.single-mpcs-course .mpcs-resource-section {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

/* ── Section headers (DOWNLOADS / LINKS) ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-section-header,
.mpcs-resource-section .mpcs-section-header {
    cursor: default !important;
    display: block !important;
    position: relative !important;
}
.mpcs-resource-section .mpcs-section-header::after,
.mpcs-resource-section .mpcs-section-header::before {
    display: none !important;
    content: none !important;
}
.mpcs-resource-section .section-label.mpcs-section-header::before {
    display: none !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    display: block !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-section-header .mpcs-section-title,
body.single-mpcs-course .mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-section-header .mpcs-section-title-text,
body.single-mpcs-course .mpcs-resource-section .mpcs-section-header .mpcs-section-title-text {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ── Hide the expand/collapse arrow on section headers ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-section-header .mpcs-section-title::after,
.mpcs-resources-page .mpcs-resource-section .mpcs-section-header::after,
body.single-mpcs-course .mpcs-resource-section .mpcs-section-header .mpcs-section-title::after,
body.single-mpcs-course .mpcs-resource-section .mpcs-section-header::after {
    display: none !important;
    content: none !important;
}

/* ── Lessons container ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lessons,
body.single-mpcs-course .mpcs-resource-section .mpcs-lessons {
    padding: 4px 0 !important;
    display: block !important;
}

/* ── Individual resource row ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson {
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson:last-child,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:last-child {
    border-bottom: none !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson:hover,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover {
    background: rgba(0, 255, 255, 0.03) !important;
}

/* ── Resource row link ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-row-link,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-row-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 24px !important;
    text-decoration: none !important;
    border: none !important;
    border-left: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-row-link:hover,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-row-link:hover {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* ── Resource title + icon ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-link,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    border: none !important;
    border-left: none !important;
    padding: 0 !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-link i,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-link i {
    color: #00FFFF !important;
    font-size: 15px !important;
    opacity: 0.7 !important;
    width: 20px !important;
    text-align: center !important;
}

/* ── VIEW / VISIT button ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-button .mpcs-button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button {
    background: transparent !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 6px 20px !important;
    color: #00FFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    min-width: 80px !important;
    text-align: center !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-button .mpcs-button span,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button span {
    color: #00FFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
}
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-button .mpcs-button:hover,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button:hover {
    background: rgba(0, 255, 255, 0.08) !important;
    border-color: rgba(0, 255, 255, 0.5) !important;
    box-shadow: 0 0 12px rgba(0, 255, 255, 0.1) !important;
}

/* ── Custom content section ── */
.mpcs-resources-page #custom.mpcs-resource-section,
body.single-mpcs-course #custom.mpcs-resource-section {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 24px !important;
}
.mpcs-resources-page #custom.mpcs-resource-section h3,
body.single-mpcs-course #custom.mpcs-resource-section h3 {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.5) !important;
    margin: 0 0 12px 0 !important;
}
.mpcs-resources-page #custom.mpcs-resource-section p,
body.single-mpcs-course #custom.mpcs-resource-section p {
    color: rgba(255, 255, 255, 0.65) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ── Remove leftover teal left-border on rows ── */
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-row-link,
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-row-link:hover,
.mpcs-resources-page .mpcs-resource-section .mpcs-lesson-row-link:focus,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-row-link,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-row-link:hover,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-row-link:focus {
    border-left: none !important;
    outline: none !important;
}

/* ── Override: Remove course-page lesson glow from resource rows ── */
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover {
    border-left: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover {
    background: rgba(0, 255, 255, 0.03) !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover a,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover .mpcs-lesson-link,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover .mpcs-lesson-row-link {
    color: rgba(255, 255, 255, 0.95) !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover .mpcs-lesson-link i {
    color: #00FFFF !important;
    opacity: 1 !important;
}

/* ── Fix: Double border on VIEW/VISIT buttons ── */
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button button.mpcs-button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button {
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button:hover,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button button.mpcs-button:hover {
    background: #00FFFF !important;
    border-color: #00FFFF !important;
    box-shadow: 0 0 16px rgba(0, 255, 255, 0.2) !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button:hover span,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button button.mpcs-button:hover span {
    color: #000000 !important;
}

/* ── Fix: Double border on section cards (inner mpcs-section border) ── */
body.single-mpcs-course .mpcs-resource-section .mpcs-lessons {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.mpcs-resource-section .mpcs-section-header {
    cursor: default !important;
    display: block !important;
    position: relative !important;
}
.mpcs-resource-section .mpcs-section-header::after,
.mpcs-resource-section .mpcs-section-header::before {
    display: none !important;
    content: none !important;
}
.mpcs-resource-section .section-label.mpcs-section-header::before {
    display: none !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    display: block !important;
}
body.single-mpcs-course .mpcs-section.mpcs-resource-section {
    box-shadow: none !important;
    outline: none !important;
}

/* ══ NUCLEAR FIX: Resource buttons — single border only ══ */
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button button.mpcs-button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button span,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button .btn {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
/* Apply border only on the <span class="btn"> — the innermost visible element */
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button .btn,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson-button .mpcs-button span {
    display: inline-block !important;
    border: 1px solid rgba(0, 255, 255, 0.3) !important;
    border-radius: 8px !important;
    padding: 7px 22px !important;
    color: #00FFFF !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
}
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover .mpcs-lesson-button .mpcs-button .btn,
body.single-mpcs-course .mpcs-resource-section .mpcs-lesson:hover .mpcs-lesson-button .mpcs-button span {
    background: #00FFFF !important;
    border-color: #00FFFF !important;
    color: #000000 !important;
    box-shadow: 0 0 16px rgba(0, 255, 255, 0.2) !important;
}

/* ── Strip <p> margins inside course description to get accurate height measurement ── */
#hz-desc p {
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Fix: Progress bar + IN PROGRESS button spacing inside hero card ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper {
    padding-right: 10px !important;
}

/* ── Fix: Progress bar + COMPLETED button equal spacing ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding-right: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-progress-bar,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mp_wrapper {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark_link {
    margin-left: 0 !important;
    flex-shrink: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-bookmark-link,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper .mpcs-button,
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper a[class*="is-"] {
    margin-left: 0 !important;
}

/* ── Fix: Main course page progress bar + button layout (the_content path) ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark .mpcs-section-header {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark .mpcs-section-header .mpcs-progress-bar {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
.single-mpcs-course .mpcs-thumbnail-wrapper .progress-wrapper #bookmark .mpcs-section-header .mpcs-bookmark {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* ── Fix: Spacing between course title and separator line ── */
.single-mpcs-course .mpcs-thumbnail-wrapper .title h2 {
    padding-bottom: 12px !important;
}

/* ══════════════════════════════════════════════════════════════
   SIDEBAR ACCENT OVERRIDE — Teal → Dark Purple (Visor palette)
   Scoped to #mpcs-sidebar on lesson pages only
   ══════════════════════════════════════════════════════════════ */

/* Module / section title text */
#mpcs-sidebar .section-label,
#mpcs-sidebar .mpcs-section-title,
#mpcs-sidebar .mpcs-section-title-text {
    color: #a78bfa !important;
}

/* Section left bar accent */
#mpcs-sidebar .section-label::before,
#mpcs-sidebar .mpcs-section::before {
    background: #8b5cf6 !important;
}

/* Active lesson card — left border */
#mpcs-sidebar .lesson-module-card.active,
#mpcs-sidebar .mpcs-lesson.active,
#mpcs-sidebar .mpcs-lesson.current-menu-item,
#mpcs-sidebar .mpcs-active {
    border-left-color: #8b5cf6 !important;
    background: rgba(139, 92, 246, 0.06) !important;
}

/* Lesson card hover */
#mpcs-sidebar .lesson-module-card:hover,
#mpcs-sidebar .mpcs-lesson:hover,
#mpcs-sidebar .mpcs-lesson-list-item:hover {
    background: rgba(139, 92, 246, 0.05) !important;
}

/* Check icon — completed */
#mpcs-sidebar .check-icon.check-complete::after,
#mpcs-sidebar .mpcs-ok-circled::before,
#mpcs-sidebar .mpcs-lesson-complete i {
    color: #a78bfa !important;
}

/* Check icon borders on hover */
#mpcs-sidebar .lesson-module-card:hover .check-icon {
    border-color: rgba(139, 92, 246, 0.4) !important;
}

/* START / VIEW buttons */
#mpcs-sidebar .module-action.btn-start,
#mpcs-sidebar .module-action {
    background: rgba(139, 92, 246, 0.12) !important;
    color: #a78bfa !important;
    border-color: rgba(139, 92, 246, 0.25) !important;
}
#mpcs-sidebar .lesson-module-card:hover .module-action.btn-start {
    background: #8b5cf6 !important;
    color: #ffffff !important;
    border-color: #8b5cf6 !important;
}
#mpcs-sidebar .module-action.btn-view {
    color: rgba(167, 139, 250, 0.6) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}
#mpcs-sidebar .lesson-module-card:hover .module-action.btn-view {
    color: #a78bfa !important;
    border-color: rgba(139, 92, 246, 0.4) !important;
    background: rgba(139, 92, 246, 0.08) !important;
}

/* MemberPress default buttons */
#mpcs-sidebar .mpcs-lesson-button .mpcs-button {
    background: #8b5cf6 !important;
    color: #ffffff !important;
}
#mpcs-sidebar .mpcs-lesson-button .mpcs-button.is-outline {
    background: transparent !important;
    color: #a78bfa !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}

/* Hover text color */
#mpcs-sidebar .lesson-module-card:hover .module-title,
#mpcs-sidebar .mpcs-lesson:hover a,
#mpcs-sidebar .mpcs-lesson-list-item:hover {
    color: #e2d6ff !important;
}

/* Progress bar */
#mpcs-sidebar .mpcs-progress-indicator-circle,
#mpcs-sidebar .circle-progress-container::after {
    background: #8b5cf6 !important;
    box-shadow: 0 0 6px rgba(139, 92, 246, 0.3) !important;
}

/* Course title link */
#mpcs-sidebar .course-progress h2 a {
    color: #e2d6ff !important;
}

/* Scrollbar */
#mpcs-sidebar::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.25) !important;
}
#mpcs-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(139, 92, 246, 0.45) !important;
}
#mpcs-sidebar {
    scrollbar-color: rgba(139, 92, 246, 0.25) transparent !important;
}

/* Back to course / Resources links */
#mpcs-sidebar .mpcs-sidebar-resources .tile,
#mpcs-sidebar .mpcs-back-to-course a,
#mpcs-sidebar a.mpcs-back-btn {
    color: #a78bfa !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}
#mpcs-sidebar .mpcs-sidebar-resources .tile:hover,
#mpcs-sidebar .mpcs-back-to-course a:hover {
    background: rgba(139, 92, 246, 0.08) !important;
    border-color: rgba(139, 92, 246, 0.35) !important;
}

/* Card glow effect override */
#mpcs-sidebar .lesson-module-card:not(.locked)::after {
    background: radial-gradient(500px circle at var(--mouse-x) var(--mouse-y), rgba(139,92,246,0.5), transparent 40%) !important;
}
#mpcs-sidebar .lesson-module-card:not(.locked)::before {
    background: radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), rgba(139,92,246,0.06), transparent 40%) !important;
}

/* Active lesson — hover state */
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card:hover {
    background: rgba(139, 92, 246, 0.06) !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card.active {
    background: rgba(139, 92, 246, 0.08) !important;
    border-left-color: #8b5cf6 !important;
}

/* Sidebar toggle button close icon */
.mpsc-lesson-sidebar-toggler button .close-btn span {
    background: #a78bfa !important;
}

/* Section expand/collapse chevron */
#mpcs-sidebar .mpcs-section-title .mpcs-collapse-icon,
#mpcs-sidebar .section-label svg {
    color: rgba(139, 92, 246, 0.5) !important;
    stroke: rgba(139, 92, 246, 0.5) !important;
}

/* Lesson title hover in sidebar */
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card .module-title {
    transition: color 0.2s ease !important;
}
body.single-mpcs-lesson #mpcs-sidebar .lesson-module-card:hover .module-title {
    color: #e2d6ff !important;
}

/* Border bottom between lessons */
#mpcs-sidebar .lesson-module-card {
    border-bottom-color: rgba(139, 92, 246, 0.04) !important;
}

/* ── New lesson fade-in animation ── */
@keyframes lessonFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.lesson-fade-in {
    animation: lessonFadeIn 0.4s ease forwards !important;
}
.lesson-await-title {
    opacity: 0 !important;
}


/* ═══════════════════════════════════════════════
   RESOURCE SECTIONS — Complete override
   Force clean headers, no chevrons, no icons
   ═══════════════════════════════════════════════ */
.mpcs-resource-section,
.mpcs-resource-section.mpcs-section {
    background: rgba(15, 23, 42, 0.4) !important;
    border: 1px solid rgba(20, 244, 255, 0.08) !important;
    border-radius: 12px !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
}
.mpcs-resource-section .mpcs-section-header,
.mpcs-resource-section button.mpcs-section-header,
.mpcs-resource-section .mpcs-section-header:hover,
.mpcs-resource-section .mpcs-section-header:focus,
.mpcs-resource-section .mpcs-section-header:active {
    display: block !important;
    background: rgba(20, 244, 255, 0.04) !important;
    border: none !important;
    border-bottom: 1px solid rgba(20, 244, 255, 0.06) !important;
    border-radius: 0 !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    width: 100% !important;
    text-align: left !important;
}
/* Kill ALL pseudo-elements on resource section headers */
.mpcs-resource-section .mpcs-section-header::before,
.mpcs-resource-section .mpcs-section-header::after,
.mpcs-resource-section .mpcs-section-header .mpcs-section-title::before,
.mpcs-resource-section .mpcs-section-header .mpcs-section-title::after,
.mpcs-resource-section .section-label::before,
.mpcs-resource-section .section-label::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mpcs-resource-section .mpcs-section-header .mpcs-section-title-text {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(20, 244, 255, 0.5) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}
/* Resource items */
.mpcs-resource-section .mpcs-lessons {
    display: block !important;
    padding: 0 !important;
}
.mpcs-resource-section .mpcs-lesson {
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.025) !important;
    display: flex !important;
    align-items: center !important;
    transition: background 0.2s ease !important;
}
.mpcs-resource-section .mpcs-lesson:last-child {
    border-bottom: none !important;
}
.mpcs-resource-section .mpcs-lesson:hover {
    background: rgba(20, 244, 255, 0.02) !important;
}
.mpcs-resource-section .mpcs-lesson-row-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 !important;
    text-decoration: none !important;
    min-width: 0 !important;
}
.mpcs-resource-section .mpcs-lesson-link {
    color: #e2e8f0 !important;
    font-size: 14px !important;
    flex: 1 !important;
}
.mpcs-resource-section .mpcs-lesson-link i {
    color: rgba(20, 244, 255, 0.4) !important;
    margin-right: 8px !important;
}
.mpcs-resource-section .mpcs-lesson-button .mpcs-button {
    background: transparent !important;
    color: #14f4ff !important;
    border: 1px solid rgba(20, 244, 255, 0.25) !important;
    border-radius: 9999px !important;
    padding: 5px 16px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}
.mpcs-resource-section .mpcs-lesson-button .mpcs-button:hover {
    background: rgba(20, 244, 255, 0.08) !important;
    border-color: rgba(20, 244, 255, 0.4) !important;
}
/* Custom section styling */
.mpcs-resource-section#custom,
div#custom.mpcs-resource-section {
    background: rgba(15, 23, 42, 0.3) !important;
    border: 1px solid rgba(20, 244, 255, 0.06) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* ===================================================================
   LESSON BODY — refined typography (2026-04-13)
   Polished look for learner-facing content + live SME contenteditable.
   Scoped to .mpcs-main-content; .hz-sme-wisdom (enrichment panel)
   gets reset so its own design stays intact.
   =================================================================== */

body.single-mpcs-lesson #mpcs-main .mpcs-main-content {
    font-family: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;
    color: #cfd4dc !important;
}

/* Paragraphs — luxurious, readable line-height */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content p {
    font-size: 16px !important;
    line-height: 1.78 !important;
    color: #cfd4dc !important;
    margin: 0 0 18px 0 !important;
    font-weight: 400 !important;
}

/* Lead paragraph — larger, brighter */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content > p:first-child {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #e7ebf2 !important;
}

/* Soften the aggressive h3 gradient while keeping the cyan rail mark */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h3 {
    font-size: 14px !important;
    letter-spacing: 1.8px !important;
    margin-top: 30px !important;
    padding-left: 12px !important;
    border-left-width: 2px !important;
}

/* h4 — subtle sectioning without the heavy gradient */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content h4 {
    color: #e2e8f0 !important;
    background: none !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    border-left: none !important;
    padding-left: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    margin: 22px 0 10px !important;
}

/* ——— Bullet lists — cyan→purple dot bullets ——— */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul {
    list-style: none !important;
    padding-left: 4px !important;
    margin: 14px 0 22px !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul li {
    position: relative !important;
    padding-left: 26px !important;
    margin-bottom: 10px !important;
    color: #d4d8df !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 11px !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #14f4ff, #8b5cf6) !important;
    box-shadow: 0 0 8px rgba(20, 244, 255, 0.35) !important;
}
/* Nested bullets — hollow */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul ul li::before,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol ul li::before {
    background: transparent !important;
    box-shadow: none !important;
    border: 1.5px solid rgba(20, 244, 255, 0.5) !important;
    width: 6px !important;
    height: 6px !important;
    top: 12px !important;
}

/* ——— Ordered lists — monospace pill numbers ——— */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol {
    list-style: none !important;
    counter-reset: lesson-ol !important;
    padding-left: 4px !important;
    margin: 14px 0 22px !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol li {
    counter-increment: lesson-ol !important;
    position: relative !important;
    padding-left: 42px !important;
    margin-bottom: 12px !important;
    color: #d4d8df !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol li::before {
    content: counter(lesson-ol, decimal-leading-zero) !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;
    font-family: "DM Mono", "SF Mono", Menlo, Consolas, monospace !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #14f4ff !important;
    letter-spacing: 0.6px !important;
    padding: 3px 7px !important;
    background: rgba(20, 244, 255, 0.05) !important;
    border: 1px solid rgba(20, 244, 255, 0.14) !important;
    border-radius: 4px !important;
    line-height: 1 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul ul,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol ol,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ul ol,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol ul {
    margin: 8px 0 6px !important;
}

/* Text emphasis */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content strong {
    color: #e7f3ff !important;
    font-weight: 600 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content em {
    color: #c7e8ff !important;
    font-style: italic !important;
}

/* Blockquote — glass pull quote */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content blockquote {
    margin: 22px 0 !important;
    padding: 18px 22px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-left: 3px solid rgba(20, 244, 255, 0.5) !important;
    background: rgba(255, 255, 255, 0.015) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 0 12px 12px 0 !important;
    color: #dfe3e9 !important;
    font-style: italic !important;
    line-height: 1.7 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content blockquote p {
    margin: 0 !important;
    color: inherit !important;
    font-style: inherit !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content blockquote p + p {
    margin-top: 10px !important;
}

/* Horizontal rule — gradient divider */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content hr {
    border: none !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0%, rgba(20, 244, 255, 0.28) 50%, transparent 100%) !important;
    margin: 36px 0 !important;
}

/* Inline code — cyan pill */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content code {
    font-family: "DM Mono", "SF Mono", Menlo, Consolas, monospace !important;
    font-size: 0.9em !important;
    background: rgba(20, 244, 255, 0.06) !important;
    border: 1px solid rgba(20, 244, 255, 0.14) !important;
    border-radius: 4px !important;
    padding: 1px 6px !important;
    color: #a9e8ff !important;
}

/* Pre block */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content pre {
    background: rgba(5, 10, 20, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    margin: 18px 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #cbd5e1 !important;
    overflow-x: auto !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content pre code {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: inherit !important;
}

/* Images with subtle glow */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content img {
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
    margin: 18px 0 !important;
}

/* Figure + caption */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content figure {
    margin: 22px 0 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content figcaption {
    font-size: 12px !important;
    color: #7c8794 !important;
    text-align: center !important;
    margin-top: 8px !important;
    font-style: italic !important;
}

/* Links — cyan underline */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content a {
    color: #14f4ff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(20, 244, 255, 0.3) !important;
    transition: border-color 0.2s ease !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content a:hover {
    border-bottom-color: #14f4ff !important;
}

/* Tables */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 22px 0 !important;
    font-size: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content th {
    background: rgba(20, 244, 255, 0.05) !important;
    color: #e2e8f0 !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 10px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 11px !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content td {
    padding: 10px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    color: #cfd4dc !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content tr:last-child td {
    border-bottom: none !important;
}

/* ——— RESET for enrichment panel (hz-sme-wisdom) — keep its own styling ——— */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ul,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ol {
    list-style: none !important;
    counter-reset: none !important;
    padding-left: 0 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ul li,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ol li {
    padding-left: 0 !important;
    counter-increment: none !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ul li::before,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom ol li::before {
    content: none !important;
    display: none !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content .hz-sme-wisdom h3 {
    background: none !important;
    -webkit-text-fill-color: #a78bfa !important;
    color: #a78bfa !important;
    padding-left: 0 !important;
    border-left: none !important;
    border-bottom: none !important;
    text-transform: none !important;
    letter-spacing: -0.2px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}
/* Restore the enrichment panel's numbered "01." / "02." counter */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol.hz-sme-wisdom-questions {
    counter-reset: hz-q !important;
    padding-left: 0 !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol.hz-sme-wisdom-questions li {
    counter-increment: hz-q !important;
    padding-left: 32px !important;
    position: relative !important;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content ol.hz-sme-wisdom-questions li::before {
    content: counter(hz-q, decimal-leading-zero) "." !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #a78bfa !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ——— Inline edit affordance: when contenteditable, colon-labels get a hint ——— */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content.hsd-edit-active p:empty {
    min-height: 1.5em;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content.hsd-edit-active hr {
    cursor: pointer;
    transition: opacity 0.2s ease;
}
body.single-mpcs-lesson #mpcs-main .mpcs-main-content.hsd-edit-active hr:hover {
    opacity: 0.6;
}
/* Subtle caret indicator + placeholder on empty blocks during edit */
body.single-mpcs-lesson #mpcs-main .mpcs-main-content.hsd-edit-active p:empty::before,
body.single-mpcs-lesson #mpcs-main .mpcs-main-content.hsd-edit-active p:only-child::before {
    color: rgba(148, 163, 184, 0.3);
    font-style: italic;
    font-size: 13px;
    pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR POLISH + FOOTER PUSH 2026-04-14
   Appended last. Does NOT touch width / position / margin of the
   toggle or logo (root cause already fixed upstream).
   ═══════════════════════════════════════════════════════════════ */

/* ── Shell: gentle gradient + softer edge ──────────────────── */
body.page-id-28206 .mpr-account-sidebar {
    background:
        radial-gradient(130% 55% at 50% 0%, rgba(94, 229, 224, 0.05) 0%, transparent 60%),
        linear-gradient(180deg, #0a0d13 0%, #07090d 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45) !important;
}

/* ── Toggle button: subtle bordered pill ───────────────────── */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar:hover {
    background: rgba(94, 229, 224, 0.08) !important;
    border-color: rgba(94, 229, 224, 0.24) !important;
    transform: translateY(-1px) !important;
}

/* ── Logo: soft gold halo ──────────────────────────────────── */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo img {
    filter: drop-shadow(0 4px 18px rgba(214, 168, 90, 0.22)) !important;
}

/* ── Nav items: refined typography + hover ─────────────────── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a {
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    border-radius: 10px !important;
    transition: color 180ms ease, background 180ms ease !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:hover a .icon {
    transform: translateX(1px) !important;
    transition: transform 180ms ease, color 180ms ease !important;
}

/* ── Active state: clean LEFT accent (more aesthetic per user) ── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab {
    background: linear-gradient(90deg, rgba(94, 229, 224, 0.14) 0%, rgba(94, 229, 224, 0.03) 100%) !important;
    box-shadow:
        inset 3px 0 0 0 #5ee5e0,
        inset 0 0 0 1px rgba(94, 229, 224, 0.14) !important;
    border-radius: 10px !important;
    position: relative !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab::before,
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab::after {
    content: none !important;
    display: none !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a {
    color: #5ee5e0 !important;
    font-weight: 600 !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a .icon {
    color: #5ee5e0 !important;
}

/* ── Divider above Signout ─────────────────────────────────── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:has(#mepr-account-logout) {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:has(#mepr-account-logout):hover a .icon {
    color: #ff8b8b !important;
}

/* ── FOOTER: widen the gap between sidebar and MAILING ADDRESSES column ── */
/* Root cause of footer-push was fixed in membership-styles.css:7637 (removed padding-left:40px !important). */
/* custom.css:94 now wins with calc(300px + 30px) / calc(72px + 30px). Bump the gap for breathing room. */
/* [2026-04-14 REMOVED — was pushing footer too far; custom.css:94 calc(300px + 30px) is the correct natural push] */
/* [2026-04-14 REMOVED — was pushing footer too far; custom.css:94 calc(300px + 30px) is the correct natural push] */

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR POLISH + FOOTER PUSH 2026-04-14
   Appended last. Does NOT touch width / position / margin of the
   toggle or logo (root cause already fixed upstream).
   ═══════════════════════════════════════════════════════════════ */

/* ── Shell: gentle gradient + softer edge ──────────────────── */
body.page-id-28206 .mpr-account-sidebar {
    background:
        radial-gradient(130% 55% at 50% 0%, rgba(94, 229, 224, 0.05) 0%, transparent 60%),
        linear-gradient(180deg, #0a0d13 0%, #07090d 100%) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45) !important;
}

/* ── Toggle button: subtle bordered pill ───────────────────── */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar {
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar:hover {
    background: rgba(94, 229, 224, 0.08) !important;
    border-color: rgba(94, 229, 224, 0.24) !important;
    transform: translateY(-1px) !important;
}

/* ── Logo: soft gold halo ──────────────────────────────────── */
body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo img {
    filter: drop-shadow(0 4px 18px rgba(214, 168, 90, 0.22)) !important;
}

/* ── Nav items: refined typography + hover ─────────────────── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a {
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    border-radius: 10px !important;
    transition: color 180ms ease, background 180ms ease !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:hover a .icon {
    transform: translateX(1px) !important;
    transition: transform 180ms ease, color 180ms ease !important;
}

/* ── Active state: minimal left accent, no heavy glow ──────── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab {
    background: rgba(94, 229, 224, 0.05) !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 8px !important;
    position: relative !important;
    overflow: visible !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 22% !important;
    bottom: 22% !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: #5ee5e0 !important;
    box-shadow: 0 0 6px 0 rgba(94, 229, 224, 0.45) !important;
    pointer-events: none !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab::after {
    content: none !important;
    display: none !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a {
    color: #5ee5e0 !important;
    font-weight: 600 !important;
    background: transparent !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li.mepr-active-nav-tab a .icon {
    color: #5ee5e0 !important;
}

/* ── Divider above Signout ─────────────────────────────────── */
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:has(#mepr-account-logout) {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}
body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li:has(#mepr-account-logout):hover a .icon {
    color: #ff8b8b !important;
}

/* ── FOOTER: widen the gap between sidebar and MAILING ADDRESSES column ── */
/* Root cause of footer-push was fixed in membership-styles.css:7637 (removed padding-left:40px !important). */
/* custom.css:94 now wins with calc(300px + 30px) / calc(72px + 30px). Bump the gap for breathing room. */
/* [2026-04-14 REMOVED — was pushing footer too far; custom.css:94 calc(300px + 30px) is the correct natural push] */
/* [2026-04-14 REMOVED — was pushing footer too far; custom.css:94 calc(300px + 30px) is the correct natural push] */


/* [2026-04-14] Dashboard-only footer push — higher specificity wins vs 40px baseline */
body.page-id-28206.logged-in:has(.hsd-wrap) footer.footer_wrap,
body.page-id-28206.logged-in:has(.hsd-wrap) footer {
    padding-left: calc(300px + 30px) !important;
}
body.page-id-28206.logged-in.pannel-sidebar-deactive:has(.hsd-wrap) footer.footer_wrap,
body.page-id-28206.logged-in.pannel-sidebar-deactive:has(.hsd-wrap) footer {
    padding-left: calc(72px + 30px) !important;
}


/* ═══════════════════════════════════════════════════════════════
   SIDEBAR v6 FINAL — 2026-04-14
   Logo on TOP, toggle below. All icons absolute-centered.
   Aurora borealis active state — no borders, no corners, no boxes.
   Clean logout hover. Max specificity (html body.page-id...) wins.
   ═══════════════════════════════════════════════════════════════ */

/* ── Sidebar shell: no top padding (logo-wrapper handles spacing) ── */
html body.page-id-28206 .mpr-account-sidebar,
html body.page-id-28207 .mpr-account-sidebar {
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ══════════════════════════════════════════════════════════════
   LOGO-WRAPPER — logo on top, toggle centered below it
   ══════════════════════════════════════════════════════════════ */
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 130px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Logo: top, absolute-centered */
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper .logo {
    position: absolute !important;
    top: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .logo img,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper .logo img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Toggle: below logo, absolute-centered, subtle */
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar {
    position: absolute !important;
    top: 82px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 6px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    outline: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    opacity: 0.5 !important;
    transition: opacity 180ms ease, background 180ms ease !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar:hover,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar:hover {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar img,
html body.page-id-28207 .mpr-account-sidebar.deactive .logo-wrapper .pannel-bar img {
    display: block !important;
    width: 18px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* ══════════════════════════════════════════════════════════════
   NAV CONTAINER & ITEMS
   ══════════════════════════════════════════════════════════════ */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
}

/* Li: full-width, zero side margin, relative anchor for absolute icon */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Remove any previously-added pseudo-elements except the one we define below */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li::before,
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li::after,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li::before,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li::after {
    content: none !important;
    display: none !important;
}

/* The <a>: block, fixed-height, relative anchor */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li a {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: #cccccc !important;
    outline: none !important;
    background: transparent !important;
    transition: color 180ms ease !important;
}

/* .icon: absolutely positioned at exact geometric center of <a> */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    z-index: 3 !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon i,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .icon i {
    display: inline-block !important;
    width: 26px !important;
    height: auto !important;
    text-align: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Labels hidden in collapsed state */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li a .menu-item-label {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Kill focus outlines */
html body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a:focus,
html body.page-id-28206 .mpr-account-sidebar #mepr-account-nav ul li a:focus-visible,
html body.page-id-28207 .mpr-account-sidebar #mepr-account-nav ul li a:focus,
html body.page-id-28207 .mpr-account-sidebar #mepr-account-nav ul li a:focus-visible,
html body.page-id-28206 .mpr-account-sidebar .logo-wrapper .pannel-bar:focus,
html body.page-id-28207 .mpr-account-sidebar .logo-wrapper .pannel-bar:focus,
html body.page-id-28206 .mpr-account-sidebar .logo-wrapper .logo:focus,
html body.page-id-28207 .mpr-account-sidebar .logo-wrapper .logo:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════
   AURORA BOREALIS ACTIVE TAB — glow-only, NO box, NO corners
   ══════════════════════════════════════════════════════════════ */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab {
    background:
        linear-gradient(90deg,
            rgba(94, 229, 224, 0.14) 0%,
            rgba(167, 139, 250, 0.08) 45%,
            rgba(163, 255, 172, 0.03) 80%,
            transparent 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(135%) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transition: background 280ms ease !important;
}

/* Aurora ribbon — narrow cyan/violet/emerald vertical glow on left edge */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab::before,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    bottom: 10% !important;
    width: 2px !important;
    background: linear-gradient(180deg,
        rgba(163, 255, 172, 0) 0%,
        #a3ffac 18%,
        #5ee5e0 42%,
        #a78bfa 68%,
        #5ee5e0 86%,
        rgba(94, 229, 224, 0) 100%) !important;
    box-shadow:
        0 0 8px rgba(94, 229, 224, 0.6),
        0 0 14px rgba(167, 139, 250, 0.28) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    animation: visorAurora 4.5s ease-in-out infinite !important;
}

/* Aurora veil — soft horizontal curtain from the ribbon, fades right */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab::after,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: radial-gradient(75% 100% at 0% 50%,
        rgba(94, 229, 224, 0.16) 0%,
        rgba(167, 139, 250, 0.08) 40%,
        rgba(163, 255, 172, 0.03) 65%,
        transparent 90%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    animation: visorAuroraVeil 5.5s ease-in-out infinite !important;
}

@keyframes visorAurora {
    0%, 100% { opacity: 0.85; filter: blur(0); }
    50%      { opacity: 1; filter: blur(0.3px); }
}
@keyframes visorAuroraVeil {
    0%, 100% { opacity: 0.75; }
    50%      { opacity: 1; }
}

/* Active icon: multi-color aurora drop-shadow glow */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab a .icon,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li.mepr-active-nav-tab a .icon {
    color: #bff5ef !important;
    filter:
        drop-shadow(0 0 4px rgba(94, 229, 224, 0.75))
        drop-shadow(0 0 10px rgba(167, 139, 250, 0.35)) !important;
    z-index: 3 !important;
}

/* ══════════════════════════════════════════════════════════════
   HOVER (non-active) — subtle, no red box, no hard outline
   ══════════════════════════════════════════════════════════════ */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover {
    background: linear-gradient(90deg,
        rgba(255, 255, 255, 0.035) 0%,
        rgba(255, 255, 255, 0.01) 100%) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background 180ms ease !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover a,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover a {
    color: #e6e8ec !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover a .icon,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:not(.mepr-active-nav-tab):hover a .icon {
    color: rgba(94, 229, 224, 0.9) !important;
}

/* ── LOGOUT: override the red-box hover, use subtle cyan tint ── */
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout),
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout) {
    margin-top: 12px !important;
    padding-top: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout):hover,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout):hover {
    background: linear-gradient(90deg,
        rgba(255, 107, 107, 0.08) 0%,
        rgba(255, 107, 107, 0.02) 60%,
        transparent 100%) !important;
}
html body.page-id-28206 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout):hover a .icon,
html body.page-id-28207 .mpr-account-sidebar.deactive #mepr-account-nav ul li:has(#mepr-account-logout):hover a .icon {
    color: #ff8b8b !important;
    filter: drop-shadow(0 0 4px rgba(255, 107, 107, 0.5)) !important;
}

/* ═══════════════════════════════════════════════
   CONTRIBUTOR DASHBOARD — Fill full available width
   Override --theme-var-page so content_wrap uses
   100% of the space right of the sidebar.
   ═══════════════════════════════════════════════ */
body.page-id-28206,
body.page-id-28207 {
    --theme-var-page: 100%;
    --theme-var-page_width: 100%;
}
body.page-id-28206 .content_wrap,
body.page-id-28207 .content_wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}