/* CSS base del tema: font-face (Cormorant, Sacramento, Inter), base e reveal animations.
 * Tailwind è caricato via JS runtime (vedi functions.php) quindi @theme/@layer non si applica:
 * uso CSS plain. La skin (schemi di sezione e componenti) è in theme.css.
 */

/* === Fonts (file in assets/fonts/) === */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300 500;
	font-display: swap;
	src: url('../fonts/inter-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Cormorant';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/cormorant-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Cormorant';
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/cormorant-italic-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Sacramento';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/sacramento-regular.woff2') format('woff2');
}

/* Tailwind font-sans / font-serif / font-script puntano qui (config inline in functions.php). */
.font-sans {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

.font-serif {
	font-family: 'Cormorant', ui-serif, Georgia, serif;
}

.font-script {
	font-family: 'Sacramento', cursive;
}

/* === Base === */
html {
	scroll-behavior: smooth;
	background-color: #1a1c1c; /* = --si-ink: visibile solo nell'overscroll sopra l'header */
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* === Utility custom === */
.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

/* === Reveal-on-scroll animations === */
.reveal-on-scroll {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-on-scroll.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.reveal-from-left {
	opacity: 0;
	transform: translateX(-30px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-from-left.is-visible {
	opacity: 1;
	transform: translateX(0);
}

.reveal-from-right {
	opacity: 0;
	transform: translateX(30px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-from-right.is-visible {
	opacity: 1;
	transform: translateX(0);
}

/* Scroll indicator animation */
@keyframes scrollDown {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(200%);
	}
}

.gt_float_switcher {
	box-shadow: none !important;
}

@media (max-width: 767px) {

	/* nasconde il testo del widget di chat (si vede solo l'icona) */
	.qlwapp__text {
		display: none;
	}
}