/********** RECENSIONI 2026 **********/

:root {
	/* Tavolozza del widget: personalizzare questi valori per riutilizzarlo su altri siti. */
	--reviews-card-background: #fff;
	--reviews-header-background: linear-gradient(to bottom, #fff, #eee);
	--reviews-card-border: #f0f0f0;
	--reviews-card-shadow: #f6f6f6;
	--reviews-text: #333;
	--reviews-accent: #8AAC26;
	--reviews-name-divider: #ccc;
	--reviews-scrollbar: #01393E;
	--reviews-scrollbar-firefox: #01393E;
	--reviews-control-background: #fff;
	--reviews-control-hover-background: #fff7fa;
	--reviews-control-border: #f5dfe7;
	--reviews-control-shadow: #f2f2f2;
	--reviews-control-hover-shadow: #ebebeb;
	--reviews-slider-track: #01393E;
	--reviews-slider-thumb-shadow: #d1d1d1;
	--reviews-link: #01393E;
}

#review_notes {
	text-align: center;
}

#review_head_row {
	border-top: 0;
	padding-top: 0;
	margin: 20px auto 40px;
	max-width: 1300px;
}

/* WRAPPER GENERALE */
.sk-ww-google-reviews {
	background: transparent !important;
}

.sk-google-reviews {
	visibility: visible !important;
}

.sk-posts-container {
	width: 100% !important;
	/* max-width: 1280px !important; */
	margin: 0 auto !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	scroll-behavior: smooth !important;
	scroll-snap-type: x mandatory !important;
	-webkit-overflow-scrolling: touch !important;
	padding-bottom: 2px !important;
}

.sk-posts-container::-webkit-scrollbar {
	display: none !important;
}

.sk-ww-google-reviews.sk-d-block {
    border: 0 !important;
}

/* WRAPPER */
.sk-posts-container .sk-wrapper.masonry.js-masonry {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 20px !important;
	height: auto !important;
	min-height: 0 !important;
	transform: none !important;
	transition: none !important;
	width: max-content !important;
	will-change: auto !important;
}

/* ITEM NORMALIZZATI */
.sk-posts-container .sk-wrapper.masonry.js-masonry > div,
.sk-posts-container .sk-wrapper > div.sk-masonry-item.js-masonry-item {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	opacity: 1 !important;
	margin: 0 !important;
	box-shadow: none !important;
	scroll-snap-align: start !important;
	scroll-snap-stop: always !important;
	flex: 0 0 calc((1280px - 40px) / 3) !important;
	width: calc((1280px - 40px) / 3) !important;
	min-width: calc((1280px - 40px) / 3) !important;
	max-width: calc((1280px - 40px) / 3) !important;
}

/* CARD */
body .sk-ww-google-reviews .sk-post {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	height: 460px !important;
	min-height: 460px !important;
	max-height: 460px !important;
	padding: 0 !important;
	box-shadow: 5px 0 5px var(--reviews-card-shadow), -5px 0 5px var(--reviews-card-shadow) !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	background: var(--reviews-card-background) !important;
	border: 2px solid var(--reviews-card-border) !important;
}

/* HEADER - il selettore include le classi del nuovo markup SociableKit. */
body .sk-ww-google-reviews .sk-review-card.sk-post > .sk-review-header.sk-post__header,
body .sk-ww-google-reviews .sk-post > .sk-post__header {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	z-index: auto !important;
	display: flex !important;
	align-items: center !important;
	align-self: stretch !important;
	box-sizing: border-box !important;
	width: 100% !important;
	flex: 0 0 auto !important;
	gap: 12px !important;
	border-bottom: 0 !important;
	padding: 18px 22px !important;
	background: var(--reviews-header-background) !important;
}

/* Il nuovo markup SociableKit applica il layout ai dati del recensore. */
body .sk-ww-google-reviews .sk-reviewer-info,
body .sk-ww-google-reviews .sk-post__head-details {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	overflow: visible !important;
	background: transparent !important;
}

/* BODY SCROLLABILE */
body .sk-ww-google-reviews .sk-post__body {
	position: relative !important;
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 20px 25px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	scrollbar-width: thin !important;
	scrollbar-color: var(--reviews-scrollbar-firefox) transparent !important;
}

body .sk-ww-google-reviews .sk-post__body::-webkit-scrollbar {
	width: 6px;
}

body .sk-ww-google-reviews .sk-post__body::-webkit-scrollbar-thumb {
	background: var(--reviews-scrollbar);
	border-radius: 999px;
}

body .sk-ww-google-reviews .sk-post__body::-webkit-scrollbar-track {
	background: transparent;
}

/* TESTO */
body .sk-ww-google-reviews .sk-post__body .sk-post__text.js-post-text,
body .sk-ww-google-reviews .sk-post__body .sk-post__text-content,
body .sk-ww-google-reviews .sk-post__body .sk-post__text-content > div {
	font-family: "Inter", serif !important;
	font-weight: 300 !important;
	font-style: normal !important;
	color: var(--reviews-text) !important;
	font-size: 15px !important;
	letter-spacing: .01em !important;
	line-height: 1.4 !important;
	margin: 0 !important;
	max-width: 100% !important;
	text-align: left !important;
	display: block !important;
}

/* LINK ESPANDI/RIDUCI RECENSIONE - markup nuovo e legacy SociableKit */
body .sk-ww-google-reviews .sk-review-card button.sk-read-more, 
body .sk-ww-google-reviews .sk-review-card button.sk-hide-text, 
body .sk-ww-google-reviews .sk-post__body button.sk-read-more, 
body .sk-ww-google-reviews .sk-post__body button.sk-hide-text, 
body .sk-ww-google-reviews .sk_show_hide_text {
	border: 0;
	color: var(--reviews-link) !important;
	padding: 5px 12px;
	border-radius: 15px;
	font-size: 11px !important;
	/* text-transform: uppercase; */
	line-height: 1;
	font-weight: 500;
	background: #eee !important;
	box-shadow: 0 1px 3px #aaa;
}

body .sk-ww-google-reviews .sk-review-card button.sk-read-more:hover,
body .sk-ww-google-reviews .sk-review-card button.sk-hide-text:hover,
body .sk-ww-google-reviews .sk-post__body button.sk-read-more:hover,
body .sk-ww-google-reviews .sk-post__body button.sk-hide-text:hover,
body .sk-ww-google-reviews .sk_show_hide_text:hover {
	color: var(--reviews-link) !important;
}

/* LINK NOME */
body .sk-ww-google-reviews a.sk-post__user-link {
	color: var(--reviews-accent) !important;
	border-bottom: 1px solid var(--reviews-name-divider) !important;
	display: inline-block !important;
	font-family: "Yantramanav", sans-serif !important;
	font-size: 17px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
	margin-bottom: 0 !important;
	padding-bottom: 2px !important;
	text-transform: capitalize !important;
	max-width: 80% !important;
}

body .sk-ww-google-reviews .sk-post__date {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin-top: -3px !important;
	padding: 0 0 2px !important;
	font-size: 12px !important;
	line-height: 1.3 !important;
	white-space: nowrap !important;
	overflow: visible !important;
}

body .sk-ww-google-reviews .sk-post__date::before {
	content: "\f017";
	flex: 0 0 auto;
	font-family: "Font Awesome 5 Free";
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: var(--reviews-accent);
}

body .sk-ww-google-reviews .sk-post__rating-icon {
	height: 16px !important;
	width: 16px !important;
}

/* GALLERIE */
body .sk-ww-google-reviews .sk-image-gallery {
	margin-top: 16px !important;
}

body .sk-ww-google-reviews .sk-image-container img {
	border-radius: 10px !important;
	object-fit: cover !important;
}

/* NASCONDI ELEMENTI NON UTILI */

.sk-wrapper > .sk-masonry-item:has(.sk-badge) {	/* NASCONDI COMPLETAMENTE IL BLOCCO BADGE (non solo il contenuto) */
	display: none !important;
}

.sk-post__footer {
	display: none !important;
}

.sk-badge {
	display: none !important;
}

.sk-google-reviews .sk_branding,
.sk_branding,
.sk-google-reviews .sk_branding .tutorial_link,
.sk_branding .tutorial_link {
	display: none !important;
	max-height: 1px !important;
	opacity: 0 !important;
	pointer-events: none !important;
	overflow: hidden !important;
}

.sk-button.sk-load-more-btn {
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
}

/* POPUP */
body .sk-post-modal button,
body .sk-ww-google-reviews button {
	background-color: var(--reviews-control-background) !important;
}

body .sk-post-modal__btn-close--active {
	opacity: 1 !important;
	background: var(--reviews-control-background) !important;
}

/* NAV PREMIUM */
.reviews-nav {
	display: flex;
	align-items: center;
	gap: 18px;
	/* max-width: 1280px; */
	margin: 25px auto 0 !important;
}

body .sk-ww-google-reviews button.reviews-nav__btn {
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border-radius: 999px;
	border: 1px solid var(--reviews-control-border);
	background: var(--reviews-control-background);
	color: var(--reviews-accent) !important;
	font-size: 32px !important;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 18px var(--reviews-control-shadow);
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body .sk-ww-google-reviews button.reviews-nav__btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 24px var(--reviews-control-hover-shadow);
	background: var(--reviews-control-hover-background);
}

/* SLIDER */
#reviews-slider {
	display: block !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	height: 4px !important;
	margin: 0 !important;
	background: var(--reviews-slider-track) !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	border-radius: 999px !important;
	outline: none !important;
	position: relative !important;
	z-index: 2 !important;
}

#reviews-slider::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	background: var(--reviews-accent) !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	border: 0 !important;
	box-shadow: 0 2px 8px var(--reviews-slider-thumb-shadow);
}

#reviews-slider::-moz-range-thumb {
	width: 20px !important;
	height: 20px !important;
	background: var(--reviews-accent) !important;
	border-radius: 50% !important;
	cursor: pointer !important;
	border: 0 !important;
	box-shadow: 0 2px 8px var(--reviews-slider-thumb-shadow);
}

/* TABLET */
@media all and (max-width: 1024px) {
	.sk-posts-container .sk-wrapper.masonry.js-masonry > div,
	.sk-posts-container .sk-wrapper > div.sk-masonry-item.js-masonry-item {
		flex: 0 0 calc((100vw - 60px - 20px) / 2) !important;
		width: calc((100vw - 60px - 20px) / 2) !important;
		min-width: calc((100vw - 60px - 20px) / 2) !important;
		max-width: calc((100vw - 60px - 20px) / 2) !important;
	}
}

/* MOBILE */
@media all and (max-width: 480px) {
	.sk-posts-container .sk-wrapper.masonry.js-masonry {
		gap: 14px !important;
	}

	.sk-posts-container .sk-wrapper.masonry.js-masonry > div,
	.sk-posts-container .sk-wrapper > div.sk-masonry-item.js-masonry-item {
		flex: 0 0 calc(100vw - 70px) !important;
		width: calc(100vw - 70px) !important;
		min-width: calc(100vw - 70px) !important;
		max-width: calc(100vw - 70px) !important;
	}

	body .sk-ww-google-reviews .sk-post {
		height: 430px !important;
		min-height: 430px !important;
		max-height: 430px !important;
	}

	body .sk-ww-google-reviews .sk-review-card.sk-post > .sk-review-header.sk-post__header,
	body .sk-ww-google-reviews .sk-post > .sk-post__header {
		padding: 18px !important;
	}

	body .sk-ww-google-reviews .sk-post__body {
		padding: 18px !important;
	}

	.reviews-nav {
		gap: 12px;
		margin-top: 20px;
	}

	.reviews-nav__btn {
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
		font-size: 24px;
	}
}

/* ***************************************************************** */