/* === Home in native Cala/Borgo section markup (10 Oct 2026). Old-shell rules above are scoped with :not(:has()) so they skip it. === */
/* Rooms slider + Essenze cards (native wrappers, as Borgo native-home.css; colours from the palette) */
.native-room-section .news__intro{text-align:center}
.native-room-section .news__intro .native-room-section-title{font-size:40px;line-height:40px;margin:0 0 20px;color:var(--wp--preset--color--essence-teal,#131c31)}
.native-room-section .news__intro .essence-eyebrow{margin:0 0 14px}
.native-rooms-slideshow,.native-rooms-slideshow .swiper-container-rooms,.native-rooms-slideshow .swiper-wrapper,.native-rooms-slideshow .swiper-slide{margin-block-start:0}
.native-rooms-slideshow .swiper-wrapper{display:flex;flex-wrap:nowrap}
.native-rooms-slideshow .swiper-slide{flex-shrink:0;width:100%}
.rooms_slideshow .swiper-slide>.native-room-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:700px;padding:0 24px 60px;box-sizing:border-box;overflow:hidden;text-align:center;color:#fff}
.native-room-tile>figure.native-room-image{position:absolute;inset:0;width:100%;height:100%;margin:0!important;z-index:0}
.native-room-tile>figure.native-room-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;transition:transform 1.5s}
.rooms_slideshow .native-room-tile>.native-room-title{position:static;z-index:1;max-width:100%;margin:0 0 15px}
.rooms_slideshow .native-room-title>a{position:static;display:inline;height:auto;padding:0;overflow:visible;color:inherit;font:inherit;text-decoration:none}
.rooms_slideshow .native-room-title>a::after{content:'';position:absolute;inset:0;z-index:4}
.rooms_slideshow .native-room-title>a:focus-visible{outline:none}
.rooms_slideshow .native-room-title>a:focus-visible::after{outline:3px solid var(--wp--preset--color--essence-peach,#e6c3aa);outline-offset:-6px}
.native-room-tile>.category-rooms{pointer-events:none}
.native-room-tile:hover .native-room-image::after,.native-room-tile:focus-within .native-room-image::after{opacity:.7}
.native-room-tile:hover .native-room-image img,.native-room-tile:focus-within .native-room-image img{transform:scale(1.04)}
.native-essences-section .essenze__grid{margin-block-start:0}
.native-essences-section .essenze__intro>h2,.native-essences-section .essenze__intro>p{margin:0 0 20px}
.native-essenza-card>figure.native-essenza-image{position:absolute;inset:0;margin:0!important;width:100%;height:100%}
.native-essenza-card>.essenza-card__body{margin-block-start:0}
.native-essenza-card .essenza-card__subtitle{margin:0 0 8px}
.native-essenza-card .essenza-card__title{font-family:var(--font-body);font-size:26px;font-weight:400;line-height:23px;color:#fff!important;margin:0 0 10px}
.native-essenza-card .essenza-card__text{margin:0}
@media(max-width:767px){.native-room-section .news__intro .native-room-section-title{font-size:36px;line-height:38px}
.rooms_slideshow .swiper-slide>.native-room-tile{height:500px}}
@media(prefers-reduced-motion:reduce){.native-room-tile>figure.native-room-image img{transition:none}}
/* Valori: the "essence" adapter marks every direct <div> of .essence-values as a card; with Cala markup that is the columns wrapper */
.essence-values>.wp-block-columns.essence-value-card{animation:none!important;translate:none!important;transform:none!important}
.essence-values>.wp-block-columns.essence-value-card::before,.essence-values>.wp-block-columns.essence-value-card::after{content:none!important}
/* Video + contacts (Cala essence-contact-video): Picchiaie's own poster behind the video, Essence Hotels logo over it */
.essence-contact-video .essence-contact-video__media{background-image:url('/wp-content/uploads/2026/09/video-poster.jpg')}
.essence-contact-video .wp-block-column:has(>.essence-contact-video__media){position:relative}
.essence-contact-video .essence-contact-video__logo{position:absolute;inset:0;margin:0!important;display:grid;place-items:center;pointer-events:none;z-index:1}
.essence-contact-video .essence-contact-video__logo img{width:min(70%,440px);height:auto;filter:drop-shadow(0 2px 18px rgba(19,28,49,.45))}
.essence-contact-video .essence-eyebrow{margin:28px 0 6px}
.essence-contact-video .essence-contact-video__count{margin:0}
/* BOOK NOW band (as Borgo) */
.essence-book-band{background:var(--wp--preset--color--essence-navy,#131c31);text-align:center;padding:60px 24px;position:relative;isolation:isolate;overflow:hidden;color:#fff}
.essence-book-band::before{content:'';position:absolute;top:50%;left:50%;width:max(120%,680px);aspect-ratio:1;z-index:-1;opacity:.055;background:url('../img/brand/essence-pattern-original-v32.webp') center/cover no-repeat;transform:translate(-50%,-50%) rotate(30deg);pointer-events:none}
.essence-book-band h2{font-size:40px;line-height:40px;color:#fff!important;text-transform:uppercase;margin:0 0 16px}
.essence-book-band p{margin:0;font-family:var(--font-titles);font-size:24px;line-height:30px;text-align:center}
.essence-book-band a{color:#fff;text-decoration:none}
@media(max-width:781px){.essence-book-band{padding:55px 24px}.essence-book-band p{font-size:22px;line-height:28px}}
/* Valori: keep Cala's 80px/50px spacing (the generic post-content reset above removes it) */
.wp-block-post-content>.essence-values:has(>.wp-block-columns){margin-block:80px 50px}
body main .essence-book-band p{text-align:center!important}
/* === CX-fix 2026-10-10 (v4.0.2) · pagine Menu + contatti compatti ===
   Menu ristorante: struttura Cala (colonne .essence-poseidon-menu, regole base in calalaluna/css/menu-v42.css, F8 in essence-fixes.css).
   La presentazione di Le Picchiaie è un A4 verticale (1:1,414) + barra Google Slides di 36px: il riquadro segue la larghezza reale. */
html body main .essence-menu-viewer{container-type:inline-size}
html body main .essence-menu-viewer__frame{padding-top:147.4%}
@supports (width:1cqw){html body main .essence-menu-viewer__frame{padding-top:0;height:calc(100cqw * 1.4143 + 36px)}}
html body main .essence-poseidon-menu.wp-block-columns{margin-bottom:clamp(56px,8vw,96px)!important}
/* Righe di contatto (ora, telefono, WhatsApp, e-mail) = gruppo centrato con il solo h2: su telefono sono compatte e l'e-mail non si spezza. */
@media(max-width:600px){
  html body main .essence-section.essence-centered>h2.wp-block-heading:only-child{font-size:clamp(19px,5.4vw,24px);line-height:1.3;overflow-wrap:break-word;word-break:normal;text-wrap:balance}
}
/* Native blocks retain their content; these rules only bridge wrapper differences to the reference. */
.picchiaie-room-list{width:100%;max-width:none;margin:0;padding:0}
.picchiaie-editorial-section{max-width:1140px;margin:0 auto;padding:50px 24px;overflow-wrap:anywhere}
.picchiaie-editorial-section h2{font:400 40px/1.1 var(--font-titles);margin-bottom:25px}
.picchiaie-editorial-section p{max-width:75ch;margin-inline:auto}
.essence-reference-intro__copy{overflow-wrap:anywhere}
.essence-contact-booking__photo>figure{height:100%;margin:0}
.essence-contact-booking__photo img{width:100%;height:100%;object-fit:cover}
.essence-contact-booking__form .essence-booking{width:100%;margin:0;padding:0}
.essence-contact-info__details{overflow-wrap:anywhere}
.essence-service-grid figure img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.picchiaie-editorial-section{padding:40px 24px}.picchiaie-editorial-section h2{font-size:34px}}
/* Cala's extended Suite thumbnail rail, retaining Picchiaie's complete photo sets. */
.picchiaie-room-list .room__thumbs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:6px}
.picchiaie-room-list .room__thumb{flex:0 0 calc((100% - 24px)/4)!important;min-width:0!important}
.block-ps-booking-engine .essence-booking{max-width:none;width:100%;padding:0;margin:0;background:transparent}
.block-ps-cta-strip::before{background:linear-gradient(150deg,color-mix(in srgb,var(--wp--preset--color--essence-peach) 24%,transparent),color-mix(in srgb,var(--wp--preset--color--essence-peach) 5%,transparent) 80%)}
/* Extra hotel photos keep the reference controls, in a horizontally scrollable rail. */
.picchiaie-room-list .essence-room-pagination:has(>.essence-room-star:nth-child(8)){justify-content:flex-start;overflow-x:auto;scrollbar-width:none}

/* Preserve the navy palette with readable marquee copy on ivory. */
html body .rx-marquee__item > span{color:#131c31!important;opacity:1!important;-webkit-text-stroke:0!important}

/* Keep the reference's eight-pixel dots with a 24px pointer target. */
html body .rooms_slideshow .swiper-pagination-bullet{box-sizing:border-box;width:24px;height:24px;border:8px solid transparent;background-clip:content-box;margin:0 2px!important;transform:none!important}