/*
Theme Name: sketsaemas-spacentral-custom
Theme URI: https://sketsaemas.com
Author: sketsaemas.com
Description: Custom Gutenberg theme for Spa Central Bali.
Version: 2.1.0
Text Domain: sketsaemas-spacentral-custom
*/
html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#fbf9f8}.wp-site-blocks{overflow-x:clip}.noise-overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}.image-hover-zoom img{transition:transform 1.5s cubic-bezier(.25,.46,.45,.94)!important}.image-hover-zoom:hover img{transform:scale(1.05)!important}.menu-item-hover .menu-img{opacity:0;transition:opacity .8s ease}.menu-item-hover:hover .menu-img{opacity:1}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}

/* WordPress layout constraints must not turn the full-bleed hero into a centered image frame. */
#home{min-height:100svh!important;width:100%!important;max-width:none!important}
#home>.absolute.inset-0{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important}
#home>.absolute.inset-0>figure{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important}
#home>.absolute.inset-0>figure>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.image-hover-zoom>figure{width:100%!important;height:100%!important;max-width:none!important;margin:0!important}
.image-hover-zoom>figure>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
nav.fixed.bottom-0{display:none!important}

#space .hide-scrollbar{scroll-behavior:smooth;overscroll-behavior-x:contain}
#space button[data-carousel-direction]{cursor:pointer}
#space button[data-carousel-direction]:disabled{opacity:.3;cursor:default}

/* Treatment menu imagery fills the complete row; Gutenberg wraps images in figures. */
#treatments .menu-item-hover{isolation:isolate}
#treatments .menu-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;overflow:hidden}
#treatments .menu-img>figure{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;opacity:1!important}
#treatments .menu-img>figure>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;opacity:.62!important;filter:saturate(1) contrast(1.08)}
#treatments .menu-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,249,248,.1),rgba(251,249,248,.34) 66%,rgba(251,249,248,.6));pointer-events:none}

/* Horizontal USP carousel */
#why .sc-usp-track{scroll-behavior:smooth;overscroll-behavior-x:contain}
#why .sc-usp-card{position:relative;background:#fff;border:1px solid rgba(113,82,68,.14);border-radius:16px;overflow:hidden;padding:34px 28px 32px;min-height:390px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#why .sc-usp-icon{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;margin:0 0 30px;background:color-mix(in srgb,var(--wp--preset--color--secondary) 12%,var(--wp--preset--color--surface));color:var(--wp--preset--color--secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wp--preset--color--secondary) 12%,transparent)}
#why .sc-usp-icon .material-symbols-outlined{font-size:56px;font-variation-settings:'wght' 300,'OPSZ' 48}
#why .sc-usp-num{font:600 11px/1.3 Manrope,sans-serif;letter-spacing:.14em;color:var(--wp--preset--color--secondary);margin:0 0 12px}
#why .sc-usp-card h3{font:italic 500 28px/1.1 "Playfair Display",serif;color:#715244;margin:0 0 14px}
#why .sc-usp-card>p:last-child{color:#504440;line-height:1.65;margin:0}
#why .sc-usp-controls button{transition:background .2s,color .2s;cursor:pointer}
#why .sc-usp-controls button:hover{background:#715244;color:#fff}
@media(max-width:767px){#why .sc-usp-card{min-height:370px;padding:28px 24px}#why .sc-usp-icon{width:96px;height:96px;margin-bottom:26px}#why .sc-usp-icon .material-symbols-outlined{font-size:48px}}

/* Facilities, gallery and location */
.sc-facilities-label{font:600 12px/1.3 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--secondary);margin:0 0 20px}
.sc-facilities-title{font:500 clamp(42px,6vw,78px)/.98 "Playfair Display",serif;color:#715244;letter-spacing:-.04em;margin:0 0 64px}
.sc-facilities-title em{color:var(--wp--preset--color--secondary);font-weight:400}
.sc-facilities-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(113,82,68,.16);margin-bottom:56px}
.sc-facility{min-height:165px;background:#f6f3f2;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.sc-facility .material-symbols-outlined{font-size:42px;color:var(--wp--preset--color--secondary);font-variation-settings:'wght' 300}
.sc-facility p{font:500 14px/1.45 Manrope,sans-serif;color:#504440;margin:20px 0 0}
.sc-facilities-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:88px!important}
.sc-facilities-photo{margin:0;height:330px;overflow:hidden;border-radius:12px}
.sc-facilities-photo img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important}
.sc-location-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px!important}
.sc-location-title{font:500 clamp(30px,4vw,48px)/1 "Playfair Display",serif;color:#715244;letter-spacing:-.03em;margin:0!important}
.sc-location-head p{margin-bottom:0}.sc-location-head .wp-block-buttons{margin:0}.sc-location-head .sc-map-button .wp-block-button__link{display:inline-flex;align-items:center;gap:18px;border:1px solid var(--wp--preset--color--secondary);border-radius:999px;background:var(--wp--preset--color--secondary);color:#fff;padding:14px 22px;font:600 12px/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s,transform .2s}.sc-location-head .sc-map-button .wp-block-button__link:hover{background:transparent;color:var(--wp--preset--color--secondary);transform:translateY(-2px)}
.sc-map{height:420px;overflow:hidden;border-radius:12px}.sc-map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:767px){.sc-facilities-title{margin-bottom:42px}.sc-facilities-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:40px}.sc-facility{min-height:145px;padding:20px}.sc-facility .material-symbols-outlined{font-size:34px}.sc-facilities-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-20px;padding-right:20px;margin-bottom:56px!important}.sc-facilities-photo{min-width:84vw;height:260px;scroll-snap-align:start}.sc-map{height:340px}.sc-location-head{align-items:flex-start;flex-direction:column;margin-bottom:24px!important}.sc-location-head .sc-map-button .wp-block-button__link{padding:13px 18px}}

@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(max-width:767px){.wp-block-group.alignfull{max-width:100vw}h1,h2,h3{overflow-wrap:normal;word-break:normal}.menu-item-hover .menu-img{display:none}#home h1{font-size:clamp(42px,13vw,50px)!important;line-height:.92!important;letter-spacing:-.04em!important}#home>div.relative{margin-top:2rem!important}#home .font-body-lg{font-size:15px!important;line-height:1.55!important;padding-inline:4px}#experience .image-hover-zoom{height:auto!important;aspect-ratio:4/5!important}#space .image-hover-zoom{height:auto!important;aspect-ratio:4/3!important}.py-section-gap{padding-top:88px!important;padding-bottom:88px!important}.mt-40{margin-top:80px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Redesign template chrome lives in the theme, outside editable page content. */
.sc-rd-header{position:fixed;inset:16px 0 auto;z-index:100;padding:0 5vw;pointer-events:none}.sc-rd-nav{box-sizing:border-box;min-height:68px;padding:10px 28px;border:1px solid rgba(113,82,68,.14);border-radius:999px;background:rgba(251,249,248,.92);box-shadow:0 10px 35px rgba(66,45,36,.08);backdrop-filter:blur(14px);pointer-events:auto}.sc-rd-logo{width:170px;margin:0}.sc-rd-logo img{display:block;width:100%;max-height:48px;object-fit:contain}.sc-rd-menu .wp-block-navigation__container{gap:38px}.sc-rd-menu .wp-block-navigation-item__content{font:600 12px/1.2 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#504440;text-decoration:none}.sc-rd-book .wp-block-button__link{border-radius:999px;background:var(--wp--preset--color--secondary);color:#fff;padding:12px 22px;font:600 12px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.sc-rd-footer{padding:48px 5vw;border-top:1px solid rgba(113,82,68,.14);background:#f6f3f2}.sc-rd-footer-logo{width:150px;margin:0}.sc-rd-footer-logo img{display:block;width:100%;height:auto}.sc-rd-footer p{font:400 13px/1.5 Manrope,sans-serif;color:#504440}.editor-styles-wrapper .sc-rd-header{position:relative!important;inset:auto!important;padding:16px!important}.editor-styles-wrapper .sc-rd-nav{margin:auto!important}
.sc-native-carousel-controls{gap:48px}.sc-carousel-buttons{gap:16px}.sc-carousel-buttons .wp-block-button__link{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #d4c3bd;border-radius:50%;background:transparent;color:#715244;font-size:20px;text-decoration:none}.sc-carousel-buttons .wp-block-button__link:hover{background:#715244;color:#fff}
@media(max-width:781px){.sc-rd-header{padding:0 16px}.sc-rd-nav{padding:8px 18px}.sc-rd-logo{width:138px}.sc-rd-book{display:none}.sc-rd-footer>div{justify-content:center!important;text-align:center}}

/* Native redesign blocks: visual details not exposed by core controls. */
.sc-rd-footer{border-top:1px solid rgba(113,82,68,.14)}
.sc-rd-footer-logo{margin:0 0 24px}
.sc-rd-footer-logo img{display:block;height:auto}
.sc-rd-footer-menu .wp-block-navigation__container{gap:16px}
.sc-rd-footer-menu .wp-block-navigation-item__content{font:400 14px/1.5 Manrope,sans-serif;text-decoration:none}
.sc-content-buttons{margin:0}
.sc-content-buttons .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;font:600 12px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.sc-hero-primary .wp-block-button__link{border-radius:999px;background:var(--wp--preset--color--secondary);color:#fbf9f8;padding:16px 32px}
.sc-hero-secondary .wp-block-button__link,.sc-experience-cta .wp-block-button__link{border-radius:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--wp--preset--color--secondary);padding:0 0 8px}
.sc-experience-cta .wp-block-button__link{color:#8af6db}
.sc-facility .sc-facility-icon{font-family:"Material Symbols Outlined"!important;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga"}
.sc-carousel-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}
.sc-space-card{box-sizing:border-box;flex:0 0 min(600px,85vw);scroll-snap-align:center}
.sc-space-image{height:60vh;overflow:hidden;border-radius:16px;box-shadow:var(--wp--preset--shadow--soft)}
.sc-space-image img{display:block;width:100%;height:100%;object-fit:cover}
.sc-experience-image{overflow:hidden;aspect-ratio:4/5}.sc-experience-image img{width:100%;height:100%;object-fit:cover}
.sc-facilities-photo-native{overflow:hidden;aspect-ratio:4/3}.sc-facilities-photo-native img{width:100%;height:100%;object-fit:cover}
.sc-usp-track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}
.sc-usp-track>.sc-usp-card{box-sizing:border-box;flex:0 0 min(390px,84vw);scroll-snap-align:start}
@media(max-width:767px){.sc-space-image{height:auto;aspect-ratio:4/3}}
@media(max-width:781px){.sc-rd-footer{text-align:center}.sc-rd-footer-logo{margin-left:auto;margin-right:auto}.sc-rd-footer-menu .wp-block-navigation__container{align-items:center}.sc-rd-footer .wp-block-columns{gap:32px}}

/* Gutenberg Navigation: editable desktop menu and native mobile overlay. */
.sc-rd-menu .sc-rd-book-link .wp-block-navigation-item__content{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--wp--preset--color--secondary);color:#fff;padding:12px 22px;font:600 12px/1.2 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
@media(max-width:781px){
  .sc-rd-menu .wp-block-navigation__responsive-container.is-menu-open{box-sizing:border-box;width:100vw;min-height:100dvh;padding:28px;background:var(--wp--preset--color--surface)}
  .sc-rd-menu .wp-block-navigation__responsive-container-content{box-sizing:border-box;display:flex;min-height:calc(100dvh - 56px);padding-top:64px;flex-direction:column;align-items:stretch!important}
  .sc-rd-menu .wp-block-navigation__responsive-container-content .wp-block-navigation__container{display:flex;width:100%;flex:1;flex-direction:column;align-items:stretch!important;gap:20px}
  .sc-rd-menu .wp-block-navigation-item{width:100%}
  .sc-rd-menu .wp-block-navigation-item:not(.sc-rd-book-link) .wp-block-navigation-item__content{display:block;width:100%;padding:12px 0;font:500 28px/1.2 "Playfair Display",serif;text-align:left}
  .sc-rd-menu .sc-rd-book-link{margin-top:auto}
  .sc-rd-menu .sc-rd-book-link .wp-block-navigation-item__content{box-sizing:border-box;width:100%;padding:16px 24px}
}