/* Essence Site Skeleton — mobile action bar (Prenota / Preventivo / WhatsApp), extracted from Cala's approved additional CSS. */
/* Cala mobile v33 — image-led hero and native booking shortcuts. */
:root{ --essence-whatsapp-icon:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M%2012.011719%202%20C%206.5057187%202%202.0234844%206.478375%202.0214844%2011.984375%20C%202.0204844%2013.744375%202.4814687%2015.462563%203.3554688%2016.976562%20L%202%2022%20L%207.2324219%2020.763672%20C%208.6914219%2021.559672%2010.333859%2021.977516%2012.005859%2021.978516%20L%2012.009766%2021.978516%20C%2017.514766%2021.978516%2021.995047%2017.499141%2021.998047%2011.994141%20C%2022.000047%209.3251406%2020.962172%206.8157344%2019.076172%204.9277344%20C%2017.190172%203.0407344%2014.683719%202.001%2012.011719%202%20z%20M%2012.009766%204%20C%2014.145766%204.001%2016.153109%204.8337969%2017.662109%206.3417969%20C%2019.171109%207.8517969%2020.000047%209.8581875%2019.998047%2011.992188%20C%2019.996047%2016.396187%2016.413812%2019.978516%2012.007812%2019.978516%20C%2010.674812%2019.977516%209.3544062%2019.642812%208.1914062%2019.007812%20L%207.5175781%2018.640625%20L%206.7734375%2018.816406%20L%204.8046875%2019.28125%20L%205.2851562%2017.496094%20L%205.5019531%2016.695312%20L%205.0878906%2015.976562%20C%204.3898906%2014.768562%204.0204844%2013.387375%204.0214844%2011.984375%20C%204.0234844%207.582375%207.6067656%204%2012.009766%204%20z%20M%208.4765625%207.375%20C%208.3095625%207.375%208.0395469%207.4375%207.8105469%207.6875%20C%207.5815469%207.9365%206.9355469%208.5395781%206.9355469%209.7675781%20C%206.9355469%2010.995578%207.8300781%2012.182609%207.9550781%2012.349609%20C%208.0790781%2012.515609%209.68175%2015.115234%2012.21875%2016.115234%20C%2014.32675%2016.946234%2014.754891%2016.782234%2015.212891%2016.740234%20C%2015.670891%2016.699234%2016.690438%2016.137687%2016.898438%2015.554688%20C%2017.106437%2014.971687%2017.106922%2014.470187%2017.044922%2014.367188%20C%2016.982922%2014.263188%2016.816406%2014.201172%2016.566406%2014.076172%20C%2016.317406%2013.951172%2015.090328%2013.348625%2014.861328%2013.265625%20C%2014.632328%2013.182625%2014.464828%2013.140625%2014.298828%2013.390625%20C%2014.132828%2013.640625%2013.655766%2014.201187%2013.509766%2014.367188%20C%2013.363766%2014.534188%2013.21875%2014.556641%2012.96875%2014.431641%20C%2012.71875%2014.305641%2011.914938%2014.041406%2010.960938%2013.191406%20C%2010.218937%2012.530406%209.7182656%2011.714844%209.5722656%2011.464844%20C%209.4272656%2011.215844%209.5585938%2011.079078%209.6835938%2010.955078%20C%209.7955938%2010.843078%209.9316406%2010.663578%2010.056641%2010.517578%20C%2010.180641%2010.371578%2010.223641%2010.267562%2010.306641%2010.101562%20C%2010.389641%209.9355625%2010.347156%209.7890625%2010.285156%209.6640625%20C%2010.223156%209.5390625%209.737625%208.3065%209.515625%207.8125%20C%209.328625%207.3975%209.131125%207.3878594%208.953125%207.3808594%20C%208.808125%207.3748594%208.6425625%207.375%208.4765625%207.375%20z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.essence-mobile-part .essence-mobile-actions{ display:none; }
@media(max-width:1024px){body{ --essence-bar-height:76px; --essence-mobile-photo-height:calc(100svh - var(--essence-bar-height) - env(safe-area-inset-bottom,0px)); }/* Keep the original Essy source for desktop and the unchanged drawer clone. */
 body .essence-mobile-part .essence-essy-float{ display:none!important; }body .essence-mobile-part{
  position:fixed!important;inset:auto 0 0!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;
  background:var(--wp--preset--color--essence-navy,var(--wp--preset--color--essence-navy,#003459))!important;
  border:0!important;box-shadow:none!important;z-index:990;
  translate:none!important;transform:none!important;
 }body .essence-mobile-part .essence-mobile-actions{ display:block!important;margin:0!important;padding:0!important; }body .essence-mobile-part .essence-mobile-actions__buttons{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0!important;
 }body .essence-mobile-part .essence-mobile-actions__buttons .wp-block-button{ margin:0!important;width:100%!important; }body .essence-mobile-part .essence-mobile-actions__buttons .wp-block-button__link{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  height:var(--essence-bar-height)!important;min-height:var(--essence-bar-height)!important;width:100%;
  padding:9px 6px!important;margin:0!important;background:transparent!important;color:#fff!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
  font:400 16px/20px var(--font-titles)!important;letter-spacing:0!important;text-transform:none!important;
  text-decoration:none!important;transform:none!important;transition:background-color .2s ease;
 }body .essence-mobile-part .essence-mobile-actions__buttons a::before{
  display:block;flex:none;width:28px;height:28px;background:#fff;filter:none;
  -webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;
 }body .essence-mobile-part .essence-mobile-actions__buttons a:hover,
 body .essence-mobile-part .essence-mobile-actions__buttons a:focus-visible{ background:#ffffff14!important; }body .essence-mobile-part .essence-mobile-actions__buttons a:focus-visible{ outline:2px solid var(--wp--preset--color--essence-peach,#f0b482);outline-offset:-4px; }body .essence-mobile-part .essence-action-whatsapp a::before{
  -webkit-mask-image:var(--essence-whatsapp-icon);mask-image:var(--essence-whatsapp-icon);
 }body .wp-site-blocks{ padding-bottom:calc(var(--essence-bar-height) + env(safe-area-inset-bottom,0px))!important; }}
/* End Cala mobile v33. */

/* Cala mobile v34 — centred logo, directional actions, feathered returning header. */
@media(max-width:1024px){
 /* Scale the image only: its centre, link target and neighbouring controls stay fixed. */
 body .essence-header .essence-brand img {
  transform:scale(.85)!important;transform-origin:50% 50%!important;
 }
 /* The legacy floating avatar keeps actions-visible set. Use the existing
    directional header state instead; no second scroll listener is necessary. */
 body.essence-directional-ready .essence-mobile-part {
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .32s ease-out,visibility 0s .32s!important;
 }
 body.essence-directional-ready.essence-header-hidden:not(.essence-directional-menu-open):not(.essence-dialog-open) .essence-mobile-part {
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transition:opacity .42s ease-out,visibility 0s!important;
 }
 /* No entrance/exit flash while the first viewport is still at the top. */
 body.essence-directional-ready:not(.scroll-down) .essence-mobile-part {
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important;
 }
 /* Keep the existing initial home transparency and opened menu untouched.
    Extend the returning header's white fade past its lower edge, without blur. */
 body.scroll-down:not(.essence-directional-menu-open) .essence-header-part,
 body.scroll-down:not(.essence-directional-menu-open) .essence-header-part .essence-header,
 body.scroll-down:not(.essence-directional-menu-open) .essence-header-part .essence-header:hover {
  background:transparent!important;box-shadow:none!important;
 }
 body.scroll-down:not(.essence-directional-menu-open) .essence-header-part::before {
  content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.82) 56%,rgba(255,255,255,.35) 80%,rgba(255,255,255,0) 100%);
 }
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){body.essence-directional-ready .essence-mobile-part,
 body.essence-directional-ready.essence-header-hidden:not(.essence-directional-menu-open):not(.essence-dialog-open) .essence-mobile-part{
  transition:none!important;
 }}
/* End Cala mobile v34. */

/* Cala mobile v35 — first-frame header veil and compact hospitality actions. */
@media(max-width:1024px){
 body { --essence-action-key:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m11.5%2011.5%208%208m-4-4%202-2m.5%204.5%202-2%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%22.7%22%20fill%3D%22white%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); --essence-action-request:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2012.5v3A2.5%202.5%200%200%201%2018%2018H9l-5%203v-5A2.5%202.5%200%200%201%202.5%2013.5v-8A2.5%202.5%200%200%201%205%203h9%22%2F%3E%3Cpath%20d%3D%22m13%2011%201-4%205-5%203%203-5%205-4%201zm5-8%203%203M7%208h3m-3%205h6%22%2F%3E%3C%2Fsvg%3E"); }
 /* Match the returning header even before any scroll event. No blur or hard edge. */
 body.is-cll-front:not(.scroll-down):not(.essence-directional-menu-open) .essence-header-part::before {
  content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 30%,rgba(255,255,255,.82) 56%,rgba(255,255,255,.35) 80%,rgba(255,255,255,0) 100%);
 }
 body {
  --essence-bar-height:61px;
  /* Keep the approved hero composition independent of the shorter action bar. */
  --essence-mobile-photo-height:calc(100svh - 76px - env(safe-area-inset-bottom,0px));
 }
 body .essence-mobile-part .essence-mobile-actions__buttons .wp-block-button__link {
  gap:4px!important;padding:8px 6px!important;
  font:300 12px/16px var(--font-body)!important;
  letter-spacing:.07em!important;text-transform:uppercase!important;
 }
 body .essence-mobile-part .essence-mobile-actions__buttons a::before {
  width:24px!important;height:24px!important;
 }
 body .essence-mobile-part .essence-action-book a::before {
  -webkit-mask-image:var(--essence-action-key);mask-image:var(--essence-action-key);
 }
 body .essence-mobile-part .essence-action-quote a::before {
  -webkit-mask-image:var(--essence-action-request);mask-image:var(--essence-action-request);
 }
}
/* Essence Site Skeleton — header (Cala approved additional CSS): full-width layout, transparent-on-hero with gradient, sticky behaviour, tools sizes. */
 .essence-header-part .essence-header{ background-color:rgba(255,255,255,.2)!important; }
.essence-header-part .essence-header:hover,.scroll-up .essence-header-part .essence-header{ background-color:rgba(255,255,255,.7)!important; }
@media(max-width:1024px){.essence-header-part .essence-header,.essence-header-part .essence-header:hover,.scroll-up .essence-header-part .essence-header{ background-color:#fff!important; }}
@media(min-width:1025px) and (max-width:1350px){.essence-header .essence-header__inner{ width:calc(100% - 24px); gap:8px; }.essence-header .essence-brand{ flex-basis:104px!important; width:104px!important; }.essence-header .essence-brand img{ width:104px!important; }.essence-header .essence-navigation .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{ padding-inline:5px!important; font-size:12px!important; letter-spacing:.4px!important; }.essence-header .essence-header-actions{ gap:6px; }.essence-header .essence-header-actions .wp-block-button__link{ padding:12px 10px!important; font-size:11px!important; letter-spacing:1px; }}
/* A compact circular native control, not a replacement language implementation. */
body .essence-language select.pll-switcher-select{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;width:48px!important;min-width:48px!important;height:48px!important;
 border:1px solid #00345930!important;border-radius:50%!important;padding:0 10px 0 0!important;
 background-color:#ffffffb3!important;color:var(--wp--preset--color--essence-navy,#003459)!important;box-shadow:none!important;
 font:400 11px/1 var(--font-body);text-transform:uppercase;letter-spacing:.04em;text-align:center;text-align-last:center;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23003459' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 6px center!important;background-size:9px 6px!important;
 transition:border-color .2s,background-color .2s;
}
body .essence-language select.pll-switcher-select:hover{border-color:var(--wp--preset--color--essence-teal,#1c7783)!important;background-color:#fff!important}
body .essence-language select.pll-switcher-select:focus-visible{outline:2px solid var(--wp--preset--color--essence-teal,#1c7783);outline-offset:4px}
body .essence-language select.pll-switcher-select option{background:#fff;color:var(--wp--preset--color--essence-navy,#003459)}
@media(prefers-reduced-motion:reduce){body .essence-language select.pll-switcher-select,body :is(.essence-slider-prev,.essence-slider-next,.swiper-button-prev,.swiper-button-next,.mfp-arrow,.essence-reviews-controls button){transition:none}}
/* Spotify: a slightly larger mark, centered within the existing touch target. */
body .essence-header__inner>.essence-header-tools .essence-music{
 margin:0!important;align-self:center;display:flex;align-items:center;
}
body .essence-header__inner>.essence-header-tools .essence-music a{
 display:grid;place-items:center;width:44px;height:44px;padding:0!important;line-height:1;
}
body .essence-header__inner>.essence-header-tools .essence-music a::before{
 width:30px;height:30px;
}
/* Keep the native accessible Polylang select and its language codes. */
body .essence-language{position:relative;}
body .essence-language::before{
 content:"";position:absolute;z-index:1;pointer-events:none;
 width:16px;height:11px;left:50%;top:8px;transform:translateX(-50%);
 background:var(--essence-language-flag) center/contain no-repeat;
}
body .essence-language select.pll-switcher-select{padding-top:15px!important;}
/* Pin the icon itself to the center, independent of its hidden text node. */
body .essence-header__inner>.essence-header-tools .essence-music a{position:relative;}
body .essence-header__inner>.essence-header-tools .essence-music a::before{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;
}
/* Flag-only closed select; native option labels remain legible and accessible. */
body .essence-language::before{
 width:20px;height:14px;left:calc(50% - 3px);top:50%;transform:translate(-50%,-50%);
}
body .essence-language select.pll-switcher-select{font-size:0!important;padding:0!important;}
body .essence-language select.pll-switcher-select option{font-size:14px!important;}
/* Mobile trigger: only three generous lines, no frame or fill. */
body .essence-header .wp-block-navigation__responsive-container-open{
 border:0!important;background:transparent!important;box-shadow:none!important;
 width:48px!important;height:48px!important;padding:7px!important;
}
body .essence-header .wp-block-navigation__responsive-container-open svg{width:32px;height:32px;}
@media(max-width:1024px){/* Only the closed header over the home photograph loses its background.
    The existing scrolled header, language dropdown and drawer stay intact. */
 body.is-cll-front:not(.scroll-down):not(.essence-directional-menu-open) .essence-header-part,
 body.is-cll-front:not(.scroll-down):not(.essence-directional-menu-open) .essence-header-part .essence-header,
 body.is-cll-front:not(.scroll-down):not(.essence-directional-menu-open) .essence-header-part .essence-header:hover{
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }}

/* Same header geometry on every hotel whatever the menu length: brand+tools left, menu centred in the free space, actions right. */
@media(min-width:1025px){
  .essence-header .essence-header__inner{justify-content:flex-start!important}
  .essence-header .essence-header__inner>.essence-navigation{margin-left:auto!important;margin-right:auto!important}
  .essence-header .essence-header__inner>.essence-header-actions{margin-left:0!important}
}

/* Newsletter copy follows the NEWSLETTER title (left, as on Cala) on every hotel, phones included. */
body .essence-footer .essence-footer__newsletter .essence-newsletter-text{text-align:left!important;margin:0 0 16px!important}