/**
 * Revista · ProfilePress support
 *
 * Loaded only when the ProfilePress plugin is active. ProfilePress paints
 * its user profiles and the My Account area with fixed colors (white
 * fields, the text color picked in the form settings), which disappear in
 * one of the theme's two color modes. These rules switch them to the
 * theme's own color tokens, so both pages follow light and dark mode.
 */

/* 1. USER PROFILE (default profile template)
   -------------------------------------------------------------------------- */

/* 1.1 Body text. ProfilePress prints the "Body text color" setting with an
       ID selector, so !important is needed to replace it. */
.pp-form-wrapper.ppress-default-profile {
	color: var(--rv-text) !important;
}

/* 1.2 Header: date, user meta and bio */
.pp-form-wrapper.ppress-default-profile .ppress-dpf-header {
	border-bottom-color: var(--rv-border);
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta,
.pp-form-wrapper.ppress-default-profile .ppress-dpf-meta-text {
	color: var(--rv-muted);
}

.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a {
	color: var(--rv-muted);
}

.pp-form-wrapper.ppress-default-profile a.ppress-dpf-edit-a:hover {
	color: var(--rv-link);
}

/* 1.3 About tab: field labels and values */
.pp-form-wrapper.ppress-default-profile .ppress-dpf-item-label {
	color: var(--rv-text);
	border-bottom-color: var(--rv-border);
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-item-value {
	color: var(--rv-muted);
}

/* 1.4 Posts and Comments tabs */
.pp-form-wrapper.ppress-default-profile li.pp-user-post-item,
.pp-form-wrapper.ppress-default-profile .pp-user-comment-item {
	border-bottom-color: var(--rv-border);
}

.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note,
.pp-form-wrapper.ppress-default-profile .ppress-dpf-profile-note span,
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item,
.pp-form-wrapper.ppress-default-profile .pp-user-comment-no-item span {
	color: var(--rv-muted);
}

.pp-form-wrapper.ppress-default-profile .ppress-default-profile-cover {
	background-color: var(--rv-surface-2);
}


/* 2. MY ACCOUNT
   -------------------------------------------------------------------------- */

/* 2.1 Menu on the left */
#profilepress-myaccount-wrapper .ppmyac-dashboard-item {
	background-color: var(--rv-surface);
	border-color: var(--rv-border);
	color: var(--rv-link);
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item:hover {
	background-color: var(--rv-surface-2);
}

#profilepress-myaccount-wrapper .ppmyac-dashboard-item.isactive {
	background: var(--rv-gradient);
	border-color: transparent;
	color: #fff;
}

/* 2.2 Text fields, drop-downs and text areas */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .profilepress-myaccount-form-control:not([type="radio"]):not([type="checkbox"]),
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap textarea,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap select,
#profilepress-myaccount-wrapper .profilepress-myaccount-content input.profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content textarea.profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content select.profilepress-myaccount-form-control:focus,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .select2-selection {
	background-color: var(--rv-surface);
	border-color: var(--rv-border);
	color: var(--rv-text);
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-control::placeholder {
	color: var(--rv-muted);
	opacity: 0.8;
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-control option {
	background-color: var(--rv-surface);
	color: var(--rv-text);
}

/* 2.3 Cover photo and profile picture pickers */
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label {
	background-color: var(--rv-surface);
	border-color: var(--rv-border);
	color: var(--rv-muted);
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-form-wrap .ppmyac-custom-file-label::after {
	background-color: var(--rv-surface-2);
	border-color: var(--rv-border);
	color: var(--rv-text);
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-avatar,
#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-delete-cover-image-wrap {
	background-color: var(--rv-surface);
	border-color: var(--rv-border);
}

#profilepress-myaccount-wrapper .profilepress-myaccount-content .profilepress-myaccount-cover-image-empty {
	background-color: var(--rv-surface-2);
}

/* 2.4 Check boxes and radio buttons */
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type="checkbox"],
#profilepress-myaccount-wrapper .profilepress-myaccount-content input[type="radio"] {
	background: var(--rv-surface) !important;
	border-color: var(--rv-border) !important;
}