/**
 * BodyGuru Retreats - LearnDash Premium UI Revamp Stylesheet
 * 
 * Re-skins default LearnDash 3.0 elements and Focus Mode to match the
 * revamped midnight navy (#07101E), gold (#d3b677) and soft cream (#fefefe / #F2EFE9) theme.
 */

/* -------------------------------------------------------------
   1. CORE GLOBAL OVERRIDES
   ------------------------------------------------------------- */
.bg-learndash-courses-single,
.bg-learndash-courses-archive {
    font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
    background-color: #fefefe !important;
}

.learndash-wrapper {
    font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
}

/* Restore font-family for LearnDash icon font characters */
.learndash-wrapper [class^="ld-icon-"],
.learndash-wrapper [class*=" ld-icon-"],
.learndash-wrapper .ld-icon,
.learndash-wrapper .ld-icon::before,
.learndash-wrapper .ld-icon::after {
    font-family: 'learndash_font' !important;
}

/* -------------------------------------------------------------
   2. BUTTON OVERRIDES (To match .bg-btn-gold)
   ------------------------------------------------------------- */
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-btn,
.learndash-wrapper a.ld-button,
.learndash-wrapper a.ld-btn,
.learndash-wrapper input[type="submit"].ld-button,
.learndash-wrapper input[type="submit"].ld-btn,
.ld-course-list-items .ld-button,
.ld-course-list-items .ld-btn,
.ld-course-list-items a.ld-button,
.ld-course-list-items a.ld-btn,
.ld-course-list-items .btn-join,
.ld-button,
.ld-btn,
a.ld-button,
a.ld-btn {
    background-color: #d3b677 !important;
    color: #2A200C !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    text-decoration: none !important;
}

.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-btn:hover,
.learndash-wrapper a.ld-button:hover,
.learndash-wrapper a.ld-btn:hover,
.ld-course-list-items .ld-button:hover,
.ld-course-list-items .ld-btn:hover,
.ld-course-list-items a.ld-button:hover,
.ld-course-list-items a.ld-btn:hover,
.ld-course-list-items .btn-join:hover,
.ld-button:hover,
.ld-btn:hover,
a.ld-button:hover,
a.ld-btn:hover {
    background-color: #dfc897 !important;
    color: #2A200C !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25) !important;
}

/* Secondary Buttons */
.learndash-wrapper .ld-button.ld-button-reverse,
.learndash-wrapper .ld-btn-secondary,
.ld-button.ld-button-reverse,
.ld-btn-secondary {
    background-color: transparent !important;
    border: 1px solid rgba(211, 182, 119, 0.5) !important;
    color: #07101E !important;
}

.learndash-wrapper .ld-button.ld-button-reverse:hover,
.learndash-wrapper .ld-btn-secondary:hover,
.ld-button.ld-button-reverse:hover,
.ld-btn-secondary:hover {
    background-color: rgba(211, 182, 119, 0.1) !important;
    color: #07101E !important;
}

/* -------------------------------------------------------------
   3. ARCHIVE & LIST PAGE UI
   ------------------------------------------------------------- */
.bg-course-entry-content {
    background: transparent;
    padding: 0;
}

/* Course Grid Cards Override */
.ld-course-list-items .ld_course_grid {
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 15px 35px rgba(7, 16, 30, 0.02) !important;
    overflow: hidden !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.ld-course-list-items .ld_course_grid:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 30px 60px rgba(7, 16, 30, 0.05) !important;
    border-color: rgba(211, 182, 119, 0.35) !important;
}

.ld-course-list-items .ld_course_grid .thumbnail {
    border-bottom: 1px solid rgba(211, 182, 119, 0.1) !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    color: #07101E !important;
    font-size: 1.15rem !important;
    margin: 15px 0 10px 0 !important;
    line-height: 1.4 !important;
}

.ld-course-list-items .ld_course_grid .ld_course_grid_price {
    background-color: #07101E !important;
    color: #d3b677 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.05em !important;
    border-radius: 4px !important;
}

/* -------------------------------------------------------------
   4. SINGLE COURSE PAGE ELEMENTS
   ------------------------------------------------------------- */
.learndash-wrapper .ld-item-list {
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item {
    border-bottom: 1px solid rgba(211, 182, 119, 0.12) !important;
    background-color: #ffffff !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item:hover {
    background-color: rgba(211, 182, 119, 0.02) !important;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
    color: #07101E !important;
    font-weight: 500 !important;
}

.learndash-wrapper .ld-item-list-item.ld-is-unlocked .ld-item-name a:hover {
    color: #b89547 !important;
}

/* Info Bar Override */
.learndash-wrapper .ld-course-status {
    background-color: #F2EFE9 !important;
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 6px !important;
    padding: 20px !important;
    color: #07101E !important;
}

.learndash-wrapper .ld-course-status-content {
    color: #07101E !important;
}

.learndash-wrapper .ld-course-status-label {
    font-size: 0.78rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #606F81 !important;
}

/* Progress bar inside course list */
.learndash-wrapper .ld-progress-bar {
    background-color: rgba(7, 16, 30, 0.08) !important;
    border-radius: 10px !important;
}

.learndash-wrapper .ld-progress-bar .ld-progress-bar-percentage {
    background-color: #d3b677 !important;
    border-radius: 10px !important;
}

/* Alert Boxes */
.learndash-wrapper .ld-alert-success {
    background-color: rgba(80, 102, 85, 0.08) !important;
    border: 1px solid rgba(80, 102, 85, 0.25) !important;
    color: #506655 !important;
}

/* -------------------------------------------------------------
   5. LEARNDASH FOCUS MODE OVERRIDES
   ------------------------------------------------------------- */
/* Sidebar styling */
.ld-focus .ld-focus-sidebar {
    background-color: #07101E !important;
    border-right: 1px solid rgba(211, 182, 119, 0.12) !important;
}

/* Sidebar brand header block */
.ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    border-bottom: 1px solid rgba(211, 182, 119, 0.12) !important;
    padding: 25px 20px !important;
    background-color: #040911 !important;
}

.ld-focus .ld-focus-sidebar .ld-course-navigation-heading a {
    color: #d3b677 !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
}

/* Course navigation listing inside sidebar */
.ld-focus .ld-focus-sidebar .ld-lesson-item {
    border-bottom: 1px solid rgba(211, 182, 119, 0.06) !important;
}

.ld-focus .ld-focus-sidebar .ld-lesson-item-preview a {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.ld-focus .ld-focus-sidebar .ld-lesson-item-preview a:hover {
    color: #dfc897 !important;
}

/* Active lesson item inside sidebar */
.ld-focus .ld-focus-sidebar .ld-lesson-item.ld-is-current {
    background-color: rgba(211, 182, 119, 0.08) !important;
    border-left: 3px solid #d3b677 !important;
}

.ld-focus .ld-focus-sidebar .ld-lesson-item.ld-is-current a {
    color: #d3b677 !important;
}

/* Focus mode header (masthead) */
.ld-focus .ld-focus-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(211, 182, 119, 0.15) !important;
    box-shadow: 0 10px 25px rgba(7, 16, 30, 0.02) !important;
    height: 75px !important;
}

/* Focus mode back links */
.ld-focus .ld-focus-header a.ld-focus-home-link {
    color: #07101E !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.ld-focus .ld-focus-header a.ld-focus-home-link:hover {
    color: #b89547 !important;
}

/* Progress indicator inside Focus mode header */
.ld-focus .ld-focus-header .ld-progress-stats .ld-progress-percentage {
    color: #d3b677 !important;
    font-weight: 600 !important;
}

/* Focus Mode content wrapper */
.ld-focus .ld-focus-main {
    background-color: #fefefe !important;
}

.ld-focus .ld-focus-content {
    padding: 60px 40px !important;
    max-width: 900px !important;
}

.ld-focus .ld-focus-content h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 2.6rem !important;
    color: #07101E !important;
    margin-bottom: 35px !important;
    line-height: 1.25 !important;
}

/* -------------------------------------------------------------
   6. FIXES FOR ELEMENTOR/LEARNDASH CONFLICTS
   ------------------------------------------------------------- */
.bg-course-entry-content select,
.bg-course-entry-content input,
.bg-course-entry-content textarea {
    font-family: 'Montserrat', sans-serif !important;
}

/* Custom premium container adjustments for full width spacing */
@media (max-width: 768px) {
    .ld-focus .ld-focus-content {
        padding: 40px 20px !important;
    }
    
    .ld-focus .ld-focus-content h1 {
        font-size: 2.1rem !important;
    }
}

/* -------------------------------------------------------------
   7. WOOCOMMERCE MY ACCOUNT / LOGIN & REGISTRATION REVAMP
   ------------------------------------------------------------- */
.bg-elearning-revamp-page .col2-set {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -20px !important;
    gap: 40px 0 !important;
}

.bg-elearning-revamp-page .col-1,
.bg-elearning-revamp-page .col-2 {
    flex: 1 !important;
    min-width: 320px !important;
    padding: 0 20px !important;
}

.bg-elearning-revamp-page .woocommerce-form-login,
.bg-elearning-revamp-page .woocommerce-form-register {
    background: #ffffff !important;
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 8px !important;
    box-shadow: 0 15px 35px rgba(7, 16, 30, 0.03) !important;
    padding: 40px !important;
    margin: 0 !important;
}

.bg-elearning-revamp-page h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 1.8rem !important;
    color: #07101E !important;
    margin-bottom: 25px !important;
    border-bottom: 1px solid rgba(211, 182, 119, 0.15) !important;
    padding-bottom: 12px !important;
}

.bg-elearning-revamp-page .woocommerce-form-row {
    margin-bottom: 20px !important;
}

.bg-elearning-revamp-page label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #606F81 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.bg-elearning-revamp-page input.input-text {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1px solid rgba(7, 16, 30, 0.08) !important;
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    background-color: #ffffff !important;
    color: #07101E !important;
    transition: all 0.25s ease !important;
}

.bg-elearning-revamp-page input.input-text:focus {
    outline: none !important;
    border-color: #d3b677 !important;
    box-shadow: 0 0 0 3px rgba(191, 161, 111, 0.1) !important;
}

.bg-elearning-revamp-page button.button,
.bg-elearning-revamp-page input[type="submit"].button {
    background-color: #d3b677 !important;
    color: #2A200C !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    padding: 12px 28px !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    cursor: pointer !important;
}

.bg-elearning-revamp-page button.button:hover,
.bg-elearning-revamp-page input[type="submit"].button:hover {
    background-color: #dfc897 !important;
    color: #2A200C !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(197, 160, 89, 0.25) !important;
}

.bg-elearning-revamp-page .woocommerce-LostPassword a {
    color: #d3b677 !important;
    text-decoration: none !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    transition: all 0.25s ease !important;
}

.bg-elearning-revamp-page .woocommerce-LostPassword a:hover {
    color: #dfc897 !important;
}

.bg-elearning-revamp-page .woocommerce-form-login__rememberme {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

.bg-elearning-revamp-page .woocommerce-form-login__rememberme label {
    margin: 0 !important;
    display: inline-block !important;
    text-transform: none !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
}

@media (max-width: 768px) {
    .bg-elearning-revamp-page .col2-set {
        flex-direction: column !important;
    }
    .bg-elearning-revamp-page .woocommerce-form-login,
    .bg-elearning-revamp-page .woocommerce-form-register {
        padding: 24px !important;
    }
}

/* -------------------------------------------------------------
   8. WOOCOMMERCE LOGGED-IN MY ACCOUNT DASHBOARD REVAMP
   ------------------------------------------------------------- */
/* Wrap My Account navigation and content into side-by-side flex layout on desktop */
.bg-elearning-revamp-page .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: flex-start !important;
    margin-top: 20px !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation {
    flex: 0 0 250px !important;
    width: 250px !important;
    background: #ffffff !important;
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 8px !important;
    padding: 20px 0 !important;
    box-shadow: 0 10px 25px rgba(7, 16, 30, 0.02) !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link {
    margin: 0 !important;
    border-bottom: 1px solid rgba(7, 16, 30, 0.04) !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link:last-child {
    border-bottom: none !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link a {
    display: block !important;
    padding: 14px 24px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #4A5568 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link a:hover {
    color: #d3b677 !important;
    background-color: rgba(211, 182, 119, 0.05) !important;
    padding-left: 28px !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link.is-active {
    border-left: 3px solid #d3b677 !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-navigation-link.is-active a {
    color: #d3b677 !important;
    background-color: rgba(211, 182, 119, 0.08) !important;
    padding-left: 21px !important; /* Adjust padding to offset the border */
}

/* My Account Main Content area */
.bg-elearning-revamp-page .woocommerce-MyAccount-content {
    flex: 1 !important;
    min-width: 320px !important;
    background: #ffffff !important;
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 8px !important;
    padding: 40px !important;
    box-shadow: 0 10px 25px rgba(7, 16, 30, 0.02) !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #334155 !important;
    line-height: 1.6 !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-content p {
    margin-bottom: 16px !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-content a {
    color: #d3b677 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.bg-elearning-revamp-page .woocommerce-MyAccount-content a:hover {
    color: #dfc897 !important;
}

/* -------------------------------------------------------------
   9. LEARNDASH STUDENT PROFILE WIDGET OVERRIDES
   ------------------------------------------------------------- */
.learndash-wrapper .ld-profile-summary {
    background: #ffffff !important;
    border: 1px solid rgba(211, 182, 119, 0.15) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px rgba(7, 16, 30, 0.02) !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
}

/* Avatar styling */
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-avatar img {
    border-radius: 50% !important;
    border: 2px solid #d3b677 !important;
    box-shadow: 0 4px 12px rgba(7, 16, 30, 0.08) !important;
}

/* Username and title styling */
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
    color: #d3b677 !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Profile Stats styling */
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
    border-color: rgba(211, 182, 119, 0.12) !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat .ld-value {
    color: #d3b677 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 2.2rem !important;
}

.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat .ld-label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #606F81 !important;
}

/* Profile Courses Accordion list */
.learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current {
    background-color: rgba(211, 182, 119, 0.08) !important;
}

.learndash-wrapper .ld-course-progress .ld-course-progress-bar .ld-course-progress-bar-inner {
    background-color: #d3b677 !important;
}

/* Responsiveness for dashboard */
@media (max-width: 768px) {
    .bg-elearning-revamp-page .woocommerce {
        flex-direction: column !important;
    }
    .bg-elearning-revamp-page .woocommerce-MyAccount-navigation {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    .bg-elearning-revamp-page .woocommerce-MyAccount-content {
        padding: 24px !important;
    }
}