/* ==========================================================================
   Reviews page (templates/page-kritikes.php): H1, Google summary, review grid.
   ========================================================================== */

.be_kritikes-head {
	padding-block: 60px;
	text-align: center;
}

.be_kritikes-title {
	margin: 0;
	color: var(--be-ink);
	font: 500 40px/1 var(--be-font-sys);
}

.be_kritikes-text {
	margin: 20px 0 0;
	color: var(--be-grey);
	font: 300 16px/24px var(--be-font);
}

.be_kritikes {
	padding-block: 10px 80px;
	color: var(--be-ink);
	font: 400 16px/1.3 var(--be-font-sys);
}

.be_kritikes-summary {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin: 4px 4px 54px;
	padding: 16px;
	text-align: center;
}

.be_kritikes-summary p {
	margin: 0;
}

.be_kritikes-place-img {
	width: 46px;
	height: 46px;
	margin-bottom: 4px;
	border-radius: 50%;
	object-fit: cover;
}

.be_kritikes-place a {
	color: var(--be-ink);
	font-size: 18px;
	font-weight: 700;
}

.be_kritikes-rating {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #fb8e28;
	font-weight: 900;
}

.be_stars--orange {
	font-size: 20px;
}

.be_stars--orange .be_stars-full {
	color: #fb8e28;
}

.be_kritikes-based {
	color: #555555;
}

.be_kritikes-powered {
	color: #777777;
	font-weight: 600;
}

.be_kritikes-google span:nth-child(1),
.be_kritikes-google span:nth-child(4) {
	color: #3c6df0;
}

.be_kritikes-google span:nth-child(2),
.be_kritikes-google span:nth-child(6) {
	color: #d93025;
}

.be_kritikes-google span:nth-child(3) {
	color: #fb8e28;
}

.be_kritikes-google span:nth-child(5) {
	color: #188038;
}

.be_kritikes-write {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border-radius: 27px;
	background: #1f67e7;
	color: var(--be-white);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.be_kritikes-write .be_icon {
	width: 18px;
	height: 18px;
	padding: 2px;
	border-radius: 50%;
	background: var(--be-white);
}

.be_kritikes-write:hover,
.be_kritikes-write:focus {
	color: var(--be-white);
	background: #1553c4;
}

.be_kritikes-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	padding: 0 7px;
}

.be_gridreview {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px;
	border-radius: 8px;
	background: #f4f4f4;
}

.be_gridreview-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-right: 20px;
}

.be_gridreview-avatar {
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
}

.be_gridreview-avatar--initial {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--be-navy);
	color: var(--be-white);
	font-size: 20px;
	font-weight: 500;
}

.be_gridreview-who {
	min-width: 0;
}

.be_gridreview-name {
	display: block;
	overflow: hidden;
	color: #154fc1;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.be_gridreview-date {
	display: block;
	margin-top: 6px;
	color: #555555;
	font-size: 13px;
}

.be_gridreview-source {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 16px;
	height: 16px;
}

.be_gridreview-text {
	max-height: 100px;
	margin: 0;
	overflow-y: auto;
	color: #222222;
	font-size: 15px;
	line-height: 24px;
}

@media (max-width: 1024px) {
	.be_kritikes-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.be_kritikes-grid {
		grid-template-columns: 1fr;
	}
}