/* ===================== REVIEWS ===================== */
.reviews-section {
	background: var(--bg-secondary);
}

.reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.review-card {
	background: var(--bg-primary);
	border-radius: var(--radius-lg);
	padding: 28px;
	border: 1px solid var(--border);
	transition: var(--transition);
}

.review-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
	border-color: var(--accent-light);
}

.review-header {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
}

.review-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--accent-light);
}

.review-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--text-primary);
}

.review-stars {
	display: flex;
	gap: 2px;
	margin-bottom: 12px;
}

.review-stars i {
	font-size: 14px;
	color: #f1c40f;
}

.review-text {
	font-size: 14px;
	color: var(--text-secondary);
	line-height: 1.8;
}

/* WooCommerce product reviews */
.woocommerce #reviews #comments ol.commentlist {
	padding: 0;
	list-style: none;
}

.woocommerce #reviews #comments ol.commentlist li {
	padding: 20px 0;
	border-bottom: 1px solid var(--border);
}

.woocommerce #reviews #comments .comment-text {
	border: none !important;
	border-radius: var(--radius-md) !important;
	padding: 0 0 0 24px !important;
	margin-right: 70px !important;
}

.woocommerce #review_form #respond .form-submit input {
	background: var(--accent);
	color: #fff;
	border-radius: var(--radius-xl);
	padding: 12px 28px;
	font-weight: 700;
	font-family: 'Tajawal', sans-serif;
}