/* =========================================================
   Westre Reco - horizontal summary core
========================================================= */

.westre-reco-horizontal-summary {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--westre-reco-horizontal-gap);
	width: 100%;
	min-height: var(--westre-reco-horizontal-min-height);
	padding: 0 var(--westre-reco-horizontal-padding-x);
	background: #fff;
	color: var(--westre-reco-text);
	font-family: Arial, Helvetica, sans-serif;
	font-size: var(--westre-reco-horizontal-font-size);
	line-height: 1.2;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}

.westre-reco-horizontal-summary__main-link {
	position: absolute;
	inset: 0;
	z-index: 5;
	display: block;
}

.westre-reco-horizontal-summary__item,
.westre-reco-horizontal-summary__brand,
.westre-reco-horizontal-summary__separator {
	position: relative;
	z-index: 2;
}

.westre-reco-horizontal-summary__item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.westre-reco-horizontal-summary__item strong {
	color: #111;
	font-weight: 700;
}

.westre-reco-horizontal-summary__bubble,
.westre-reco-horizontal-summary__bubble img,
.westre-reco-horizontal-summary__bubble svg,
.westre-reco-horizontal-summary__reviews img,
.westre-reco-horizontal-summary__reviews svg {
	width: var(--westre-reco-bubble-size) !important;
	height: var(--westre-reco-bubble-size) !important;
	max-width: var(--westre-reco-bubble-size) !important;
	max-height: var(--westre-reco-bubble-size) !important;
	display: inline-block;
	flex: 0 0 var(--westre-reco-bubble-size);
	overflow: hidden;
}

.westre-reco-horizontal-summary__brand img,
.westre-reco-horizontal-summary__brand svg {
	display: inline-block;
	width: auto;
	height: var(--westre-reco-logo-height);
}

.westre-reco-horizontal-summary__info {
	position: relative;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #489bd4;
	text-decoration: none;
}

.westre-reco-horizontal-summary__info:hover,
.westre-reco-horizontal-summary__info:focus {
	color: var(--westre-reco-blue);
}

.westre-reco-horizontal-summary__trust-bar {
	display: inline-flex;
	align-items: center;
	gap: 0;
}

.westre-reco-horizontal-summary__trust-bar span {
	display: inline-block;
	width: var(--westre-reco-trust-box-width);
	height: var(--westre-reco-trust-box-height);
	background: var(--westre-reco-trust-empty);
	border: 1px solid rgba(255, 255, 255, .7);
	box-sizing: border-box;
}

.westre-reco-horizontal-summary__trust-bar span:nth-child(1) {
	border-radius: var(--westre-reco-trust-radius-outer) 0 0 var(--westre-reco-trust-radius-outer);
}

.westre-reco-horizontal-summary__trust-bar span:nth-child(2),
.westre-reco-horizontal-summary__trust-bar span:nth-child(3) {
	border-radius: var(--westre-reco-trust-radius-inner);
}

.westre-reco-horizontal-summary__trust-bar span:nth-child(4) {
	border-radius: 0 var(--westre-reco-trust-radius-outer) var(--westre-reco-trust-radius-outer) 0;
}

.westre-reco-horizontal-summary__trust-bar--1 span:nth-child(1) {
	background: var(--westre-reco-trust-low);
}

.westre-reco-horizontal-summary__trust-bar--2 span:nth-child(-n+2) {
	background: var(--westre-reco-trust-ok);
}

.westre-reco-horizontal-summary__trust-bar--3 span:nth-child(-n+3),
.westre-reco-horizontal-summary__trust-bar--4 span:nth-child(-n+4) {
	background: var(--westre-reco-trust-good);
}

@media (max-width: 767px) {
	.westre-reco-horizontal-summary {
		flex-wrap: wrap;
		gap: 8px;
		min-height: auto;
		padding: 8px 10px;
	}

	.westre-reco-horizontal-summary__separator {
		display: none;
	}

	.westre-reco-horizontal-summary__brand {
		margin-left: 0;
		width: 100%;
		justify-content: flex-end;
	}
}