.elementor-15 .elementor-element.elementor-element-2677db31{--display:flex;--margin-top:100px;--margin-bottom:60px;--margin-left:4px;--margin-right:4px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS *//* ===== PROFILE PAGE COMPLETE STYLING ===== */

/* Main Container Background - White */
body.lp-user-profile,
.lp-user-profile.current-user,
.learn-press-profile,
#learn-press-user-profile {
    background: white !important;
    min-height: 100vh;
}

/* Profile Wrapper */
.lp-content-area.lp-profile-content-area,
.learn-press-profile-course__tab,
.lp-profile-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Profile Header/User Info Section */
.lp-profile-header,
.learn-press-profile-user,
.lp-content-area > .lp-profile-username {
    background: white !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 30px !important;
}

/* Avatar Styling */
.lp-profile-avatar,
.profile-avatar,
.learn-press-profile-avatar,
.lp-avatar img,
img.avatar {
    border-radius: 50% !important;
    border: 5px solid #7659ff !important;
    box-shadow: 0 4px 15px rgba(118, 89, 255, 0.3) !important;
}

/* Username */
.lp-profile-username,
h2.lp-profile-username,
.learn-press-profile-user__display-name {
    color: #1a1a1a !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 20px 0 10px 0 !important;
}

/* ===== SIDEBAR NAVIGATION ===== */
#learn-press-user-profile aside,
.lp-profile-nav,
.profile-sidebar,
#profile-sidebar {
    background: white !important;
    border-radius: 20px !important;
    padding: 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
}

/* Navigation List */
.lp-profile-nav-tabs,
.learn-press-profile-nav ul,
#profile-sidebar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lp-profile-nav-tabs li,
.learn-press-profile-nav ul li,
#profile-sidebar ul li {
    margin: 0 !important;
    border: none !important;
}

/* Navigation Links */
.lp-profile-nav-tabs a,
.learn-press-profile-nav ul li a,
#profile-sidebar ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 18px 25px !important;
    color: #666 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    background: white !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* Navigation Icons - Default State */
.lp-profile-nav-tabs a i,
.lp-profile-nav-tabs a svg,
.lp-profile-nav-tabs a::before,
.learn-press-profile-nav ul li a i,
.learn-press-profile-nav ul li a svg {
    margin-right: 12px !important;
    font-size: 18px !important;
    color: #666 !important;
    transition: color 0.3s ease !important;
}

/* Hover State - Fixed Icon and Text Color */
.lp-profile-nav-tabs a:hover,
.learn-press-profile-nav ul li a:hover,
#profile-sidebar ul li a:hover {
    background: linear-gradient(135deg, #7659ff 0%, #9575ff 100%) !important;
    color: white !important;
    transform: translateX(5px) !important;
    border-bottom-color: transparent !important;
}

/* Hover State - Icons turn white */
.lp-profile-nav-tabs a:hover i,
.lp-profile-nav-tabs a:hover svg,
.lp-profile-nav-tabs a:hover::before,
.learn-press-profile-nav ul li a:hover i,
.learn-press-profile-nav ul li a:hover svg {
    color: white !important;
}

/* Active/Current State - Fixed Text and Icon Color */
.lp-profile-nav-tabs li.active a,
.lp-profile-nav-tabs li.current a,
.learn-press-profile-nav ul li.is-active a,
#profile-sidebar ul li.active a {
    background: linear-gradient(135deg, #7659ff 0%, #9575ff 100%) !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(118, 89, 255, 0.3) !important;
    border-bottom-color: transparent !important;
}

/* Active State - Icons turn white */
.lp-profile-nav-tabs li.active a i,
.lp-profile-nav-tabs li.active a svg,
.lp-profile-nav-tabs li.active a::before,
.lp-profile-nav-tabs li.current a i,
.lp-profile-nav-tabs li.current a svg,
.lp-profile-nav-tabs li.current a::before,
.learn-press-profile-nav ul li.is-active a i,
.learn-press-profile-nav ul li.is-active a svg,
#profile-sidebar ul li.active a i,
#profile-sidebar ul li.active a svg {
    color: white !important;
}

/* ===== SETTINGS PARENT ITEM - FIX COLLAPSE ===== */
.lp-profile-nav-tabs li.menu-item-has-children > a,
.learn-press-profile-nav ul li.has-children > a {
    position: relative !important;
}

/* Settings Arrow Icon */
.lp-profile-nav-tabs li.menu-item-has-children > a::after,
.learn-press-profile-nav ul li.has-children > a::after {
    content: "›" !important;
    position: absolute !important;
    right: 25px !important;
    font-size: 20px !important;
    transition: transform 0.3s ease !important;
    color: inherit !important;
}

/* Arrow rotation when expanded */
.lp-profile-nav-tabs li.menu-item-has-children.open > a::after,
.learn-press-profile-nav ul li.has-children.open > a::after {
    transform: rotate(90deg) !important;
}

/* ===== SETTINGS SUBMENU ===== */
.lp-profile-nav-tabs .sub-menu,
.learn-press-profile-nav ul li ul,
.lp-profile-nav-tabs li.menu-item-has-children ul {
    background: #f8f9fa !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

/* Show submenu when parent is open */
.lp-profile-nav-tabs li.menu-item-has-children.open ul,
.learn-press-profile-nav ul li.has-children.open ul {
    max-height: 500px !important;
}

.lp-profile-nav-tabs .sub-menu li,
.learn-press-profile-nav ul li ul li {
    margin: 0 !important;
}

.lp-profile-nav-tabs .sub-menu li a,
.learn-press-profile-nav ul li ul li a {
    padding-left: 50px !important;
    font-size: 14px !important;
    background: #f8f9fa !important;
}

.lp-profile-nav-tabs .sub-menu li a:hover,
.learn-press-profile-nav ul li ul li a:hover {
    background: linear-gradient(135deg, #7659ff 0%, #9575ff 100%) !important;
    color: white !important;
}

.lp-profile-nav-tabs .sub-menu li a:hover i,
.lp-profile-nav-tabs .sub-menu li a:hover svg,
.learn-press-profile-nav ul li ul li a:hover i,
.learn-press-profile-nav ul li ul li a:hover svg {
    color: white !important;
}

/* ===== REMOVE SPACE BETWEEN SETTINGS AND LOGOUT ===== */
.lp-profile-nav-tabs li,
.learn-press-profile-nav ul li {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Logout Link - Remove extra spacing */
.lp-profile-nav-tabs li:last-child,
.learn-press-profile-nav ul li:last-child,
a[href*="logout"],
.lp-profile-logout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ===== MAIN CONTENT AREA ===== */
#learn-press-user-profile .lp-content-area,
.learn-press-profile-course__tab-content,
#profile-content {
    background: white !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

/* Statistics Cards Grid */
.learn-press-profile-course__statistic,
.profile-statistic-wrapper {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}

/* Individual Statistic Card */
.learn-press-profile-course__statistic__item,
.profile-statistic {
    background: #f8f9fc !important;
    border-radius: 15px !important;
    padding: 25px !important;
    text-align: center !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.learn-press-profile-course__statistic__item:hover,
.profile-statistic:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 5px 20px rgba(118, 89, 255, 0.15) !important;
}

/* Statistic Number */
.learn-press-profile-course__statistic__item__value,
.profile-statistic h3,
.profile-statistic-number {
    color: #7659ff !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    margin: 10px 0 5px 0 !important;
    display: block !important;
}

/* Statistic Label */
.learn-press-profile-course__statistic__item__label,
.profile-statistic p,
.profile-statistic-label {
    color: #666 !important;
    font-size: 14px !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* ===== TABS ===== */
.learn-press-tabs,
.lp-profile-tabs {
    border-bottom: 2px solid #e8ebf5 !important;
    margin-bottom: 25px !important;
    display: flex !important;
    gap: 10px !important;
}

.learn-press-tabs li,
.lp-profile-tabs li {
    margin: 0 !important;
    display: inline-block !important;
}

.learn-press-tabs li a,
.lp-profile-tabs li a {
    padding: 12px 25px !important;
    color: #666 !important;
    text-decoration: none !important;
    border-radius: 10px 10px 0 0 !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    display: inline-block !important;
}

.learn-press-tabs li a:hover,
.lp-profile-tabs li a:hover {
    color: #7659ff !important;
    background: rgba(118, 89, 255, 0.1) !important;
}

.learn-press-tabs li.active a,
.lp-profile-tabs li.active a {
    color: #7659ff !important;
    border-bottom: 3px solid #7659ff !important;
    font-weight: 600 !important;
}

/* ===== COURSE LIST ===== */
.learn-press-profile-course__items,
.course-list {
    margin-top: 20px !important;
}

.learn-press-profile-course__item,
.course-item,
.lp-course-item {
    background: white !important;
    border: 1px solid #e8ebf5 !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    transition: all 0.3s ease !important;
}

.learn-press-profile-course__item:hover,
.course-item:hover,
.lp-course-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(118, 89, 255, 0.15) !important;
    border-color: #7659ff !important;
}

/* ===== FORM INPUTS (Settings Page) ===== */
.lp-form-field input[type="text"],
.lp-form-field input[type="email"],
.lp-form-field input[type="url"],
.lp-form-field textarea {
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

.lp-form-field input:focus,
.lp-form-field textarea:focus {
    border-color: #7659ff !important;
    box-shadow: 0 0 0 3px rgba(118, 89, 255, 0.1) !important;
    outline: none !important;
}

/* ===== BUTTONS ===== */
.lp-button,
button.lp-button,
input[type="submit"].lp-button,
.learn-press-button,
button[type="submit"] {
    background: linear-gradient(135deg, #7659ff 0%, #9575ff 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(118, 89, 255, 0.3) !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.lp-button:hover,
button.lp-button:hover,
input[type="submit"].lp-button:hover,
.learn-press-button:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #f6425f 0%, #ff6b82 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(246, 66, 95, 0.4) !important;
    color: white !important;
}

/* ===== LOGOUT LINK ===== */
a[href*="logout"],
.lp-profile-logout a {
    color: #f6425f !important;
}

a[href*="logout"]:hover,
.lp-profile-logout a:hover {
    background: rgba(246, 66, 95, 0.1) !important;
    color: #f6425f !important;
}

/* ===== NO CONTENT MESSAGE ===== */
.learn-press-message,
.lp-no-content {
    background: #e3f2fd !important;
    border: 1px solid #90caf9 !important;
    border-radius: 10px !important;
    padding: 20px !important;
    color: #1976d2 !important;
    text-align: center !important;
}

/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 768px) {
    .lp-profile-content-area,
    #profile-content,
    #profile-sidebar {
        padding: 15px !important;
        border-radius: 15px !important;
    }
    
    .lp-profile-username,
    h2.lp-profile-username {
        font-size: 22px !important;
    }
    
    .learn-press-profile-course__statistic {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .lp-profile-nav-tabs a,
    .learn-press-profile-nav ul li a {
        padding: 15px 20px !important;
    }
}

@media (max-width: 480px) {
    .learn-press-profile-course__statistic {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */