/* Home page reviews ([highlander_reviews]) and Instagram ([highlander_instagram]) sections */

/*
 * Hero silhouette (overlap.png + Ken Burns slideshow).
 * Large screens: animated slides scale past the mask and leave a 1px edge line.
 */
.hero-slider > .uk-position-relative {
	overflow: hidden !important;
	background: #fff;
	isolation: isolate;
	transform: translateZ(0);
	backface-visibility: hidden;
	clip-path: inset(0);
}

.hero-slider .uk-slideshow,
.hero-slider .uk-slideshow-items,
.hero-slider .uk-slideshow-items > .el-item {
	overflow: hidden !important;
}

.hero-slider > .uk-position-relative > img.el-image {
	position: relative;
	z-index: 2;
	transform: scale(1.02);
	transform-origin: center center;
	backface-visibility: hidden;
}

@media (min-width: 1400px) {
	.hero-slider > .uk-position-relative > img.el-image {
		transform: scale(1.03);
	}
}

.hl-reviews,
.hl-insta {
	--hl-ink: #3D1A4A;
	--hl-blue: #2992d0;
	--hl-green: #00aa6c;
	--hl-star: #f5b301;
	--hl-border: #e6e6ea;
	--hl-muted: #6b6b76;
}

.hl-reviews__head,
.hl-insta__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 30px;
}

.hl-reviews__title,
.hl-insta__title {
	margin: 0;
	color: var(--hl-ink);
	font-family: "AvenirHeavy";
	font-weight: 700;
}

.hl-reviews__subtitle,
.hl-insta__subtitle {
	margin: 6px 0 0;
	color: var(--hl-muted);
}

.hl-reviews__nav {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.hl-reviews__nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	color: var(--hl-ink);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	transition: background .2s, color .2s;
}

.hl-reviews__nav a:hover {
	background: var(--hl-blue);
	color: #fff;
}

.hl-reviews__nav a.uk-invisible {
	visibility: visible !important;
	opacity: .35;
	pointer-events: none;
}

/* Stars and rating dots */

.hl-stars,
.hl-dots {
	display: inline-flex;
	gap: 2px;
	vertical-align: middle;
}

.hl-stars > span {
	width: 12px;
	height: 12px;
	background: var(--hl-star);
	clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.hl-dots > span {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: var(--hl-green);
}

.hl-stars > .is-off,
.hl-dots > .is-off {
	background: #d9d9de;
}

/* Summary card */

.hl-reviews__summary {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	padding: 20px;
	border: 1px solid var(--hl-border);
	border-radius: 6px;
	background: #fff;
}

.hl-reviews__word {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--hl-ink);
	font-family: "AvenirHeavy";
	font-size: 18px;
}

.hl-reviews__based {
	margin: 10px 0 4px;
	color: var(--hl-muted);
	font-size: 13px;
	line-height: 1.5;
}

.hl-reviews__count {
	margin: 0;
	color: var(--hl-ink);
	font-family: "AvenirHeavy";
	font-size: 14px;
}

.hl-reviews__score {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 82px;
	border-radius: 8px;
	background: linear-gradient(160deg, #4faae7, var(--hl-blue));
	color: #fff;
	line-height: 1;
}

.hl-reviews__score span {
	font-family: "AvenirHeavy";
	font-size: 30px;
}

.hl-reviews__score small {
	margin-top: 4px;
	font-size: 12px;
	opacity: .85;
}

/* Platform tiles */

.hl-reviews__platforms {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.hl-platform {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--hl-border);
	border-radius: 6px;
	background: #fff;
	color: var(--hl-ink);
	text-decoration: none !important;
	transition: border-color .2s, box-shadow .2s;
}

.hl-platform:hover {
	border-color: var(--hl-blue);
	box-shadow: 0 4px 14px rgba(41, 146, 208, .12);
	color: var(--hl-ink);
}

.hl-platform[aria-disabled="true"] {
	pointer-events: none;
}

.hl-platform__icon {
	flex-shrink: 0;
}

.hl-platform--google .hl-platform__icon { color: #4285f4; }
.hl-platform--facebook .hl-platform__icon { color: #1877f2; }
.hl-platform--tripadvisor .hl-platform__icon { color: var(--hl-green); }
.hl-platform--trustpilot .hl-platform__icon { color: #00b67a; }

.hl-platform__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.hl-platform__name {
	color: var(--hl-muted);
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.hl-platform__rating {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 15px;
	white-space: nowrap;
}

.hl-platform__rating strong {
	font-family: "AvenirHeavy";
}

.hl-platform__rating .hl-stars > span {
	width: 9px;
	height: 9px;
}

.hl-platform__rating--link {
	color: var(--hl-blue);
	font-size: 13px;
}

/* Review cards */

.hl-review {
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	padding: 22px;
	border: 1px solid var(--hl-border);
	border-radius: 6px;
	background: #fff;
}

.hl-reviews .uk-slider-items > li {
	display: flex;
}

.hl-reviews .uk-slider-items > li > .hl-review {
	width: 100%;
}

.hl-review__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hl-review__source {
	color: #4285f4;
}

.hl-review__source--tripadvisor { color: var(--hl-green); }
.hl-review__source--facebook { color: #1877f2; }
.hl-review__source--trustpilot { color: #00b67a; }

.hl-review__text {
	flex: 1;
	margin-top: 14px;
	color: #444;
	font-size: 14px;
	line-height: 1.65;
}

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

.hl-review__more {
	align-self: flex-start;
	margin-top: 10px;
	color: var(--hl-blue);
	font-size: 13px;
}

.hl-review__author {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--hl-border);
}

.hl-review__avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 50%;
	object-fit: cover;
}

.hl-review__avatar--initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--hl-green);
	color: #fff;
	font-family: "AvenirHeavy";
	font-size: 13px;
}

.hl-review__name {
	color: var(--hl-ink);
	font-family: "AvenirHeavy";
	font-size: 14px;
}

.hl-review__date {
	color: var(--hl-muted);
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Instagram */

.hl-insta__head:last-child {
	margin-bottom: 0;
}

.hl-insta__follow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 10px 20px;
	border-radius: 30px;
	background: linear-gradient(45deg, #f09433, #dc2743 50%, #bc1888);
	color: #fff !important;
	font-family: "AvenirHeavy";
	text-decoration: none !important;
	transition: transform .2s, box-shadow .2s;
}

.hl-insta__follow:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(220, 39, 67, .3);
}

.hl-insta__notice {
	padding: 16px 20px;
	border: 1px dashed #c9c9d1;
	border-radius: 6px;
	color: var(--hl-muted);
	font-size: 14px;
}

@media (max-width: 639px) {
	.hl-reviews__head,
	.hl-insta__head {
		flex-direction: column;
		align-items: flex-start;
	}

	.hl-reviews__nav {
		align-self: flex-end;
		margin-top: -10px;
	}
}