/* 
 * LearnDash Focus Mode Dark Theme - Netflix Style
 * Matches FaceUp Dashboard aesthetics 
 */

body.ld-focus-mode,
.ld-focus,
.learndash-wrapper {
    background-color: #131318 !important;
    color: #e4e1e8 !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.ld-focus-header {
    background-color: #1a1a24 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

/* Progress bar in header */
.ld-focus-header .ld-progress-bar {
    background-color: rgba(255,255,255,0.1) !important;
}
.ld-focus-header .ld-progress-bar .ld-progress-bar-percentage {
    background: linear-gradient(135deg, #e2a8b6 0%, #e4bcc4 100%) !important;
}
.ld-focus-header .ld-progress-stats {
    color: #e4e1e8 !important;
}
.ld-focus-header .ld-progress-stats .ld-progress-percentage {
    color: #e2a8b6 !important;
}

/* User Menu inside Focus Header */
.ld-focus-header .ld-user-menu {
    color: #e4e1e8 !important;
}
.ld-focus-header .ld-user-menu-items {
    background-color: #1a1a24 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
.ld-focus-header .ld-user-menu-items a {
    color: #e4e1e8 !important;
}
.ld-focus-header .ld-user-menu-items a:hover {
    background-color: #2a292f !important;
    color: #ffffff !important;
}

/* Header buttons */
.ld-focus-header .ld-content-actions .ld-button,
.ld-focus-header .ld-button,
.ld-focus-header a.ld-button {
    background-color: #2a292f !important;
    color: #e4e1e8 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 9999px !important;
}
.ld-focus-header .ld-content-actions .ld-button:hover,
.ld-focus-header .ld-button:hover,
.ld-focus-header a.ld-button:hover {
    background-color: #39393e !important;
    color: #ffffff !important;
}

/* Transparent Header Buttons (e.g. Mark Complete top text) */
.ld-focus-header .ld-content-actions .ld-button.ld-button-transparent,
.ld-focus-header .ld-button.ld-button-transparent {
    background: transparent !important;
    border: none !important;
    color: #e2a8b6 !important;
}

/* Sidebar */
.ld-focus-sidebar {
    background-color: #1a1a24 !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
}
.ld-focus-sidebar-trigger {
    background-color: #1a1a24 !important;
    color: #ffffff !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
}
.ld-focus-sidebar .ld-course-navigation-heading {
    background-color: #2a292f !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.ld-focus-sidebar .ld-course-navigation-heading h3,
.ld-focus-sidebar .ld-course-navigation-heading .ld-course-title {
    color: #ffffff !important;
}

/* Sidebar Items */
.ld-focus-sidebar .ld-lesson-item,
.ld-focus-sidebar .ld-topic-item {
    background-color: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,0.03) !important;
    color: #e4e1e8 !important;
}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson,
.ld-focus-sidebar .ld-topic-item.ld-is-current-item {
    background-color: rgba(226, 168, 182, 0.08) !important; /* light pink tint */
    border-left: 4px solid #e2a8b6 !important;
}
.ld-focus-sidebar .ld-lesson-item:hover,
.ld-focus-sidebar .ld-topic-item:hover {
    background-color: rgba(255,255,255,0.03) !important;
}

.ld-focus-sidebar .ld-lesson-title,
.ld-focus-sidebar .ld-topic-title,
.ld-focus-sidebar a.ld-lesson-item-preview-heading {
    color: #e4e1e8 !important;
}
.ld-focus-sidebar .ld-is-current-lesson .ld-lesson-title,
.ld-focus-sidebar .ld-is-current-item .ld-topic-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Status Icons */
.ld-status-icon.ld-status-complete {
    color: #e2a8b6 !important; 
    border-color: #e2a8b6 !important;
}
.ld-status-icon.ld-status-complete svg {
    fill: #e2a8b6 !important;
}
.ld-status-icon.ld-status-incomplete {
    border-color: rgba(255,255,255,0.3) !important;
}

/* Main Content Area */
.ld-focus-main {
    background-color: #131318 !important;
}
.ld-focus-content {
    color: #e4e1e8 !important;
    background-color: #131318 !important;
}

.ld-focus-content h1, 
.ld-focus-content h2, 
.ld-focus-content h3, 
.ld-focus-content h4, 
.ld-focus-content h5, 
.ld-focus-content h6,
.ld-focus-main h1,
.ld-focus-main h2 {
    color: #ffffff !important;
    font-family: 'Playfair Display', serif !important;
}

.ld-focus-main .ld-focus-content p,
.ld-focus-main .ld-focus-content li {
    color: #e4e1e8 !important;
}

/* Bottom Nav Buttons (Mark Complete) */
.ld-focus-main .ld-content-actions .ld-button,
.ld-focus-main .ld-content-actions form input[type="submit"],
.ld-button[name="gform_submit"] {
    background: linear-gradient(135deg, #e2a8b6 0%, #e4bcc4 100%) !important;
    color: #43292f !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 12px 28px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    transition: all 0.3s ease !important;
}
.ld-focus-main .ld-content-actions .ld-button:hover,
.ld-focus-main .ld-content-actions form input[type="submit"]:hover {
    box-shadow: 0 4px 15px rgba(226, 168, 182, 0.4) !important;
    transform: scale(1.02) !important;
    color: #32101b !important;
}

/* Tabs */
.ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
    color: #e2a8b6 !important;
    border-bottom-color: #e2a8b6 !important;
}
.ld-tabs .ld-tabs-navigation .ld-tab {
    color: #a09fa6 !important;
    background: transparent !important;
}
.ld-tabs .ld-tabs-navigation .ld-tab:hover {
    color: #ffffff !important;
}

.ld-tabs .ld-tabs-content {
    background-color: #1a1a24 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #e4e1e8 !important;
}

/* Custom scrollbars for Sidebar */
.ld-focus-sidebar::-webkit-scrollbar {
    width: 6px;
}
.ld-focus-sidebar::-webkit-scrollbar-track {
    background: #1a1a24;
}
.ld-focus-sidebar::-webkit-scrollbar-thumb {
    background: #2a292f;
    border-radius: 3px;
}
.ld-focus-sidebar::-webkit-scrollbar-thumb:hover {
    background: #39393e;
}

/* Video Containers */
.ld-video {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}

/* Override Modern LearnDash Variables */
:root,
body.ld-focus-mode {
    --ld-color-primary: #e2a8b6 !important;
    --ld-color-secondary: #ffc3d1 !important;
    --ld-color-tertiary: #1a1a24 !important;
    --ld-color-background: #131318 !important;
    --ld-color-text: #e4e1e8 !important;
    --ld-heading-color: #ffffff !important;
    --ld-button-color: #e4e1e8 !important;
    --ld-button-background: #2a292f !important;
}

/* Extra safety for sidebar active states */
.ld-focus-sidebar .ld-course-navigation-heading {
    background: #2a292f !important;
}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson, 
.ld-focus-sidebar .ld-topic-item.ld-is-current-item {
    background-color: rgba(226, 168, 182, 0.1) !important;
}
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-lesson-title,
.ld-focus-sidebar .ld-lesson-item.ld-is-current-lesson .ld-status-icon,
.ld-focus-sidebar .ld-topic-item.ld-is-current-item .ld-topic-title {
    color: #e2a8b6 !important;
}

/* Make sure inner content wrappers also turn dark */
.ld-focus-main .learndash-wrapper {
    background-color: transparent !important;
}

/* FIXES FOR SCREENSHOT V1 */

/* 1. Fix White Logo Area */
.ld-brand-logo,
.ld-focus-header .ld-brand-logo,
.ld-focus-sidebar .ld-brand-logo {
    background-color: #1a1a24 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* 2. Fix Blue Sidebar Collapse Trigger (< icon) */
.ld-focus-sidebar-trigger,
.ld-focus-sidebar-trigger .ld-icon-arrow-left {
    background-color: #2a292f !important;
    color: #e4e1e8 !important;
    fill: #e4e1e8 !important;
    border-color: rgba(255,255,255,0.1) !important;
}
.ld-focus-sidebar-trigger:hover {
    background-color: #39393e !important;
}

/* 3. Fix Bottom White Background (Ensure 100vh dark) */
html,
body.ld-focus-mode,
body.ld-focus-mode #wpwrap,
body.ld-focus-mode .ld-focus,
body.ld-focus-mode .ld-focus-main,
body.ld-focus-mode .learndash-wrapper {
    background-color: #131318 !important;
    min-height: 100vh !important;
}

/* Fix any inner wrappers that might be white */
.ld-focus-content,
.ld-focus-main .ld-content-actions,
.ld-focus-main .ld-tabs,
.ld-focus-main .ld-focus-comments {
    background-color: #131318 !important;
}

/* 4. Fix Blue Texts in Header ("Pažymėk, kad baigta", "Labas") */
.ld-focus-header .ld-content-actions a,
.ld-focus-header .ld-content-actions .ld-text,
.ld-focus-header .ld-user-menu,
.ld-focus-header .ld-user-menu .ld-text,
.ld-focus-header .ld-progress-stats .ld-progress-steps {
    color: #e4e1e8 !important;
}

.ld-focus-header .ld-content-actions svg,
.ld-focus-header .ld-content-actions .ld-icon {
    fill: #e2a8b6 !important; /* Pink checkmark */
    color: #e2a8b6 !important;
}

/* Make "0% BAIGTA" text stand out slightly */
.ld-focus-header .ld-progress-stats .ld-progress-percentage {
    color: #e2a8b6 !important;
    font-weight: bold !important;
}

/* Aggressive Header Text Coloring just in case */
.ld-focus-header span,
.ld-focus-header a,
.ld-focus-header div {
    color: #e4e1e8;
}
.ld-focus-header .ld-progress-percentage {
    color: #e2a8b6 !important;
}
.ld-focus-header .ld-content-actions svg,
.ld-focus-header .ld-content-actions .ld-icon {
    fill: #e2a8b6 !important;
    color: #e2a8b6 !important;
}

/* Fix injected Custom Nav Bar inside Focus Mode */
.ld-focus .faceup-club-nav {
    position: relative;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ld-focus .faceup-club-nav-inner {
    max-width: 100%;
    padding: 0 20px;
}

/* FIX NAV POSITION: Break it out of the Focus Main wrapper and fix to top */
body.ld-focus-mode .faceup-club-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    z-index: 999999 !important;
    background: #131318 !important;
    box-sizing: border-box !important;
}

body.admin-bar.ld-focus-mode .faceup-club-nav {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar.ld-focus-mode .faceup-club-nav {
        top: 46px !important;
    }
}

/* Push the entire LearnDash wrapper down so the nav doesn't cover the header */
body.ld-focus-mode .ld-focus {
    padding-top: 65px !important;
}

/* Push the Sidebar down so it doesn't get covered by the nav */
body.ld-focus-mode .ld-focus-sidebar {
    top: 65px !important;
    height: calc(100vh - 65px) !important;
    z-index: 999990 !important;
}

body.admin-bar.ld-focus-mode .ld-focus-sidebar {
    top: 97px !important;
    height: calc(100vh - 97px) !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar.ld-focus-mode .ld-focus-sidebar {
        top: 111px !important;
        height: calc(100vh - 111px) !important;
    }
}