/* =========================================================
   Taormina Suites — design dark ispirato a Hoteler (ThemeForest)
   Font: Gilda Display + Barlow + Barlow Condensed
   Palette: #0E0F11 · #121212 · #161616 · oro #AA8453
   ========================================================= */

:root {
	--ts-bg: #0E0F11;
	--ts-bg-2: #121212;
	--ts-bg-3: #161616;
	--ts-line: #232323;
	--ts-gold: #AA8453;
	--ts-gold-rgb: 170, 132, 83;
	--ts-white: #FFFFFF;
	--ts-muted: #AAAAAA;
	--ts-serif: "Gilda Display", "Playfair Display", Georgia, serif;
	--ts-sans: "Barlow", "Helvetica Neue", Arial, sans-serif;
	--ts-cond: "Barlow Condensed", "Arial Narrow", sans-serif;
	--ts-container: 1240px;
	--ts-radius: 4px;
	--ts-header-h: 84px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	padding: 0;
	background: var(--ts-bg);
	color: var(--ts-white);
	font-family: var(--ts-sans);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease; }
a:hover { color: var(--ts-gold); }
button { font-family: inherit; cursor: pointer; }
figure { margin: 0; }

h1, h2, h3, h4 {
	font-family: var(--ts-serif);
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 .6em;
	color: var(--ts-white);
	letter-spacing: .01em;
}
h1 { font-size: clamp(2.6rem, 6vw, 4.6rem); }
h2 { font-size: clamp(2rem, 4vw, 3.2rem); }
h3 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); }
p  { margin: 0 0 1.1em; color: var(--ts-muted); }

::selection { background: rgba(var(--ts-gold-rgb), .35); color: #fff; }

.ts-container {
	width: min(100% - 48px, var(--ts-container));
	margin-inline: auto;
}
.ts-narrow { max-width: 880px; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(1px,1px,1px,1px);
	word-wrap: normal !important;
}
.ts-skip-link { left: -9999px; }
.ts-skip-link:focus {
	left: 16px; top: 16px; z-index: 9999;
	background: var(--ts-gold); color: #000;
	padding: 10px 18px; width: auto; height: auto; clip: auto;
}

/* ---------- Eyebrow / bottoni / link ---------- */
.ts-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .28em;
	font-size: .82rem;
	font-weight: 600;
	color: var(--ts-gold);
	margin-bottom: 18px;
}
.ts-eyebrow::before {
	content: "";
	width: 44px; height: 1px;
	background: var(--ts-gold);
}
.ts-eyebrow-light { color: var(--ts-gold); }

.ts-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 34px;
	font-family: var(--ts-cond);
	font-weight: 600;
	font-size: .95rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	border: 1px solid transparent;
	border-radius: var(--ts-radius);
	line-height: 1;
	transition: all .25s ease;
}
.ts-btn-gold {
	background: var(--ts-gold);
	color: #0E0F11;
	border-color: var(--ts-gold);
}
.ts-btn-gold:hover {
	background: #c09a67;
	border-color: #c09a67;
	color: #0E0F11;
	transform: translateY(-2px);
}
.ts-btn-outline {
	background: transparent;
	color: var(--ts-white);
	border-color: rgba(255,255,255,.28);
}
.ts-btn-outline:hover {
	border-color: var(--ts-gold);
	color: var(--ts-gold);
	transform: translateY(-2px);
}
.ts-btn-ghost {
	background: transparent;
	color: #fff;
	border-color: transparent;
	text-decoration: underline;
	text-underline-offset: 8px;
	text-decoration-color: rgba(var(--ts-gold-rgb), .7);
}
.ts-btn-ghost:hover { color: var(--ts-gold); }

.ts-link-gold {
	color: var(--ts-gold);
	font-family: var(--ts-cond);
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .92rem;
}
.ts-link-gold:hover { color: #c9a776; }

/* ---------- Topbar + Header ---------- */
.ts-topbar {
	background: #0A0B0D;
	border-bottom: 1px solid var(--ts-line);
	font-family: var(--ts-cond);
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: .8rem;
	color: var(--ts-muted);
}
.ts-topbar-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 40px;
	gap: 16px;
}
.ts-topbar-contacts { display: flex; gap: 24px; }
.ts-topbar-contacts a:hover { color: var(--ts-gold); }

.ts-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(14, 15, 17, .92);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255,255,255,.06);
	transition: background .3s ease, box-shadow .3s ease;
}
.ts-header.is-scrolled {
	background: rgba(10, 11, 13, .97);
	box-shadow: 0 10px 40px rgba(0,0,0,.45);
}
.ts-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: var(--ts-header-h);
	gap: 24px;
}

.ts-logo { display: inline-flex; align-items: center; gap: 14px; }
.ts-logo:hover { color: inherit; }
.ts-logo-mark {
	width: 46px; height: 46px;
	display: grid; place-items: center;
	border: 1px solid var(--ts-gold);
	color: var(--ts-gold);
	font-family: var(--ts-serif);
	font-size: 1.05rem;
	border-radius: 50%;
	flex: 0 0 auto;
}
.ts-logo-text { display: flex; flex-direction: column; line-height: 1.15; }
.ts-logo-text strong {
	font-family: var(--ts-serif);
	font-weight: 400;
	font-size: 1.35rem;
	letter-spacing: .04em;
	color: #fff;
}
.ts-logo-text em {
	font-family: var(--ts-cond);
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .3em;
	font-size: .68rem;
	color: var(--ts-gold);
}
.ts-logo img { max-height: 56px; width: auto; }

.ts-nav { display: flex; align-items: center; gap: 8px; }
.ts-menu {
	display: flex;
	list-style: none;
	margin: 0; padding: 0;
	gap: 4px;
}
.ts-menu li { position: relative; }
.ts-menu a {
	display: block;
	padding: 10px 16px;
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .16em;
	font-weight: 600;
	font-size: .92rem;
	color: #EDEDED;
	position: relative;
}
.ts-menu a::after {
	content: "";
	position: absolute;
	left: 16px; right: 16px; bottom: 4px;
	height: 1px;
	background: var(--ts-gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s ease;
}
.ts-menu a:hover,
.ts-menu .current-menu-item > a,
.ts-menu .current_page_item > a { color: var(--ts-gold); }
.ts-menu a:hover::after,
.ts-menu .current-menu-item > a::after,
.ts-menu .current_page_item > a::after { transform: scaleX(1); }

.ts-nav-cta { margin-left: 14px; }

.ts-burger {
	display: none;
	width: 46px; height: 46px;
	background: transparent;
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0;
}
.ts-burger span {
	display: block;
	width: 20px; height: 2px;
	background: #fff;
	transition: transform .3s ease, opacity .3s ease;
}
.ts-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ts-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ts-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Hero ---------- */
.ts-hero {
	position: relative;
	/* Abbastanza alto da essere coinvolgente, ma la barra date resta visibile al primo schermo */
	min-height: clamp(560px, calc(100vh - 170px), 880px);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 90px 0 130px;
	isolation: isolate;
}
.ts-hero-overlay {
	position: absolute; inset: 0;
	background:
		linear-gradient(180deg, rgba(14,15,17,.72) 0%, rgba(14,15,17,.45) 45%, rgba(14,15,17,.92) 100%),
		radial-gradient(ellipse at 30% 20%, transparent 0%, rgba(14,15,17,.5) 100%);
	z-index: -1;
}
.ts-hero-inner { position: relative; max-width: 860px; }
.ts-hero h1 {
	font-size: clamp(3rem, 7.5vw, 5.6rem);
	line-height: 1.04;
	margin-bottom: .35em;
}
.ts-hero-lead {
	font-size: 1.16rem;
	max-width: 620px;
	color: #D6D6D6;
	margin-bottom: 2.2em;
}
.ts-hero-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }

/* Booking bar */
.ts-booking-wrap {
	position: absolute;
	left: 0; right: 0; bottom: -46px;
	z-index: 5;
}
.ts-booking-bar {
	display: grid;
	grid-template-columns: repeat(3, 1fr) auto;
	gap: 0;
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	box-shadow: 0 30px 60px rgba(0,0,0,.5);
	/* niente overflow:hidden — tagliava il popup nativo del calendario/menu */
	overflow: visible;
}
.ts-booking-bar label {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 24px;
	border-right: 1px solid var(--ts-line);
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.ts-booking-bar label:first-child {
	border-radius: var(--ts-radius) 0 0 var(--ts-radius);
}
.ts-booking-bar > .ts-btn {
	border-radius: 0 var(--ts-radius) var(--ts-radius) 0;
}
.ts-booking-bar label span {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: .72rem;
	color: var(--ts-gold);
	font-weight: 600;
}
.ts-booking-bar input,
.ts-booking-bar select {
	background: transparent;
	border: 0;
	color: #fff;
	font-family: var(--ts-sans);
	font-size: 1rem;
	padding: 0;
	outline: none;
	color-scheme: dark;
	width: 100%;
	cursor: pointer;
}
.ts-booking-bar input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	opacity: .9;
	filter: invert(78%) sepia(30%) saturate(500%) hue-rotate(0deg) brightness(92%);
}
.ts-booking-bar .ts-btn {
	border-radius: 0;
	padding-inline: 42px;
	height: 100%;
}

/* ---------- Marquee ---------- */
.ts-marquee {
	overflow: hidden;
	border-block: 1px solid var(--ts-line);
	background: var(--ts-bg-2);
	padding: 26px 0;
	/* Full width: esce dal box centrato di Elementor */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-top: 76px;
	white-space: nowrap;
}
.ts-marquee-track {
	display: inline-flex;
	animation: ts-marquee 42s linear infinite;
}
.ts-marquee-track span {
	font-family: var(--ts-serif);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	text-transform: uppercase;
	letter-spacing: .18em;
	color: transparent;
	-webkit-text-stroke: 1px rgba(var(--ts-gold-rgb), .55);
	padding-right: 0;
}
@keyframes ts-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* ---------- Sezioni ---------- */
.ts-section { padding: 110px 0; }
.ts-section-alt { background: var(--ts-bg-2); }
.ts-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 56px;
}
.ts-section-head h2 { margin-bottom: 0; max-width: 720px; }
.ts-section-head.ts-center {
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.ts-section-lead { max-width: 560px; }
.ts-lead { font-size: 1.12rem; color: #C9C9C9; }

/* ---------- Split (chi siamo / menu teaser) ---------- */
.ts-split {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: 70px;
	align-items: center;
}
.ts-split-reverse { grid-template-columns: 1fr 1.05fr; }
.ts-split-reverse .ts-split-media { order: 2; }
.ts-split-media { position: relative; }
.ts-split-media img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--ts-radius);
	filter: saturate(.92) brightness(.92);
}
.ts-split-media::after {
	content: "";
	position: absolute;
	inset: 18px -18px -18px 18px;
	border: 1px solid rgba(var(--ts-gold-rgb), .5);
	border-radius: var(--ts-radius);
	z-index: -1;
}
.ts-split-badge {
	position: absolute;
	left: -22px; bottom: 36px;
	background: var(--ts-gold);
	color: #0E0F11;
	padding: 20px 26px;
	border-radius: var(--ts-radius);
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: .8rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	box-shadow: 0 20px 40px rgba(0,0,0,.4);
}
.ts-split-badge strong {
	font-family: var(--ts-serif);
	font-size: 2.4rem;
	font-weight: 400;
}
.ts-checklist {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	display: grid;
	gap: 12px;
}
.ts-checklist li {
	position: relative;
	padding-left: 34px;
	color: #D0D0D0;
}
.ts-checklist li::before {
	content: "";
	position: absolute;
	left: 0; top: .55em;
	width: 16px; height: 8px;
	border-left: 2px solid var(--ts-gold);
	border-bottom: 2px solid var(--ts-gold);
	transform: rotate(-45deg);
}

/* ---------- Numeri ---------- */
.ts-stats {
	background: var(--ts-gold);
	color: #0E0F11;
	padding: 54px 0;
}
.ts-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
	text-align: center;
}
.ts-stat strong {
	display: block;
	font-family: var(--ts-serif);
	font-weight: 400;
	font-size: clamp(2.2rem, 4vw, 3.2rem);
	line-height: 1;
	margin-bottom: 8px;
	color: #0E0F11;
}
.ts-stat span {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: .82rem;
	font-weight: 600;
	color: rgba(14,15,17,.78);
}

/* ---------- Suites ---------- */
.ts-suites-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.ts-suite-card {
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.ts-suite-card:hover {
	transform: translateY(-8px);
	border-color: rgba(var(--ts-gold-rgb), .45);
	box-shadow: 0 30px 60px rgba(0,0,0,.45);
}
.ts-suite-media {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}
.ts-suite-media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
	filter: brightness(.9);
}
.ts-suite-card:hover .ts-suite-media img { transform: scale(1.06); }
.ts-suite-claim {
	position: absolute;
	top: 16px; left: 16px;
	background: rgba(14,15,17,.82);
	border: 1px solid rgba(var(--ts-gold-rgb), .55);
	color: var(--ts-gold);
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: .74rem;
	font-weight: 600;
	padding: 7px 14px;
	border-radius: 999px;
	backdrop-filter: blur(6px);
}
.ts-suite-body {
	padding: 28px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.ts-suite-body h3 { margin-bottom: .5em; }
.ts-suite-body p { font-size: .97rem; flex: 1; }
.ts-suite-feats {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.ts-suite-feats li {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .78rem;
	color: #CFCFCF;
	border: 1px solid var(--ts-line);
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(255,255,255,.02);
}
.ts-suite-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-top: 20px;
	border-top: 1px solid var(--ts-line);
}
.ts-price {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--ts-muted);
	font-size: .85rem;
}
.ts-price strong {
	font-family: var(--ts-serif);
	font-size: 1.7rem;
	color: var(--ts-gold);
	font-weight: 400;
	margin-inline: 4px;
}
.ts-price em { font-style: normal; color: var(--ts-muted); }

/* Suites grandi (pagina) */
.ts-suites-list { display: grid; gap: 90px; }
.ts-suite-row {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 64px;
	align-items: center;
}
.ts-suite-row.is-flip .ts-suite-row-media { order: 2; }
.ts-suite-row-media {
	position: relative;
	border-radius: var(--ts-radius);
	overflow: hidden;
}
.ts-suite-row-media img {
	aspect-ratio: 5 / 4;
	object-fit: cover;
	width: 100%;
	filter: brightness(.92);
}
.ts-suite-row-body .ts-suite-foot { border-top: 0; padding-top: 8px; justify-content: flex-start; gap: 28px; flex-wrap: wrap; }

/* ---------- Servizi ---------- */
.ts-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.ts-service {
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	padding: 30px 28px;
	display: flex;
	gap: 20px;
	align-items: flex-start;
	transition: border-color .3s ease, transform .3s ease;
}
.ts-service:hover {
	border-color: rgba(var(--ts-gold-rgb), .5);
	transform: translateY(-4px);
}
.ts-service-num {
	font-family: var(--ts-serif);
	font-size: 1.5rem;
	color: var(--ts-gold);
	line-height: 1;
	flex: 0 0 auto;
}
.ts-service p {
	margin: 0;
	color: #E2E2E2;
	font-size: 1rem;
}

/* ---------- Menù ristorante ---------- */
.ts-dish-quick {
	list-style: none;
	margin: 0 0 2em;
	padding: 0;
	display: grid;
	gap: 14px;
}
.ts-dish-quick li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: baseline;
	border-bottom: 1px dashed var(--ts-line);
	padding-bottom: 12px;
	color: #EAEAEA;
}
.ts-dish-quick em {
	font-family: var(--ts-serif);
	font-style: normal;
	color: var(--ts-gold);
	font-size: 1.2rem;
}

.ts-menu-img {
	margin-bottom: 54px;
	border-radius: var(--ts-radius);
	overflow: hidden;
	position: relative;
}
.ts-menu-img img {
	width: 100%;
	aspect-ratio: 21 / 9;
	object-fit: cover;
	filter: brightness(.85);
}
.ts-menu-group {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .3em;
	color: var(--ts-gold);
	font-size: 1rem;
	font-weight: 600;
	margin: 48px 0 22px;
	display: flex;
	align-items: center;
	gap: 18px;
}
/* Variante quando il gruppo è un widget Heading di Elementor */
.ts-menu-group .elementor-heading-title,
.elementor-widget.ts-menu-group .elementor-heading-title {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .3em;
	color: var(--ts-gold);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
}
.elementor-widget.ts-menu-group {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 48px 0 22px;
}
.elementor-widget.ts-menu-group::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--ts-line);
}
.ts-menu-group::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--ts-line);
}
.ts-menu-group:first-child { margin-top: 0; }

.ts-menu-list { display: grid; gap: 4px; }
.ts-menu-row { padding: 14px 0; }
.ts-menu-line {
	display: flex;
	align-items: baseline;
	gap: 14px;
}
.ts-menu-name {
	font-family: var(--ts-serif);
	font-size: 1.25rem;
	color: #fff;
}
.ts-menu-dots {
	flex: 1;
	border-bottom: 1px dotted #3A3A3A;
	transform: translateY(-5px);
}
.ts-menu-price {
	font-family: var(--ts-serif);
	color: var(--ts-gold);
	font-size: 1.25rem;
}
.ts-menu-desc {
	margin: 6px 0 0;
	font-size: .93rem;
	color: var(--ts-muted);
}
.ts-menu-note {
	margin-top: 40px;
	padding: 22px 26px;
	border-left: 3px solid var(--ts-gold);
	background: rgba(var(--ts-gold-rgb), .07);
	color: #CFCFCF;
	font-size: .95rem;
	border-radius: 0 var(--ts-radius) var(--ts-radius) 0;
}

/* Fascia piatto a parallasse full width (prima dei Secondi) */
.ts-menu-parallax {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-top: 12px;
	margin-bottom: 40px;
	height: clamp(300px, 46vh, 500px);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
@media (max-width: 900px) {
	.ts-menu-parallax {
		background-attachment: scroll;
		height: 260px;
		margin-bottom: 28px;
	}
}

.ts-cta-band {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	flex-wrap: wrap;
}
.ts-cta-band h2 { max-width: 640px; }
.ts-cta-band-actions { display: flex; gap: 14px; flex-wrap: wrap; }

/* ---------- Gallery ---------- */
.ts-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}
.ts-gallery.g-uniforme .ts-gallery-item {
	aspect-ratio: 4 / 3;
}
.ts-gallery-item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--ts-radius);
	background: var(--ts-bg-3);
}
/* Specificità maggiore di ".elementor img { height:auto }": le foto riempiono la tile senza deformazioni */
.ts-gallery .ts-gallery-item img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform .55s ease, filter .55s ease;
	filter: brightness(.88) saturate(.95);
}
.ts-gallery-item::after {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, transparent 40%, rgba(14,15,17,.55));
	opacity: 0;
	transition: opacity .4s ease;
}
.ts-gallery-item:hover img { transform: scale(1.07); filter: brightness(1); }
.ts-gallery-item:hover::after { opacity: 1; }

/* Lightbox */
.ts-lightbox {
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(5,5,6,.96);
	display: flex;
	align-items: center;
	justify-content: center;
}
.ts-lightbox[hidden] { display: none; }
.ts-lightbox img {
	max-width: min(92vw, 1400px);
	max-height: 86vh;
	object-fit: contain;
	border-radius: var(--ts-radius);
	box-shadow: 0 40px 80px rgba(0,0,0,.6);
}
.ts-lightbox button {
	position: absolute;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.18);
	color: #fff;
	width: 52px; height: 52px;
	border-radius: 50%;
	font-size: 1.6rem;
	line-height: 1;
	display: grid;
	place-items: center;
	transition: all .25s ease;
}
.ts-lightbox button:hover { background: var(--ts-gold); color: #000; border-color: var(--ts-gold); }
.ts-lightbox-close { top: 28px; right: 28px; }
.ts-lightbox-prev { left: 28px; top: 50%; transform: translateY(-50%); }
.ts-lightbox-next { right: 28px; top: 50%; transform: translateY(-50%); }

/* ---------- Testimonianze ---------- */
.ts-testimonials {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}
.ts-testimonial {
	margin: 0;
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	padding: 38px 34px;
	position: relative;
}
.ts-testimonial::before {
	content: "“";
	position: absolute;
	top: 8px; right: 26px;
	font-family: var(--ts-serif);
	font-size: 6rem;
	color: rgba(var(--ts-gold-rgb), .18);
	line-height: 1;
}
.ts-stars { color: var(--ts-gold); letter-spacing: .3em; margin-bottom: 16px; }
.ts-testimonial p {
	font-family: var(--ts-serif);
	font-size: 1.18rem;
	color: #EDEDED;
	line-height: 1.6;
	font-style: italic;
}
.ts-testimonial cite {
	font-style: normal;
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: .85rem;
	color: var(--ts-gold);
	font-weight: 600;
}

/* ---------- Contatti ---------- */
.ts-contact-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 22px;
}
.ts-contact-card {
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-top: 2px solid var(--ts-gold);
	border-radius: var(--ts-radius);
	padding: 30px 26px;
	transition: transform .3s ease;
}
.ts-contact-card:hover { transform: translateY(-5px); }
.ts-contact-label {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .24em;
	font-size: .76rem;
	color: var(--ts-gold);
	font-weight: 600;
	display: block;
	margin-bottom: 12px;
}
.ts-contact-card p { margin: 0; color: #E8E8E8; font-size: 1.02rem; }
.ts-contact-card a:hover { color: var(--ts-gold); }

.ts-map {
	position: relative;
	border-radius: var(--ts-radius);
	overflow: hidden;
	border: 1px solid var(--ts-line);
	min-height: 420px;
}
.ts-map iframe {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	border: 0;
	filter: grayscale(1) invert(.92) contrast(.9);
}
.ts-map-card {
	position: relative;
	margin: 32px;
	max-width: 320px;
	background: rgba(14,15,17,.94);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	padding: 28px;
	backdrop-filter: blur(8px);
	z-index: 2;
}

/* ---------- Form ---------- */
.ts-form {
	background: var(--ts-bg-3);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	padding: 42px;
}
.ts-cta-section {
	background:
		linear-gradient(180deg, rgba(14,15,17,.94), rgba(14,15,17,.97)),
		url("../img/taormina-view.jpg") center/cover fixed;
	border-top: 1px solid var(--ts-line);
}
.ts-form-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-bottom: 18px;
}
.ts-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
}
.ts-form-grid .ts-field { margin-bottom: 0; }
.ts-field span {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .18em;
	font-size: .78rem;
	color: var(--ts-gold);
	font-weight: 600;
}
.ts-field input,
.ts-field select,
.ts-field textarea {
	background: var(--ts-bg);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	color: #fff;
	padding: 14px 16px;
	font-family: var(--ts-sans);
	font-size: 1rem;
	outline: none;
	transition: border-color .25s ease;
	color-scheme: dark;
	width: 100%;
}
.ts-field input:focus,
.ts-field textarea:focus,
.ts-field select:focus {
	border-color: var(--ts-gold);
}
.ts-field textarea { resize: vertical; }

/* Placeholder oro chiaro — tenue / quasi trasparente */
.ts-field input::placeholder,
.ts-field textarea::placeholder,
.ts-booking-bar input::placeholder {
	color: rgba(201, 168, 106, .42);
	opacity: 1;
}
.ts-field input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	opacity: .85;
	filter: invert(78%) sepia(30%) saturate(500%) hue-rotate(0deg) brightness(92%);
}
.ts-field input[type="date"]::-webkit-calendar-picker-indicator:hover {
	opacity: 1;
}

/* Select: opzioni sempre leggibili (sfondo scuro) */
.ts-field select,
.ts-booking-bar select {
	appearance: none;
	-webkit-appearance: none;
	background: var(--ts-bg);
	border: 1px solid var(--ts-line);
	border-radius: var(--ts-radius);
	color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23AA8453' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
	cursor: pointer;
	color-scheme: dark;
}
.ts-booking-bar select {
	background-color: transparent;
	border: 0;
	padding-right: 28px;
}
.ts-field select option,
.ts-booking-bar select option {
	background: #161616;
	color: #EDEDED;
}
.ts-field select:invalid,
.ts-booking-bar select:invalid {
	color: rgba(201, 168, 106, .42);
}
.ts-field select option[value=""] {
	color: rgba(201, 168, 106, .55);
}
.ts-privacy {
	font-size: .84rem;
	color: #8B8B8B;
	margin-bottom: 22px;
}
.ts-alert {
	padding: 18px 22px;
	border-radius: var(--ts-radius);
	margin-bottom: 26px;
	font-weight: 500;
}
.ts-alert-ok { background: rgba(46, 204, 113, .12); border: 1px solid rgba(46,204,113,.45); color: #7dEBA9; }
.ts-alert-err { background: rgba(231, 76, 60, .12); border: 1px solid rgba(231,76,60,.45); color: #F5A9A0; }

/* ---------- Pagine interne hero ---------- */
.ts-page-hero {
	padding: 120px 0 56px;
	background-size: cover;
	background-position: center;
	position: relative;
	isolation: isolate;
}
.ts-page-hero::before {
	content: "";
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(14,15,17,.8), rgba(14,15,17,.92));
	z-index: -1;
}
.ts-page-hero h1 { margin-bottom: 0; }
.ts-page-content .ts-section:first-child,
.ts-front-content .ts-section:first-child { padding-top: 100px; }
/* Meno spazio subito dopo l'hero di pagina (prima sezione di contenuto) */
.elementor-section:has(.ts-page-hero) + .elementor-section .ts-section { padding-top: 48px; }

/* ---------- Footer ---------- */
.ts-footer {
	background: #0A0B0D;
	border-top: 1px solid var(--ts-line);
	padding-top: 80px;
}
.ts-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: 48px;
	padding-bottom: 64px;
}
.ts-footer h4 {
	font-family: var(--ts-cond);
	text-transform: uppercase;
	letter-spacing: .24em;
	font-size: .88rem;
	color: var(--ts-gold);
	margin-bottom: 22px;
	font-weight: 600;
}
.ts-footer-brand p { max-width: 320px; font-size: .97rem; }
.ts-footer-menu {
	list-style: none;
	margin: 0; padding: 0;
	display: grid;
	gap: 12px;
}
.ts-footer-menu a { color: #CFCFCF; font-size: .98rem; }
.ts-footer-menu a:hover { color: var(--ts-gold); padding-left: 6px; }
.ts-footer-contacts {
	list-style: none;
	margin: 0; padding: 0;
	display: grid;
	gap: 12px;
	color: #CFCFCF;
	font-size: .98rem;
}
.ts-footer-contacts a:hover { color: var(--ts-gold); }
.ts-socials { display: flex; gap: 10px; margin-top: 20px; }
.ts-socials a {
	width: 42px; height: 42px;
	display: grid; place-items: center;
	border: 1px solid var(--ts-line);
	border-radius: 50%;
	font-family: var(--ts-cond);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .06em;
	color: #DDD;
}
.ts-socials a:hover {
	border-color: var(--ts-gold);
	color: var(--ts-gold);
	transform: translateY(-3px);
}
.ts-footer-bottom {
	border-top: 1px solid var(--ts-line);
	padding: 22px 0;
	font-size: .85rem;
	color: #7B7B7B;
}
.ts-footer-bottom-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}
.ts-footer-nota {
	color: #9A9A9A;
	font-style: italic;
	max-width: 900px;
	line-height: 1.6;
}
.ts-footer-nota a {
	color: var(--ts-gold);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ts-footer-nota a:hover { color: #c09a67; }

/* Popup avviso sito dimostrativo — box bianco, cornice nera, testo nero */
.ts-demo-popup {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.ts-demo-popup[hidden] { display: none; }
.ts-demo-popup-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(14, 15, 17, .82);
}
.ts-demo-popup-box {
	position: relative;
	background: #0E0F11;
	color: var(--ts-gold);
	border: 2px solid var(--ts-gold);
	border-radius: var(--ts-radius);
	max-width: 520px;
	width: 100%;
	padding: 40px 42px 36px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .6);
	text-align: center;
}
.ts-demo-popup-text {
	margin: 0;
	color: var(--ts-gold);
	font-size: 1.04rem;
	line-height: 1.7;
}
.ts-demo-popup-text a {
	color: var(--ts-gold);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.ts-demo-popup-text a:hover { color: #c09a67; }
.ts-demo-popup-close {
	position: absolute;
	top: 4px;
	right: 8px;
	background: none;
	border: 0;
	font-size: 1.6rem;
	line-height: 1;
	color: var(--ts-gold);
	cursor: pointer;
	padding: 6px 10px;
}
.ts-demo-popup-close:hover { color: #c09a67; }
@media (max-width: 560px) {
	.ts-demo-popup-box { padding: 34px 24px 30px; }
}
.ts-footer-legal {
	color: #6E6E6E;
	font-size: .82rem;
}

/* ---------- 404 / varie ---------- */
.ts-404 { text-align: center; min-height: 55vh; display: grid; place-items: center; }
.ts-404 .ts-eyebrow { justify-content: center; }
.ts-posts { display: grid; gap: 28px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ts-card { background: var(--ts-bg-3); border: 1px solid var(--ts-line); border-radius: var(--ts-radius); overflow: hidden; }
.ts-card-body { padding: 26px; }
.ts-card-title a { color: #fff; }
.ts-card-title a:hover { color: var(--ts-gold); }

/* ---------- Elementor coerenza ---------- */
.ts-elementor-content .elementor-section { background: transparent; }
.ts-elementor-content .elementor-widget-container { word-break: break-word; }
.elementor .ts-container, .ts-elementor-content .ts-container { width: min(100% - 48px, var(--ts-container)); }

/* Titoli Elementor: mai il blu di default (#4054b2 / global color) — stile tema */
.ts-elementor-content .elementor-widget-heading .elementor-heading-title,
.ts-front-content .elementor-widget-heading .elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--ts-serif) !important;
	font-weight: 400 !important;
	color: var(--ts-white) !important;
	letter-spacing: .01em;
	line-height: 1.15;
}
.ts-elementor-content h1.elementor-heading-title { font-size: clamp(2.6rem, 6vw, 4.6rem) !important; }
.ts-elementor-content h2.elementor-heading-title { font-size: clamp(2rem, 4vw, 3.2rem) !important; }
.ts-elementor-content h3.elementor-heading-title { font-size: clamp(1.35rem, 2.4vw, 1.8rem) !important; }
/* Gruppi del menù (Antipasti, Primi…) restano oro, uppercase, condensata */
.ts-elementor-content .elementor-widget.ts-menu-group .elementor-heading-title,
.ts-elementor-content .elementor-widget-heading.ts-menu-group .elementor-heading-title {
	font-family: var(--ts-cond) !important;
	text-transform: uppercase !important;
	letter-spacing: .3em !important;
	color: var(--ts-gold) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
}
/* Sezione del menù boxata anche se il layout Section è "full width" */
.ts-elementor-content .elementor-widget-shortcode,
.ts-menu-list,
.ts-narrow {
	max-width: 100%;
}
/* Boxato per tutte le sezioni — l'hero esce con il breakout 100vw più sotto */
.ts-page-content .elementor-top-section > .elementor-container,
.ts-front-content .elementor-top-section > .elementor-container,
.ts-elementor-content .elementor-top-section > .elementor-container {
	max-width: var(--ts-container);
	width: 100%;
	margin-inline: auto;
	padding-inline: 24px;
}
/* Niente overflow che tagli il breakout dell'hero */
.ts-elementor-content .elementor-section,
.ts-elementor-content .elementor-column {
	overflow: visible;
}
/* Solo l'hero è full width: i contenitori interni restano centrati/boxati */
.ts-hero > .ts-container,
.ts-page-hero > .ts-container {
	width: min(100% - 48px, var(--ts-container));
	margin-inline: auto;
	position: relative;
	z-index: 2;
}

/* ---------- Hero FULL WIDTH (esce dal container Elementor boxato) ---------- */
.ts-elementor-content .ts-hero,
.ts-front-content .ts-hero,
.ts-page-content .ts-hero,
.ts-elementor-content .ts-page-hero,
.ts-front-content .ts-page-hero,
.ts-page-content .ts-page-hero {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: auto;
	right: auto;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
	.ts-suites-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-services-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-contact-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-footer-grid { grid-template-columns: repeat(2, 1fr); }
	.ts-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 36px; }
	.ts-split, .ts-split-reverse, .ts-suite-row { grid-template-columns: 1fr; gap: 44px; }
	.ts-split-reverse .ts-split-media, .ts-suite-row.is-flip .ts-suite-row-media { order: 0; }
	.ts-split-media img { aspect-ratio: 16 / 10; }
}

@media (max-width: 900px) {
	.ts-burger { display: flex; }
	.ts-nav {
		position: fixed;
		top: calc(var(--ts-header-h) + 40px);
		left: 0; right: 0;
		background: #0A0B0D;
		border-bottom: 1px solid var(--ts-line);
		flex-direction: column;
		align-items: stretch;
		padding: 20px 24px 32px;
		gap: 6px;
		transform: translateY(-130%);
		opacity: 0;
		pointer-events: none;
		transition: transform .35s ease, opacity .35s ease;
		max-height: calc(100vh - var(--ts-header-h));
		overflow-y: auto;
	}
	.ts-nav.is-open {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	.ts-menu { flex-direction: column; gap: 0; }
	.ts-menu a { padding: 16px 4px; border-bottom: 1px solid var(--ts-line); font-size: 1.05rem; }
	.ts-menu a::after { display: none; }
	.ts-nav-cta { margin: 18px 0 0; }
	.ts-topbar-inner { justify-content: center; font-size: .72rem; }
	.ts-topbar-inner > span { display: none; }

	.ts-booking-bar { grid-template-columns: 1fr 1fr; }
	.ts-booking-bar label:nth-child(3) { border-right: 0; }
	.ts-booking-bar .ts-btn { grid-column: 1 / -1; padding: 18px; position: relative; z-index: 6; }
	.ts-booking-wrap { bottom: -90px; }
	.ts-hero { padding-bottom: 220px; min-height: auto; padding-top: 90px; }
	.ts-marquee { margin-top: 108px; }

	.ts-section { padding: 72px 0; }
	.ts-section-head { flex-direction: column; align-items: flex-start; }
	.ts-suites-grid, .ts-gallery { grid-template-columns: 1fr; }
	.ts-services-grid { grid-template-columns: 1fr; }
	.ts-testimonials { grid-template-columns: 1fr; }
	.ts-form-grid { grid-template-columns: 1fr; }
	.ts-form { padding: 26px 20px; }
	.ts-contact-grid { grid-template-columns: 1fr; }
	.ts-footer-grid { grid-template-columns: 1fr; gap: 36px; }
	.ts-split-badge { left: 12px; }
	.ts-stats-grid { grid-template-columns: 1fr 1fr; }
	.ts-cta-band { flex-direction: column; align-items: flex-start; }
	body { font-size: 16px; }
}

@media (max-width: 560px) {
	.ts-logo-text strong { font-size: 1.1rem; }
	.ts-logo-text em { letter-spacing: .18em; }
	.ts-booking-bar { grid-template-columns: 1fr; }
	.ts-booking-bar label { border-right: 0; border-bottom: 1px solid var(--ts-line); }
	.ts-hero-actions { flex-direction: column; align-items: stretch; }
	.ts-hero-actions .ts-btn { width: 100%; }
	.ts-stats-grid { grid-template-columns: 1fr; }
}