/**
 * Section: Google rating and reviews (synced by engleski-core) in the shared
 * slider (slider.css). Cards line up: the link to the full review sits at the
 * bottom of each; long reviews show their first lines (the whole text stays
 * in the page).
 */

.section-google-reviews__intro {
	max-width: var(--measure);
}

.section-google-reviews__lead {
	margin: var(--space-2) 0 0;
	color: var(--color-text-muted);
}

/* ---------- Summary: 5,0 ★★★★★ 220 recenzija na Google Maps ---------- */

.google-summary {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-3);
	align-items: center;
	margin: var(--space-4) 0 0;
}

.google-summary__rating {
	color: var(--color-navy);
	font-family: var(--font-heading);
	font-size: var(--step-2);
	font-weight: 700;
	line-height: 1;
}

.google-summary__count {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	align-items: center;
	color: var(--color-text-muted);
}

/* Google's rules: shown unmodified, 16–19px tall, clear space around it. */
.google-summary__logo {
	display: inline-block;
	width: auto;
	height: 18px;
	margin: 0 var(--space-1);
}

.stars {
	display: inline-flex;
	gap: 2px;
}

.stars__star {
	width: 1.125rem;
	height: 1.125rem;
	color: var(--color-border-strong);
	stroke-width: 1.5;
}

.stars__star--on {
	color: var(--color-star);
	fill: currentcolor;
}

/* ---------- Review card ---------- */

/* Positioned, so the visually hidden link labels stay inside the slider's
   scroll area (otherwise they widen the page on phones). */
.google-review {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	height: 100%;
	padding: var(--space-5);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-card);
	background: var(--color-surface);
}

.google-review__author {
	display: flex;
	gap: var(--space-3);
	align-items: center;
}

/* The author's initial until (or if never) the Google photo loads over it. */
.google-review__avatar {
	position: relative;
	display: grid;
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--color-surface-accent);
	color: var(--color-accent);
	font-family: var(--font-heading);
	font-weight: 700;
	place-items: center;
}

.google-review__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.google-review__name {
	display: block;
	color: var(--color-navy);
	font-family: var(--font-heading);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}

a.google-review__name:hover {
	text-decoration: underline;
}

.google-review__date {
	color: var(--color-text-muted);
	font-size: var(--step--1);
}

.google-review__text {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	line-clamp: 7;
}

.google-review__source {
	margin-top: auto;
	padding-top: var(--space-2);
	font-size: var(--step--1);
}

/* ---------- Below the slider: the order notice and all reviews ---------- */

.section-google-reviews__footer {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	align-items: center;
	justify-content: space-between;
	margin-top: var(--space-4);
}

.google-reviews__notice {
	margin: 0;
	color: var(--color-text-muted);
	font-size: var(--step--1);
}