/* LearnPress Profile Page Styling */

/* Page wrapper: light-gray background to contrast white cards */
#learn-press-profile { background: var(--lp-page-bg) !important; border-radius: var(--lp-radius) !important; padding: 10px !important; }

/* Generic white-card pattern applied to profile parts */
#learn-press-profile .learn-press-profile-dashboard,
#learn-press-profile #profile-sidebar {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-dark) !important;
    border-radius: var(--lp-radius) !important;
    box-shadow: var(--lp-shadow) !important;
    padding: 12px 0 !important;
    margin: 10px 0 !important;
    overflow: hidden !important;
}

#learn-press-profile .learn-press-profile-dashboard { padding: 12px !important; }
#learn-press-profile #profile-sidebar { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Ensure inner profile-nav wrapper has no additional border to avoid double border */
#learn-press-profile .profile-nav { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }

/* Profile navigation as pill tabs */
#learn-press-profile .lp-profile-nav-tabs { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; }
#learn-press-profile .lp-profile-nav-tabs > li { margin: 0 !important; width: 100% !important; border-radius: 0 !important; }
#learn-press-profile .lp-profile-nav-tabs > li > a { display: block !important; padding: 10px 12px !important; background: transparent !important; color: var(--lp-dark) !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; width: 100% !important; transition: background-color var(--lp-transition), color var(--lp-transition) !important; }
#learn-press-profile .lp-profile-nav-tabs > li:not(.active) > a:hover { background: var(--lp-primary) !important; color: #ffffff !important; }
#learn-press-profile .lp-profile-nav-tabs > li.active > a { background: var(--lp-secondary) !important; color: #ffffff !important; }

/* Optional sections under a tab */
#learn-press-profile .profile-tab-sections { list-style: none !important; display: none !important; padding: 0 !important; margin: 0 !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; background: transparent !important; }
#learn-press-profile .lp-profile-nav-tabs > li:hover > .profile-tab-sections { display: none !important; }
#learn-press-profile .profile-tab-sections li a { display: block !important; padding: 8px 12px !important; background: var(--lp-white) !important; color: var(--lp-dark) !important; border: 1px solid var(--lp-dark) !important; box-shadow: var(--lp-shadow) !important; border-radius: var(--lp-radius) !important; text-decoration: none !important; margin-left: 12px !important; }
#learn-press-profile .profile-tab-sections li a:hover,
#learn-press-profile .profile-tab-sections li.active a { background: var(--lp-white) !important; color: var(--lp-dark) !important; border-color: var(--lp-dark) !important; }

/* Profile content basics */
#learn-press-profile .lp-profile-username { color: var(--lp-dark) !important; margin: 0 0 8px !important; }
#learn-press-profile .lp-profile-user-bio { color: var(--lp-muted) !important; }

/* Hide the Cover Image upload elements since functionality is disabled */
#learn-press-profile #lp-cover-image-upload .lp-cover-image-wrapper,
#learn-press-profile #lp-cover-image-upload .lp-upload-button-wrapper,
#learn-press-profile #lp-upload-cover-image,
#learn-press-profile #lp-save-cover-image,
#learn-press-profile #lp-cover-image-file { display: none !important; }

/* Tables inside profile subtab content - row separators only, no outer border */
#learn-press-profile .learn-press-subtab-content table { width: 100% !important; border: none !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; }
#learn-press-profile .learn-press-subtab-content table th,
#learn-press-profile .learn-press-subtab-content table td { border-bottom: 1px solid var(--lp-dark) !important; padding: 10px 12px !important; }
#learn-press-profile .learn-press-subtab-content table tr:last-child td { border-bottom: none !important; }

/* Remove card look from the outer profile content wrapper; we'll style inner items instead */
#learn-press-profile article.lp-profile-content { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 10px 0 !important; }

/* Card styling per item inside subtab content, and for generic divs under profile content wrapper */
#learn-press-profile .learn-press-subtab-content > *:not(.learn-press-profile-course__statistic),
#learn-press-profile .dashboard-statistic__row > div,
#learn-press-profile article.lp-profile-content > div > div:not(.learn-press-subtab-content) {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-dark) !important;
    border-radius: var(--lp-radius) !important;
    box-shadow: var(--lp-shadow) !important;
    padding: 12px !important;
    margin: 10px 0 !important;
}

/* Form controls in profile */
#learn-press-profile input[type="text"],
#learn-press-profile input[type="email"],
#learn-press-profile input[type="password"],
#learn-press-profile input[type="number"],
#learn-press-profile select,
#learn-press-profile textarea {
    background: var(--lp-white) !important;
    color: var(--lp-dark) !important;
    border: 1px solid var(--lp-dark) !important;
    border-radius: var(--lp-radius) !important;
    padding: 10px 12px !important;
    box-shadow: var(--lp-shadow) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#learn-press-profile .lp-button,
#learn-press-profile button,
#learn-press-profile input[type="button"],
#learn-press-profile input[type="submit"],
#learn-press-profile a.button {
    background: var(--lp-primary) !important;
    color: var(--lp-white) !important;
    border: 1px solid var(--lp-dark) !important;
    border-radius: var(--lp-radius) !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    transition: background-color var(--lp-transition), color var(--lp-transition), border-color var(--lp-transition) !important;
}
#learn-press-profile .lp-button:hover,
#learn-press-profile button:hover,
#learn-press-profile input[type="button"]:hover,
#learn-press-profile input[type="submit"]:hover,
#learn-press-profile a.button:hover { background: var(--lp-dark) !important; color: var(--lp-white) !important; border-color: var(--lp-dark) !important; }

/* Make nav scrollable horizontally on smaller screens */
@media (max-width: 768px) { #learn-press-profile .lp-profile-nav-tabs { overflow-x: auto !important; } }

/* Remove inner borders from profile menus (keep only the outer card border) */
#learn-press-profile .lp-profile-nav-tabs,
#learn-press-profile .lp-profile-nav-tabs > li,
#learn-press-profile .lp-profile-nav-tabs > li > a,
#learn-press-profile .profile-nav,
#learn-press-profile .learn-press-tabs__nav,
#learn-press-profile .learn-press-tabs__nav .learn-press-tabs__item,
#learn-press-profile .learn-press-tabs__nav .learn-press-tabs__item a { border: none !important; box-shadow: none !important; }


/* Hide Wordfence branding in 2FA management UI */
#wf-2fa-management h2,
#wf-2fa-management h3,
#wf-2fa-management .wf-header,
#wf-2fa-management .wf-title {
  display: none !important;
}

/* Optional: Adjust spacing after hiding title */
#wf-2fa-management {
  margin-top: 10px !important;
}