/* Adattamento della grafica del sito (site.css) ai blocchi dell'editor di WordPress.
   I blocchi avvolgono le immagini in <figure>, i bottoni in <div class="wp-block-button"> e le tabelle in <figure>:
   qui si ridanno le stesse misure e gli stessi effetti del sito originale. */

figure{margin:0;}
.mt-60{margin-top:60px;}
.mt-56{margin-top:56px;}
.mb-50{margin-bottom:50px;}

/* occhielli (le scritte piccole maiuscole): nel sito erano <span>, qui sono paragrafi */
.wp-block-group > p.eyebrow{display:inline-flex;align-items:center;gap:12px;letter-spacing:3px;text-transform:uppercase;font-size:12.5px;font-weight:600;color:var(--sea-mid);margin:0 0 16px;max-width:none;line-height:1.6;}
.hero .wp-block-group > p.eyebrow,.wp-block-group > p.eyebrow.light{color:var(--sun);}
.center > p.eyebrow{justify-content:center;}

/* carosello della home: le foto sono blocchi immagine */
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* testate delle pagine interne: la foto di sfondo è un blocco immagine */
.page-header .ph-bg{position:absolute;inset:0;z-index:0;}
.page-header .ph-bg img{width:100%;height:100%;object-fit:cover;}
.page-header::before{z-index:1;}
.page-header.thanks{min-height:70vh;display:flex;align-items:center;}
.mt-30{margin-top:30px;}
.page-header.simple{padding:120px 0 80px;}
.prose p{margin-bottom:18px;font-size:17px;color:var(--ink-soft);}

/* schede appartamenti */
.card-img figure{height:100%;}
.card-foot p{margin:0;}

/* link con freccia */
.link-arrow-p{margin:0;}
.link-arrow-p a{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--sea-mid);}
.link-arrow-p a::after,.wp-block-button.arrow > .wp-block-button__link::after{content:"";width:16px;height:16px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .4s var(--ease);}
.link-arrow-p a:hover::after{transform:translateX(5px);}
.wp-block-button.arrow > .wp-block-button__link::after{width:17px;height:17px;}
.wp-block-button.arrow > .wp-block-button__link:hover::after{transform:translateX(4px);}

/* bottoni */
.wp-block-button > .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;border-radius:40px;font-size:14px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .45s var(--ease);white-space:nowrap;}
.wp-block-button.btn-sun > .wp-block-button__link{background:var(--sun);color:var(--sea-deep);}
.wp-block-button.btn-sun > .wp-block-button__link:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 14px 30px rgba(224,164,90,0.35);}
.wp-block-button.btn-sea > .wp-block-button__link{background:var(--sea-deep);color:var(--white);}
.wp-block-button.btn-sea > .wp-block-button__link:hover{background:var(--sea-mid);transform:translateY(-2px);box-shadow:0 14px 30px rgba(22,64,122,0.3);}
.wp-block-button.btn-ghost > .wp-block-button__link{background:transparent;color:var(--white);border-color:rgba(255,255,255,0.55);}
.wp-block-button.btn-ghost > .wp-block-button__link:hover{background:var(--white);color:var(--sea-deep);}
.wp-block-button.btn-line > .wp-block-button__link{background:transparent;color:var(--sea-deep);border-color:var(--sea-deep);}
.wp-block-button.btn-line > .wp-block-button__link:hover{background:var(--sea-deep);color:var(--white);}

/* elenchi con la spunta */
.checks li::before{content:"";flex:0 0 22px;width:22px;height:22px;margin-top:2px;background:var(--sea-mid);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E") center/contain no-repeat;}

/* galleria fotografica */
.gallery > figure{position:relative;overflow:hidden;border-radius:var(--radius);display:block;cursor:zoom-in;}
.gallery > figure.wide{grid-column:span 2;}
.gallery > figure.tall{grid-row:span 2;}
.gallery > figure a{display:block;height:100%;}
.gallery > figure::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,50,66,0.55),transparent 55%);opacity:0;transition:opacity .5s;pointer-events:none;}
.gallery > figure:hover img{transform:scale(1.08);}
.gallery > figure:hover::after{opacity:1;}
.gallery > figure figcaption{position:absolute;left:18px;bottom:14px;z-index:2;color:var(--white);font-size:14px;font-weight:500;opacity:0;transform:translateY(10px);transition:all .5s var(--ease);pointer-events:none;}
.gallery > figure:hover figcaption{opacity:1;transform:none;}

/* foto degli appartamenti */
.unit-gallery figure.main a{display:block;height:100%;}
.unit-gallery figure.main:hover img{transform:scale(1.05);}
.unit-gallery .thumbs > figure{height:92px;border-radius:4px;overflow:hidden;cursor:zoom-in;display:block;}
.unit-gallery .thumbs > figure a{display:block;height:100%;}
.unit-gallery .thumbs > figure:hover img{transform:scale(1.1);}
.unit-gallery figcaption{display:none;}

/* escursioni: tutta la scheda porta alla pagina */
.exc{cursor:pointer;}
.exc h3 a{color:inherit;}
.exc p.exc-tag{max-height:none;opacity:1;overflow:visible;display:inline-block;color:var(--sea-deep);font-size:12px;}

/* recensioni */
.quote cite{display:block;margin-top:12px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);font-style:normal;}

/* listino: il blocco tabella avvolge la tabella in <figure> */
.price-table table{width:100%;border-collapse:collapse;}
/* le scritte piccole sotto (posti letto, Ferragosto) nell'editor sono in corsivo */
.price-table th em{display:block;font-style:normal;font-size:smaller;opacity:.7;}
.price-table td em{display:block;font-style:normal;color:var(--ink-soft);font-size:13px;}
.price-table td:not(:first-child){font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--sea-deep);white-space:nowrap;}
@media (max-width:560px){.price-table.multi td:not(:first-child){font-size:17px;}}

/* i salti a #preventivo e #recapiti non finiscono sotto la barra in alto */
#preventivo,#recapiti{scroll-margin-top:70px;}

/* pagina preventivo da telefono: WhatsApp e "torna su" salgono sopra la barra della stima, senza coprirla */
@media (max-width:960px){body:has(.q-mobar) .wa-float{bottom:84px;}body:has(.q-mobar) .to-top{bottom:152px;}}