/**
 * WooCommerce Product Reviews Pro — Reviewer profile page
 *
 * @since 1.17.8
 */

.wc-product-reviews-pro-profile {
	--rpp-accent: #00b778;
	--rpp-accent-dark: #049a64;
	--rpp-danger: #e64c4c;
	--rpp-text: #29323a;
	--rpp-text-muted: #767f88;
	--rpp-border: #e7e9ec;
	--rpp-card-bg: #ffffff;
	--rpp-radius: 14px;
	--rpp-radius-sm: 8px;

	max-width: 920px;
	margin: 40px auto;
	padding: 0 20px;
	color: var(--rpp-text);
}

.wc-product-reviews-pro-profile .profile-header {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 28px;
}

.wc-product-reviews-pro-profile .profile-header img.avatar {
	border-radius: 50%;
	border: 1px solid var(--rpp-border);
}

.wc-product-reviews-pro-profile .profile-name {
	font-size: 22px;
	margin: 0 0 4px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.wc-product-reviews-pro-profile .profile-joined {
	color: var(--rpp-text-muted);
	font-size: 13.5px;
	margin: 0;
}

.wc-product-reviews-pro-profile .nazar-profile-edit-account {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	padding: 8px 14px;
	border: 1px solid var(--rpp-accent);
	border-radius: 999px;
	background: #fff;
	color: var(--rpp-accent-dark);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
	transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.wc-product-reviews-pro-profile .nazar-profile-edit-account:hover,
.wc-product-reviews-pro-profile .nazar-profile-edit-account:focus-visible {
	background: var(--rpp-accent);
	color: #fff;
	box-shadow: 0 6px 16px rgba(0, 183, 120, .2);
	text-decoration: none;
}

.wc-product-reviews-pro-profile .contribution-badge {
	border-radius: 999px;
	padding: 3px 12px;
	font-size: 12px;
	font-weight: 600;
}

/* same badge type colors used in the review list (wc-product-reviews-pro-modern.css) */
.wc-product-reviews-pro-profile .contribution-badge-professional {
	background: #2a2a72;
	color: #fff;
}

.wc-product-reviews-pro-profile .contribution-badge-active {
	background: #1e88e5;
	color: #fff;
}

.wc-product-reviews-pro-profile .contribution-badge-helpful {
	background: #0f9d8c;
	color: #fff;
}

.wc-product-reviews-pro-profile .contribution-badge-satisfied {
	background: rgba(0, 183, 120, .14);
	color: #049a64;
}

.wc-product-reviews-pro-profile .contribution-badge-dissatisfied {
	background: rgba(230, 76, 76, .14);
	color: #e64c4c;
}

.wc-product-reviews-pro-profile .contribution-badge-regular {
	background: #eef1f3;
	color: #767f88;
}

.wc-product-reviews-pro-profile .contribution-badge-manual {
	background: #f0b429;
	color: #3a2a00;
}

.wc-product-reviews-pro-profile .contribution-badge-admin {
	background: #666;
	color: #fff;
}

/* Nazarkade verified-customer status on public and account review profiles. */
.wc-product-reviews-pro-profile .nazar-profile-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
	margin: 5px 0 0;
	padding: 4px 9px;
	border: 1px solid #bfe7d0;
	border-radius: 999px;
	background: #effbf4;
	color: #078456;
	font-size: 11px;
	font-weight: 750;
	line-height: 1.45;
	white-space: nowrap;
}
.wc-product-reviews-pro-profile .nazar-profile-verified-badge > span {
	display: inline-grid;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #16b978;
	color: #fff;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
	place-items: center;
}

.wc-product-reviews-pro-profile .profile-stats {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 12px;
	margin-bottom: 28px;
}

.wc-product-reviews-pro-profile .profile-stat-card {
	background: var(--rpp-card-bg);
	border: 1px solid var(--rpp-border);
	border-radius: var(--rpp-radius);
	padding: 16px 10px;
	text-align: center;
	box-shadow: 0 2px 10px rgba(20, 25, 30, 0.05);
}

.wc-product-reviews-pro-profile .profile-stat-value {
	display: block;
	font-size: 22px;
	font-weight: 700;
}

.wc-product-reviews-pro-profile .profile-stat-label {
	display: block;
	font-size: 12px;
	color: var(--rpp-text-muted);
	margin-top: 4px;
}

.wc-product-reviews-pro-profile .profile-stat-card.stat-positive .profile-stat-value {
	color: var(--rpp-accent-dark);
}

.wc-product-reviews-pro-profile .profile-stat-card.stat-negative .profile-stat-value {
	color: var(--rpp-danger);
}

.wc-product-reviews-pro-profile .profile-tabs {
	display: flex;
	gap: 8px;
	border-bottom: 1px solid var(--rpp-border);
	margin-bottom: 20px;
}

.wc-product-reviews-pro-profile .profile-tab-link {
	background: none;
	border: none;
	cursor: pointer;
	padding: 10px 18px;
	font-size: 14.5px;
	font-weight: 600;
	color: var(--rpp-text-muted);
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.wc-product-reviews-pro-profile .profile-tab-link.active {
	color: var(--rpp-accent-dark);
	border-bottom-color: var(--rpp-accent);
}

.wc-product-reviews-pro-profile .profile-tab-panel {
	display: none;
}

.wc-product-reviews-pro-profile .profile-tab-panel.active {
	display: block;
}

.wc-product-reviews-pro-profile .profile-empty {
	color: var(--rpp-text-muted);
	text-align: center;
	padding: 30px 0;
}

/* Product identity is needed on a profile page; the review card immediately
   below it is the shared product-page contribution template. */
.wc-product-reviews-pro-profile .profile-review-product-context {
	display: flex;
	direction: rtl;
	align-items: center;
	gap: 10px;
	margin: 20px 0 8px;
	font-size: 13px;
}

.wc-product-reviews-pro-profile .profile-review-product-context:first-child {
	margin-top: 0;
}

.wc-product-reviews-pro-profile .profile-review-product-context .profile-review-product {
	color: var(--rpp-text);
	font-weight: 700;
	text-decoration: none;
}

.wc-product-reviews-pro-profile .profile-review-product-context .profile-review-product:hover {
	color: var(--rpp-accent-dark);
}

/* This verification indicator belongs to the reviewed product context on a
   public profile, not beside the reviewer's name in the shared card header. */
.wc-product-reviews-pro-profile .profile-review-product-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	min-width: 0;
}

.wc-product-reviews-pro-profile .profile-review-verified-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
	padding: 3px 8px;
	border: 1px solid rgba(7, 132, 86, .18);
	border-radius: 999px;
	background: rgba(0, 183, 120, .09);
	color: #078456;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
}

.wc-product-reviews-pro-profile .profile-review-verified-badge > span {
	display: inline-grid;
	place-items: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #078456;
	color: #fff;
	font-size: 9px;
	line-height: 1;
}

.wc-product-reviews-pro-profile #reviews .profile-review-list > li.nazar-verified-buyer-review::before {
	display: none !important;
}

.wc-product-reviews-pro-profile .profile-review-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.wc-product-reviews-pro-profile #reviews .profile-review-list > li {
	margin: 0 !important;
	padding: 0 !important;
}

/* The product page gets its card spacing from the reviews wrapper. Profile
   cards use the same markup without that wrapper, so retain the exact inner
   breathing room here instead of leaving text flush against the card edge. */
.wc-product-reviews-pro-profile #reviews .profile-review-list > li > .wc-product-reviews-pro-card__inner {
	box-sizing: border-box;
	padding: 20px !important;
}

@media (max-width: 767px) {
	.wc-product-reviews-pro-profile #reviews .profile-review-list > li > .wc-product-reviews-pro-card__inner {
		padding: 14px !important;
	}
}

/* ProductReviewsPro normally supplies these glyphs through selectors scoped
   below .woocommerce. Public profiles are standalone pages, therefore they
   need the icon font declarations explicitly. */
.wc-product-reviews-pro-profile #reviews .contribution-actions a.vote::before {
	display: inline-block;
	font-family: ProductReviewsPro !important;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wc-product-reviews-pro-profile #reviews .contribution-actions a.vote-up::before {
	content: "\0055" !important;
}

.wc-product-reviews-pro-profile #reviews .contribution-actions a.vote-down::before {
	content: "\0044" !important;
}

.wc-product-reviews-pro-profile #reviews .contribution-actions .edit-icon.dashicons {
	display: inline-block;
	font-family: dashicons !important;
	font-style: normal;
	font-weight: 400;
}

.wc-product-reviews-pro-profile .profile-review-card {
	background: var(--rpp-card-bg);
	border: 1px solid var(--rpp-border);
	border-radius: var(--rpp-radius);
	padding: 16px 18px;
	margin-bottom: 14px;
}

/* rating-based color, matching the review list on product pages: red for a
   1-star rating, up through green for 5 stars */
.wc-product-reviews-pro-profile .star-rating span[style*="width:20%"]::before,
.wc-product-reviews-pro-profile .star-rating span[style*="width: 20%"]::before {
	color: #e53e3e !important;
}

.wc-product-reviews-pro-profile .star-rating span[style*="width:40%"]::before,
.wc-product-reviews-pro-profile .star-rating span[style*="width: 40%"]::before {
	color: #f2994a !important;
}

.wc-product-reviews-pro-profile .star-rating span[style*="width:60%"]::before,
.wc-product-reviews-pro-profile .star-rating span[style*="width: 60%"]::before {
	color: #f2c94c !important;
}

.wc-product-reviews-pro-profile .star-rating span[style*="width:80%"]::before,
.wc-product-reviews-pro-profile .star-rating span[style*="width: 80%"]::before {
	color: #a3d977 !important;
}

.wc-product-reviews-pro-profile .star-rating span[style*="width:100%"]::before,
.wc-product-reviews-pro-profile .star-rating span[style*="width: 100%"]::before {
	color: #27ae60 !important;
}

.wc-product-reviews-pro-profile .profile-review-meta {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 8px;
	font-size: 13px;
}

.wc-product-reviews-pro-profile .profile-review-product-image {
	display: inline-flex;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border: 1px solid var(--rpp-border);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.wc-product-reviews-pro-profile .profile-review-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wc-product-reviews-pro-profile .profile-review-rating .star-rating {
	display: inline-block !important;
	float: none !important;
}

.wc-product-reviews-pro-profile .profile-review-product {
	font-weight: 600;
}

.wc-product-reviews-pro-profile .profile-review-date,
.wc-product-reviews-pro-profile .profile-reply-date,
.wc-product-reviews-pro-profile .profile-activity-date {
	color: var(--rpp-text-muted);
	font-size: 12.5px;
}

.wc-product-reviews-pro-profile .profile-review-content {
	font-size: 14px;
	line-height: 1.7;
}

.wc-product-reviews-pro-profile .profile-review-qualifiers,
.wc-product-reviews-pro-profile .profile-review-votes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
}

.wc-product-reviews-pro-profile .profile-review-qualifiers span,
.wc-product-reviews-pro-profile .profile-review-vote {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid var(--rpp-border);
	border-radius: 999px;
	padding: 3px 9px;
	background: #f8fbf9;
	font-size: 11.5px;
	line-height: 1.4;
}

.wc-product-reviews-pro-profile .profile-review-qualifiers span {
	color: var(--rpp-text-muted);
}

.wc-product-reviews-pro-profile .profile-review-votes {
	margin-top: 8px;
}

.wc-product-reviews-pro-profile .profile-review-vote--up { color: #147353; }
.wc-product-reviews-pro-profile .profile-review-vote--down { color: #ad5050; }

.wc-product-reviews-pro-profile .profile-review-replies {
	margin-top: 12px;
	padding-right: 16px;
	border-right: 2px solid var(--rpp-border);
}

.wc-product-reviews-pro-profile .profile-review-reply {
	background: #fafbfc;
	border-radius: var(--rpp-radius-sm);
	padding: 10px 12px;
	margin-top: 8px;
	font-size: 13.5px;
}

.wc-product-reviews-pro-profile .profile-reply-author {
	margin-left: 8px;
}

.wc-product-reviews-pro-profile .profile-activity-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wc-product-reviews-pro-profile .profile-activity-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	border: 1px solid var(--rpp-border);
	border-radius: var(--rpp-radius-sm);
	margin-bottom: 8px;
	font-size: 13.5px;
}

@media (max-width: 700px) {
	.wc-product-reviews-pro-profile .profile-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.wc-product-reviews-pro-profile .profile-activity-item {
		flex-direction: column;
		align-items: flex-start;
	}
}
