/* Borgo-specific content within the shared Essence block design. */
:root{--borgo-wine:#5f3746;--borgo-deep:#3a1825;--borgo-ivory:#f4f2ec;--borgo-gold:#e1c443}
body,.editor-styles-wrapper{background:var(--borgo-ivory)}

.essence-header .essence-logo-dark img{filter:none!important}
.essence-offer p{max-width:760px;margin:0 auto 18px}.essence-offer p a{display:inline-block;padding:14px 24px;border:1px solid currentColor;font:13px var(--font-body);text-transform:uppercase;letter-spacing:1.4px}
.essence-book-band .wp-block-buttons{justify-content:center;gap:15px;margin-top:22px}.essence-book-band .wp-block-button__link{color:#f4f2ec;border:1px solid #f4f2ec;background:transparent}
.essence-hero__buttons{gap:14px;justify-content:center}.essence-hero__buttons .wp-block-button{margin:0}
.essence-service-info__panel :is(h2,h3){font:400 18px/1.3 var(--font-body);text-transform:uppercase;letter-spacing:1.4px;color:#ffffff!important;margin:16px 0}
.essence-service-info__panel p{color:#ffffff}
.essence-service-info__panel>.wp-block-essence-icon{margin:auto}
.block-ps-cta-strip .cta-strip__actions .wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;min-height:56px;width:100%;padding:18px 26px;background:var(--borgo-gold);color:var(--borgo-deep);border:1px solid var(--borgo-gold);font:13px var(--font-body);letter-spacing:.14em}
.block-ps-cta-strip .cta-strip__actions .wp-block-button{width:100%}
.block-ps-cta-strip .cta-strip__actions .wp-block-button__link:hover{background:#ffffff;border-color:#ffffff}
.borgo-editorial{padding:64px 24px;max-width:1240px;margin:auto;color:var(--borgo-deep)}.borgo-editorial h2{font:400 clamp(32px,4vw,52px)/1.12 var(--font-titles);color:var(--borgo-wine);margin:0 0 26px}.borgo-editorial p{font-size:18px;line-height:1.65}.borgo-editorial .wp-block-columns{gap:60px;align-items:center}.borgo-editorial .wp-block-column{min-width:0}.borgo-editorial .wp-block-image img{width:100%;height:auto;object-fit:cover}.borgo-editorial .essence-monogram{max-width:200px;margin:0 auto 24px}.borgo-editorial .wp-block-video video{width:100%;max-height:650px;object-fit:contain}.borgo-editorial h3{font:400 28px/1.2 var(--font-titles)}
.borgo-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.borgo-source-grid>.wp-block-image:first-child{display:none}.borgo-source-grid>.wp-block-group:has(.wp-block-list){grid-column:1/-1}.borgo-source-grid .wp-block-list{list-style:none;display:flex;flex-wrap:wrap;gap:15px 30px;justify-content:center;padding:0}
.borgo-archive-note{padding:24px;background:#f0e1db}.borgo-article{max-width:980px}.borgo-article h2{margin-top:44px}.borgo-article .wp-block-image{margin-block:30px}.borgo-article .wp-block-image img{max-height:550px;object-fit:contain}.borgo-menu-embed{display:block;width:100%;height:850px;min-height:500px;border:0}.borgo-editorial:has(.borgo-menu-embed){max-width:950px}
.essence-footer{background:var(--borgo-ivory)}.essence-footer__contact h3{font:14px var(--font-body)}.essence-footer .wp-block-image img{height:auto!important;max-height:75px;object-fit:contain}.essence-footer .essence-footer__intro{max-width:42ch}.essence-footer .borgo-footer-links,.essence-footer__links>p{font:13px/1.8 var(--font-body);margin:0}.essence-footer__links{gap:18px}.essence-footer__legal p{font:12px/1.7 var(--font-body)}
.essence-room-gallery .essence-room-pagination{width:max-content;max-width:100%;flex-wrap:wrap}.essence-room-gallery .room__thumbs{scrollbar-color:var(--borgo-wine) transparent}
.essence-room-gallery .swiper-slide.wp-block-image{margin:0!important;max-width:none!important}.essence-service-slideshow>.wp-block-image{max-width:none!important}
.essence-contact-booking__photo img{width:100%;height:100%;object-fit:cover}.essence-contact-booking__form h2{margin-top:0}
.essence-hero__stars{display:block;text-align:center;color:var(--borgo-gold);letter-spacing:12px;margin-bottom:22px}
.borgo-note{font-size:14px}.essence-review-full summary{color:var(--borgo-wine)}.essence-review-full p{color:var(--borgo-deep)}
.editor-styles-wrapper .essence-native-room-gallery{display:flex!important;flex-wrap:wrap!important;gap:12px!important;height:auto!important;min-height:0!important;overflow:visible!important}.editor-styles-wrapper .essence-native-room-gallery>.wp-block-image{width:calc(33.333% - 8px)!important;flex:0 0 calc(33.333% - 8px)!important;height:160px!important;position:relative!important;display:block!important}.editor-styles-wrapper .essence-native-room-gallery img{height:160px!important;object-fit:cover}.editor-styles-wrapper .essence-hero{height:auto!important;min-height:0!important;padding:24px!important}.editor-styles-wrapper .essence-hero__slides{position:relative!important;display:flex!important;flex-wrap:wrap!important;gap:12px!important}.editor-styles-wrapper .essence-hero__slides>.wp-block-image{position:relative!important;inset:auto!important;opacity:1!important;width:calc(50% - 6px)!important;height:180px!important;display:block!important}.editor-styles-wrapper .essence-hero__slides img{height:180px!important;width:100%!important;object-fit:cover}.editor-styles-wrapper .essence-hero__copy{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;padding:24px}.editor-styles-wrapper 
@media(max-width:767px){.borgo-editorial{padding:40px 20px}.borgo-editorial .wp-block-columns{gap:28px}.borgo-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.borgo-editorial p{font-size:17px}.borgo-menu-embed{height:650px}.essence-offer h2{font-size:32px}.essence-hero__buttons .wp-block-button__link{font-size:10px;letter-spacing:1px;padding:12px 15px}.essence-book-band .wp-block-buttons{flex-wrap:wrap}.essence-footer__legal{gap:16px}}
@media(max-width:380px){.essence-hero .essence-hero__title{font-size:34px;line-height:1.1}}
/* Confirmed first-pass corrections: uncut source logo and shared CTA columns. */
.essence-contact-panel .wp-block-media-text__media img{height:auto!important;max-height:520px;aspect-ratio:1;object-fit:contain!important}
.essence-contact-panel .wp-block-media-text__media{background:#3a1825;padding:36px}
.block-ps-cta-strip .cta-strip__inner>.cta-strip__phone{grid-column:2;grid-row:2}
.block-ps-cta-strip .cta-strip__actions .wp-block-button__link::after{content:'';display:inline-block;margin-left:22px;width:24px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16'%3E%3Cpath d='M1 8h24M18 1l7 7-7 7' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
.block-ps-cta-strip .cta-strip__actions .wp-block-button__link:hover::after{transform:translateX(4px)}
.borgo-contact-info .essence-contact-info__heading{margin:0 auto}.borgo-contact-info .essence-contact-info__details{width:640px}.borgo-contact-info .essence-contact-info__details p{font-size:18px;line-height:1.5}.essence-reference-intro .wp-block-buttons{justify-content:center}
@media(max-width:767px){.block-ps-cta-strip .cta-strip__inner>.cta-strip__phone{grid-column:1;grid-row:auto}.essence-contact-panel .wp-block-media-text__media{padding:24px}.essence-contact-panel .wp-block-media-text__media img{max-height:350px}}

.essence-language-options a[aria-current]{background:#f4f2ec!important}.essence-language-options a:hover,.essence-language-options a:focus-visible{background:#f0e1db!important}

/* ==========================================================================================================
   CXFIX 2026-10-10 · Borgo Magliano visual audit (fix-essence2.buse.pro-cx.json). Cala La Luna is the model.
   Colours are Borgo palette variables (essence-navy = vino scuro, essence-teal = vino, essence-peach = oro).
   Rollback: restore borgo-adapter.css.pre-cxfix (see work/skeleton-rollout/borgo-cxfix/STATO.md).
   ========================================================================================================== */

/* CX1 · Values (home): Borgo's essence/icon block stores the key "sailboat", the parent only maps the boat font
   (EssenceBoat, glyph U+EE2F) to .essence-icon--boat, so the glyph had no font and the third value had no icon. */
.essence-icon--sailboat{font-family:EssenceBoat}

/* CX3 · About us: mission/vision photo keeps its proportions (the parent forces 550px height + object-fit:fill). */
body .essence-about-mission img{object-fit:cover}
@media(max-width:767px){
 body .essence-about-mission > figure.wp-block-image{height:auto!important;min-height:0!important;align-self:start}
 body .essence-about-mission > figure.wp-block-image img{display:block;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain}
}

/* CX4 · Final booking callout of About us and FAQ: compact centred block (it used to be a huge empty editorial
   section with a clipped monogram and plain "BOOK NOW" text). The SS monogram now sits above the FAQ like on Cala. */
html body main .borgo-book-callout{box-sizing:border-box;max-width:1180px;margin:0 auto clamp(40px,5vw,64px);padding:0 24px;text-align:center}
html body main .borgo-book-callout p.essence-eyebrow{margin:0 0 12px;text-align:center}
html body main .borgo-book-callout h2{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.14;text-wrap:balance;text-align:center}
html body main .borgo-book-callout + .block-ps-cta-strip,html body main .rx-marquee + .block-ps-cta-strip{margin-top:clamp(32px,4vw,48px)}

/* CX5 · Gallery: Cala's ordered asymmetric mosaic (4 columns, 10-photo pattern) on desktop, tablet and phone, instead of
   one 13 000px column on phones. Same rules as Cala's additional CSS (v55–v57), no colours involved. */
@media(max-width:767px){
 body .essence-gallery.essence-gallery--reveal.wp-block-gallery{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:clamp(64px,calc((100vw - 64px)/4),150px);grid-auto-flow:row;
  gap:8px!important;padding-inline:16px;
 }
 body .essence-gallery--reveal.wp-block-gallery > .wp-block-image{grid-column:span 1;grid-row:span 1;height:100%!important;width:100%!important;min-height:0}
 body .essence-gallery--reveal.wp-block-gallery > .wp-block-image > a,
 body .essence-gallery--reveal.wp-block-gallery > .wp-block-image img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important}
 body .essence-gallery--reveal.wp-block-gallery > .wp-block-image > a{cursor:zoom-in;touch-action:manipulation}
}
@media(min-width:768px){
 body main .essence-gallery.essence-gallery--reveal.wp-block-gallery{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:clamp(140px,18vw,240px);grid-auto-flow:row;gap:16px!important;
 }
 body main .essence-gallery--reveal.wp-block-gallery > figure.wp-block-image{grid-column:span 1;grid-row:span 1}
}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image){
 width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;aspect-ratio:auto!important;overflow:hidden;
}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image) > a,
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image) img{
 width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;
}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images{width:calc(93.333333% + 9.333333px)!important;max-width:1204px!important;margin-inline:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:clamp(98px,12.6vw,168px)!important;gap:12px!important;grid-auto-flow:row!important}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image):nth-child(n){grid-column:span 1!important;grid-row:span 1!important}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image):is(:nth-child(10n+1),:nth-child(10n+6),:nth-child(10n+7),:nth-child(10n+9)){grid-column:span 2!important;grid-row:span 2!important}
body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images > figure.wp-block-image:not(#individual-image):is(:nth-child(10n+8),:nth-child(10n+10)){grid-row:span 2!important}
@media(max-width:767px){
 body main .essence-gallery.essence-gallery--reveal.wp-block-gallery.has-nested-images{width:calc(93.333333% + 5.2px)!important;max-width:none!important;grid-auto-rows:clamp(44.8px,calc((100vw - 64px)*.175),105px)!important;gap:6px!important}
}

/* CX6 · Restaurant menu page (Cala menu-v42 layout): small restaurant logo beside a portrait viewer. The Borgo slide is A4
   portrait (2480x3508 = 1.4145) plus Google's 30px control bar, so the frame is slightly taller than Cala's. On phones
   essence-fixes.css F8 hides the Google viewer (it fails to load on mobile) and the full-screen button becomes the main action. */
html body main .essence-poseidon-menu .essence-menu-viewer__frame{padding-top:146.5%}

/* CX7 · Restaurant info panel: the menu button sat left-aligned and glued to the last opening-hours line. */
html body main .essence-service-info__panel > .wp-block-buttons{justify-content:center;margin-top:28px}

/* CX8 · Experiences, Tenuta il Quinto: the last paragraph touched the photograph that follows it. */
html body main .borgo-editorial .borgo-content p + .wp-block-group:has(> figure.wp-block-image){margin-top:clamp(32px,4vw,56px)}

/* CX9 · Room action buttons (Preventivo / Prenota): centred like Cala when the room columns stack (<=1024), and on phones
   two equal buttons on one row (Cala v57) instead of left-aligned, unequal, wrapped buttons. */
@media(max-width:1024px){
 html body main .room__cta.wp-block-buttons{justify-content:center!important}
}
@media(max-width:767px){
 html body main .room__grid .room__cta.wp-block-buttons{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:12px!important;width:100%}
 html body main .room__grid .room__cta.wp-block-buttons > .wp-block-button{flex:0 1 160px!important;min-width:0!important;width:auto!important}
 html body main .room__grid .room__cta.wp-block-buttons{align-items:stretch!important}
 html body main .room__grid .room__cta.wp-block-buttons > .wp-block-button{display:flex}
 html body main .room__grid .room__cta.wp-block-buttons > .wp-block-button > a{display:flex;align-items:center;justify-content:center;flex:1 1 auto;box-sizing:border-box;width:100%;padding:14px 8px!important;text-align:center!important;font-size:13px!important;letter-spacing:.06em!important}
}

/* CX10 · Size / occupancy line of the rooms (18 m² · max. 2 personnes): the two decorative rules wrapped onto a second line
   when the localized text was long (FR). Keep rule + text + rule on one row; the rules shrink first on narrow screens. */
@media(max-width:600px){
 html body main .room__text .room__meta{display:flex;align-items:center}
 html body main .room__text .room__meta::before,
 html body main .room__text .room__meta::after{flex:0 20 40px;min-width:10px;margin:0 8px}
}
/* ===== end CXFIX 2026-10-10 ===== */
