/*
 * Homepage reviews — base styling re-homed from the Better Business Reviews
 * plugin (css/style.css + css/grid.css) so the look survives removing that
 * plugin. The theme's high-specificity overrides in pp-v2-home.css
 * (body.pp-theme-v2 .ppv2-reviews .brtpmj_*) still layer on top unchanged.
 * Markup is produced by inc/sections/reviews-v1.php (same brtpmj_* classes).
 */

.brtpmj_businessheader{
	display: flex;
	margin-bottom: 15px;
	align-items: center;
	gap: 10px;
}
.brtpmj_businessheader img{
	width: 150px;
}
.brtpmj_business_ratings{
	display: flex;
	gap: 5px;
	position: relative;
}
.brtpmj_business_ratings span{
	font-weight: bold;
}
.brtpmj_br_score_img img{
	width: 150px;
	vertical-align: bottom;
}

/* single review */
.brtpmj_single_rvw {
	border: 1px solid #e5e5dd;
	margin-bottom: 15px;
	padding: 15px;
	border-radius: 8px;
	break-inside: avoid;
}
.brtpmj_sr_author_overview{
	display: flex;
	border-bottom: 1px solid #e5e5dd;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.brtpmj_sr_ab_img {
	width: 50px;
	height: 50px;
	background: #d1f9ea;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.brtpmj_sr_ab_img span{
	font-weight: bold;
}
.brtpmj_sr_ab_img img{
	border-radius: 50%;
}
.brtpmj_sr_ab_name_date {
	display: flex;
	flex-direction: column;
	margin-left: 15px;
}
.brtpmj_sr_ab_name{
	font-weight: bold;
}

/* grid view */
.brtpmj_grid_container {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	justify-content: center;
}
.brtpmj_grid_container .brtpmj_single_rvw {
	width: 30%;
}
@media only screen and (max-width: 767px) {
	.brtpmj_grid_container .brtpmj_single_rvw {
		width: 45%;
	}
}
@media only screen and (max-width: 550px) {
	.brtpmj_grid_container .brtpmj_single_rvw {
		width: 100%;
	}
}