/*
Theme Name: Villa Santina
Theme URI: https://villa-santina.vercel.app
Author: White Rabbix
Author URI: https://whiterabbix.com
Description: Tema del sito di Villa Santina (Cefalù). Il sito pubblico è l'app del progetto, con i testi modificabili da «Testi del sito», la richiesta di prenotazione che arriva per email (con presa in carico all'ospite). Le pagine WordPress aggiunte a mano (Privacy, Cookie) usano il modello semplice del tema.
Version: 1.4.2
Requires at least: 6.4
Requires PHP: 8.1
License: Proprietaria
Text Domain: villa-santina
*/

/* Pagine semplici (Privacy, Cookie, articoli): stessi colori e caratteri del sito. */
:root {
	--vs-crema: #fff7e9;
	--vs-sabbia: #f0e5cf;
	--vs-notte: #1c140e;
	--vs-tramonto: #b93a0a;
	--vs-arancio: #f26b1d;
}
body.vs-pagina {
	margin: 0;
	background: var(--vs-crema);
	color: var(--vs-notte);
	font: 17px/1.6 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
	-webkit-font-smoothing: antialiased;
}
.vs-pagina a { color: var(--vs-tramonto); }
.vs-testa {
	position: sticky; top: 12px; z-index: 10;
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	width: min(100% - 24px, 880px); margin: 12px auto 0; padding: 8px 8px 8px 16px;
	background: #fff; border-radius: 4px; box-shadow: 0 10px 30px rgb(28 20 14 / .1);
}
.vs-testa .vs-logo { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--vs-notte); text-decoration: none; font-weight: 500; font-size: 17px; letter-spacing: -.03em; }
.vs-testa nav { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.vs-testa nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; color: rgb(28 20 14 / .7); text-decoration: none; font-size: 14px; }
.vs-testa nav a.vs-cta { background: linear-gradient(90deg, #c9480a, #b3320a); color: #fff; border-radius: 3px; }
.vs-corpo { width: min(100% - 40px, 760px); margin: 0 auto; padding: 96px 0 120px; }
.vs-corpo h1 { font-family: 'Newsreader', Georgia, serif; font-weight: 380; font-size: clamp(40px, 6vw, 72px); line-height: 1; letter-spacing: -.03em; margin: 0 0 40px; }
.vs-corpo h2, .vs-corpo h3 { font-family: 'Newsreader', Georgia, serif; font-weight: 400; letter-spacing: -.02em; line-height: 1.1; margin: 2em 0 .5em; }
.vs-corpo h2 { font-size: 32px; }
.vs-corpo h3 { font-size: 24px; }
.vs-corpo img { max-width: 100%; height: auto; border-radius: 4px; }
.vs-elenco { list-style: none; padding: 0; margin: 0; }
.vs-elenco li a { display: flex; justify-content: space-between; gap: 16px; padding: 18px 0; border-top: 1px solid rgb(28 20 14 / .12); color: var(--vs-notte); text-decoration: none; }
.vs-piede { background: var(--vs-notte); color: rgb(255 247 233 / .8); font: 12.5px/1.8 'Geist Mono', ui-monospace, monospace; text-transform: uppercase; padding: 40px 20px; text-align: center; }
.vs-piede a { color: inherit; }
.vs-pagina a.vs-whatsapp { position: fixed; left: 16px; bottom: max(16px, env(safe-area-inset-bottom)); z-index: 30; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #25d366; color: #fff; box-shadow: 0 8px 24px -6px rgb(28 20 14 / .45); transition: transform .3s; }
.vs-pagina a.vs-whatsapp:hover, .vs-pagina a.vs-whatsapp:focus-visible { transform: scale(1.05); }
@media (min-width: 768px) { .vs-pagina a.vs-whatsapp { left: 24px; bottom: 24px; width: 56px; height: 56px; } }