/**
 * Review Tab Styles
 *
 * Modern design for review listings in the dashboard
 *
 * @package User_Account_Hub
 * @since 4.1.0
 */

/* ============================================================================
   REVIEWS TAB
   ========================================================================== */

.uah-reviews-tab-header {
	margin-bottom: var(--uah-spacing-xl);
}

.uah-reviews-tab-title {
	margin: 0;
	font-size: var(--uah-font-size-l);
	font-weight: var(--uah-font-weight-semibold);
	color: var(--uah-color-heading);
	display: flex;
	align-items: center;
	gap: var(--uah-spacing-m);
}

.uah-reviews-count {
	font-size: var(--uah-font-size-l);
	color: var(--uah-color-faded);
	font-weight: var(--uah-font-weight-normal);
}

/* Filters */
.uah-reviews-filters {
	display: flex;
	gap: var(--uah-spacing-m);
	margin-bottom: var(--uah-spacing-xl);
	flex-wrap: wrap;
}

.uah-filter-btn {
	padding: var(--uah-spacing-s) var(--uah-spacing-l);
	background: var(--uah-color-bg-alt);
	border: 2px solid transparent;
	border-radius: 20px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: var(--uah-color-faded);
	transition: all var(--uah-transition-normal);
	display: flex;
	align-items: center;
	gap: var(--uah-spacing-s);
}

.uah-filter-btn:hover {
	background: var(--uah-color-bg-alt);
	color: var(--uah-color-heading);
}

.uah-filter-btn.uah-filter-active {
	background: var(--uah-color-primary);
	color: var(--uah-color-white);
	border-color: var(--uah-color-primary);
}

.uah-filter-btn i {
	font-size: 12px;
}

/* Reviews List */
.uah-reviews-content {
	margin-top: 20px;
}

.uah-reviews-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.uah-reviews-empty {
	text-align: center;
	padding: 60px var(--uah-spacing-xl);
	color: var(--uah-color-faded);
}

.uah-reviews-empty i {
	font-size: 64px;
	color: var(--uah-color-border);
	margin-bottom: var(--uah-spacing-xl);
}

.uah-reviews-empty h4 {
	margin: 0 0 var(--uah-spacing-m) 0;
	font-size: var(--uah-font-size-l);
	color: var(--uah-color-heading);
}

.uah-reviews-empty p {
	margin: var(--uah-spacing-s) 0;
	font-size: 14px;
}

/* Loading */
.uah-loading {
	text-align: center;
	padding: 40px;
	color: var(--uah-color-faded);
}

.uah-loading i {
	font-size: 32px;
	margin-bottom: var(--uah-spacing-m);
	color: var(--uah-color-primary);
}

/* Load More */
.uah-reviews-load-more {
	text-align: center;
	margin-top: var(--uah-spacing-xl);
	padding-top: var(--uah-spacing-xl);
	border-top: 1px solid var(--uah-color-border);
}