/* SP Conversie — [sp_recenzii] (mobil-first) */

.sp-recenzii {
	margin: 24px 0;
	color: #1a1a1a;
}

.sp-recenzii__google {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

/* Legat de container ca să aibă prioritate față de `.elementor-kit-N a` */
.sp-recenzii .sp-recenzii__google a,
.sp-recenzii .sp-recenzii__google a:visited {
	color: #1a1a1a;
	text-decoration: underline;
}

.sp-recenzii .sp-recenzii__google a:hover,
.sp-recenzii .sp-recenzii__google a:focus {
	color: #e30613;
	text-decoration: underline;
}

.sp-recenzii__google-stea {
	color: #f5a623;
}

.sp-recenzii__grila {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.sp-recenzie {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 20px;
	background: #f4f1ee;
	border-radius: 8px;
}

.sp-recenzie__stele {
	font-size: 18px;
	line-height: 1;
	letter-spacing: 2px;
}

.sp-recenzie__stea--plina {
	color: #f5a623;
}

.sp-recenzie__stea--goala {
	color: #cfc8c0;
}

.sp-recenzie__text {
	flex: 1 1 auto;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #1a1a1a;
}

.sp-recenzie__autor {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
}

.sp-recenzie__nume {
	font-weight: 700;
	color: #1a1a1a;
}

.sp-recenzie__firma,
.sp-recenzie__sursa {
	font-size: 13px;
	line-height: 1.4;
	color: #5a5a5a;
}

/* Stil „scurt” (sub hero): rând compact, stivuit pe mobil */
.sp-recenzii--scurt {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 16px 0;
}

.sp-recenzii--scurt .sp-recenzie {
	gap: 6px;
	padding: 4px 0 4px 14px;
	background: transparent;
	border-left: 3px solid #e30613;
	border-radius: 0;
}

.sp-recenzii--scurt .sp-recenzie__stele {
	font-size: 14px;
}

.sp-recenzii--scurt .sp-recenzie__text {
	font-size: 14px;
	line-height: 1.45;
}

.sp-recenzii--scurt .sp-recenzie__autor {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 8px;
	font-size: 13px;
}

/* Randat des în containere Elementor full-width: aceeași lățime ca [sp_inainte]. */
.sp-recenzii.sp-recenzii--scurt,
.sp-recenzii.sp-recenzii--carduri {
	box-sizing: border-box;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 16px;
}

@media (min-width: 768px) {
	.sp-recenzii__grila {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.sp-recenzii--scurt {
		flex-direction: row;
		gap: 24px;
	}

	.sp-recenzii--scurt .sp-recenzie {
		flex: 1 1 0;
		min-width: 0;
	}
}

@media (min-width: 1025px) {
	.sp-recenzii__grila {
		grid-template-columns: repeat(3, 1fr);
	}
}