.elementor-kit-6{--e-global-color-primary:#021420;--e-global-color-secondary:#54595F;--e-global-color-text:#1CB8B9;--e-global-color-accent:#376E92;--e-global-color-86f4116:#D8D8D8;--e-global-typography-primary-font-family:"Metrophobic";--e-global-typography-primary-font-size:65px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Metrophobic";--e-global-typography-secondary-font-size:45px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Metrophobic";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Metrophobic";--e-global-typography-accent-font-weight:500;--e-global-typography-14de6a5-font-family:"Metrophobic";--e-global-typography-14de6a5-font-size:25px;--e-global-typography-14de6a5-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== FIX ULTIMATE MEMBER MODAL CLICK BLOCK ===== */

/* Ensure UM modal is always on top */
.um-modal {
    position: fixed !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
}

/* Ensure UM overlay is clickable */
.um-overlay {
    z-index: 999998 !important;
    pointer-events: auto !important;
}

/* Elementor popup overlay MUST NOT block UM modal */
.elementor-popup-modal {
    z-index: 999990 !important;
}

/* Disable click capture from Elementor overlay */
.elementor-popup-modal::before,
.elementor-popup-modal::after {
    pointer-events: none !important;
}

/* Fix close button specifically */
.um-modal .um-modal-close {
    pointer-events: auto !important;
    z-index: 999999 !important;
}

/* Default state */
.go-to-course-btn {
    display: none;
}

/* When course is owned */
body.course-owned .purchase-course-btn {
    display: none !important;
}

body.course-owned .go-to-course-btn {
    display: inline-flex !important;
}

/* Hide purchase button if course is owned */
body.course-owned .purchase-course-btn {
    display: none !important;
}

/* Style Go to Course button */
.go-to-course {
    background: #2f80ed;
    color: #fff;
    padding: 12px 20px;
    border-radius: 6px;
}

/* Owned course notice */
.owned-course-box {
    background: #f4fff6;
    border-left: 4px solid #2ecc71;
    padding: 16px;
    margin-bottom: 20px;
}

/* Ensure the cursor stays a pointer even when active */
.elementor-tab-title.elementor-active {
    cursor: pointer;
}

/* Optional: Add a transition for the content appearing/disappearing */
.elementor-tab-content {
    transition: all 0.3s ease-in-out;
}

/* If using the newer Nested Tabs, ensure the container collapses */
.elementor-tabs-content-wrapper {
    height: auto !important;
}


.noetrixa-progress-container {
    margin: 20px 0;
    width: 100%;
}
.progress-label {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
}
.progress-bar-bg {
    background: #e0e0e0;
    height: 12px;
    border-radius: 10px;
    overflow: hidden;
}
.progress-bar-fill {
    background: #28a745; /* Green */
    height: 100%;
    transition: width 0.5s ease-in-out;
    width: 0; /* Animated via PHP style */
}

/* Force the button to be greyed out if the lesson is completed */
body.lesson-is-completed #mark-complete-btn a.elementor-button {
    background-color: #6c757d !important; /* Grey color */
    opacity: 0.6 !important;
    pointer-events: none !important;
    cursor: default !important;
    filter: grayscale(100%);
}

body.lesson-is-completed #mark-complete-btn a.elementor-button .elementor-button-text::before {
    content: "✅ ";
}/* End custom CSS */