/*
 * Falue Profile Runtime Styles v11
 *
 * Loaded AFTER any user-uploaded profile stylesheet.
 * All static profile-design CSS belongs here; PHP supplies only runtime values.
 */

/* ---------------- Custom profile background ---------------- */
body.falue-profile-custom-background {
	background-image: var(--falue-profile-background-image) !important;
	background-size: 100% auto !important;
	background-attachment: fixed !important;
}

@media (max-width:768px) {
	body.falue-profile-custom-background {
		background-position: center center !important;
	}
	body.falue-profile-custom-background.falue-profile-bg-crop {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}
	body.falue-profile-custom-background.falue-profile-bg-fill {
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
		background-attachment: scroll !important;
	}
	body.falue-profile-custom-background.falue-profile-bg-tile {
		background-size: auto !important;
		background-repeat: repeat !important;
		background-attachment: scroll !important;
	}
	body.falue-profile-custom-background.falue-profile-bg-natural {
		background-size: 100% auto !important;
		background-repeat: repeat-y !important;
		background-position: center top !important;
		background-attachment: fixed !important;
	}
}

/* ---------------- Custom profile appearance ---------------- */
.wo_user_profile.profile_design_custom {
	background-color: var(--profile-page-surface) !important;
	min-height: 100vh;
}

.wo_user_profile.profile_design_custom .falue-profile-tabs,
.wo_user_profile.profile_design_custom .profile-public-content .wow_content,
.wo_user_profile.profile_design_custom .profile-public-content .modal-content,
.wo_user_profile.profile_design_custom .profile-public-content .tag_review_list {
	background-color: var(--profile-card-surface) !important;
}

.wo_user_profile.profile_design_custom .profile-public-content .post-container,
.wo_user_profile.profile_design_custom .profile-public-content .post-container.wow_content,
.wo_user_profile.profile_design_custom .profile-public-content .post-container .wow_content,
.wo_user_profile.profile_design_custom .profile-public-content .pinned-post-container .post-container {
	background: transparent !important;
	background-color: transparent !important;
}

/*
 * IMPORTANT: one visible post placard only.
 * Older profile-appearance CSS put --profile-post-surface on the outer panel,
 * creating the second white/card layer. The structural layers stay transparent;
 * the real post-description placard alone receives the profile post surface.
 */
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post,
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel,
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel.panel-white,
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel.panel-shadow,
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container .post .panel-white {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel > .post-description {
	background: var(--profile-post-surface, #fff) !important;
	background-color: var(--profile-post-surface, #fff) !important;
}

.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel.panel-white .panel-heading,
.wo_user_profile.profile_design_custom .profile-public-content #posts .post-container > .post > .panel.panel-white .panel-footer {
	background-color: transparent !important;
}

.wo_user_profile.profile_design_custom .tag_page_name_hdr .event_cdown,
.wo_user_profile.profile_design_custom .falue-profile-stat span,
.wo_user_profile.profile_design_custom .profile-public-content,
.wo_user_profile.profile_design_custom .profile-public-content input,
.wo_user_profile.profile_design_custom .profile-public-content textarea,
.wo_user_profile.profile_design_custom .profile-public-content select {
	font-family: var(--profile-body-font);
}

.wo_user_profile.profile_design_custom .tag_page_name_hdr .event_cdown,
.wo_user_profile.profile_design_custom .falue-profile-stat span,
.wo_user_profile.profile_design_custom .profile-public-content .wow_content,
.wo_user_profile.profile_design_custom .profile-public-content .wow_content p,
.wo_user_profile.profile_design_custom .profile-public-content .tag_review_list,
.wo_user_profile.profile_design_custom .profile-public-content .prod_review-desc {
	color: var(--profile-body-color);
}

.wo_user_profile.profile_design_custom .tag_page_name_hdr .event-info-cont-small > h3,
.wo_user_profile.profile_design_custom .falue-profile-stat strong,
.wo_user_profile.profile_design_custom .profile-public-content h1,
.wo_user_profile.profile_design_custom .profile-public-content h2,
.wo_user_profile.profile_design_custom .profile-public-content h3,
.wo_user_profile.profile_design_custom .profile-public-content h4,
.wo_user_profile.profile_design_custom .profile-public-content h5,
.wo_user_profile.profile_design_custom .profile-public-content h6,
.wo_user_profile.profile_design_custom .profile-public-content .user-name,
.wo_user_profile.profile_design_custom .profile-public-content .wo_page_hdng {
	color: var(--profile-heading-color);
	font-family: var(--profile-heading-font);
}

.wo_user_profile.profile_design_custom .profile-public-content a:not(.btn) {
	color: var(--profile-link-color);
}
.wo_user_profile.profile_design_custom .profile-public-content a:not(.btn):hover,
.wo_user_profile.profile_design_custom .profile-public-content a:not(.btn):focus {
	color: var(--profile-link-hover-color);
}

.wo_user_profile.profile_design_custom .profile-public-actions .btn-main,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main-rev,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main:focus,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main-rev:focus,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-main,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-main:focus {
	background: var(--profile-primary-background) !important;
	border-color: var(--profile-primary-background) !important;
	color: var(--profile-primary-text) !important;
}

.wo_user_profile.profile_design_custom .profile-public-actions .btn-main:hover,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main:active,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main.active,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main-rev:hover,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main-rev:active,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-main-rev.active,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-main:hover,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-main:active {
	background: var(--profile-primary-hover-background) !important;
	border-color: var(--profile-primary-hover-background) !important;
	color: var(--profile-primary-hover-text) !important;
}

.wo_user_profile.profile_design_custom .profile-public-actions .btn-default,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-default:focus,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-default,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-default:focus {
	background: var(--profile-secondary-background) !important;
	border-color: var(--profile-secondary-border) !important;
	color: var(--profile-secondary-text) !important;
}

.wo_user_profile.profile_design_custom .profile-public-actions .btn-default:hover,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-default:active,
.wo_user_profile.profile_design_custom .profile-public-actions .btn-default.active,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-default:hover,
.wo_user_profile.profile_design_custom .profile-public-content #rate_user_profile .btn-default:active {
	background: var(--profile-secondary-hover-background) !important;
	border-color: var(--profile-secondary-hover-border) !important;
	color: var(--profile-secondary-hover-text) !important;
}

.wo_user_profile.profile_design_custom .falue-profile-tabs {
	background: var(--profile-card-surface) !important;
}
.wo_user_profile.profile_design_custom .falue-profile-tabs .falue-profile-tab:not(.profile-tab-active) {
	background: var(--profile-secondary-background) !important;
	color: var(--profile-tab-color) !important;
}
.wo_user_profile.profile_design_custom .falue-profile-tabs .falue-profile-tab:not(.profile-tab-active):hover,
.wo_user_profile.profile_design_custom .falue-profile-tabs .falue-profile-tab:not(.profile-tab-active):focus {
	background: var(--profile-secondary-hover-background) !important;
	color: var(--profile-tab-hover-color) !important;
}
.wo_user_profile.profile_design_custom .falue-profile-tabs .falue-profile-tab.profile-tab-active {
	background: linear-gradient(135deg,var(--profile-tab-active-color) 0%,#5b4cf5 52%,#0023c4 100%) !important;
	color: #fff !important;
}
.wo_user_profile.profile_design_custom .falue-profile-tabs .falue-profile-tab-count {
	color: inherit !important;
}

.wo_user_profile.profile_design_custom .profile-public-content .page-rating label svg {
	color: var(--profile-rating-empty-color) !important;
	fill: currentColor !important;
}
.wo_user_profile.profile_design_custom .profile-public-content .page-rating input:checked ~ label svg,
.wo_user_profile.profile_design_custom .profile-public-content .page-rating label:hover svg,
.wo_user_profile.profile_design_custom .profile-public-content .page-rating label:hover ~ label svg,
.wo_user_profile.profile_design_custom .profile-public-content .page-rating label svg.active,
.wo_user_profile.profile_design_custom .profile-public-content .Review-rating svg {
	color: var(--profile-rating-filled-color) !important;
	fill: currentColor !important;
}

.profile-leave-mark {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	white-space: nowrap;
}
.profile-leave-mark.is-marked svg {
	color: #22c55e;
}
@media (max-width:420px) {
	.profile-leave-mark {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.profile-mark-button-text {
		font-size: 12px;
	}
}