/* Final reference layouts and original photographs. */
*{box-sizing:border-box}body{margin:0}img{max-width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffe36c;outline-offset:5px}section[id]{scroll-margin-top:100px}.material-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.material-section{padding:88px 0}.material-section:nth-child(2n){background:#f5f7f1}.material-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.material-reading{max-width:850px}.material-copy p:not(.eyebrow){font-size:17px;line-height:1.85;color:#536052;margin:0 0 19px}.material-copy .btn{margin:12px 12px 0 0}.material-photo{margin:0;overflow:hidden;border-radius:16px;background:#e5e9e1}.material-photo img{display:block;width:100%;height:auto;max-height:540px;object-fit:cover}.material-photos{display:grid;gap:20px}.material-photos .material-photo:only-child img{min-height:350px}.material-photos .material-photo:not(:only-child) img{max-height:320px}.material-hero{min-height:620px;position:relative;isolation:isolate;display:flex;align-items:center;color:white;padding:90px 0}.material-hero>.material-photo{position:absolute;inset:0;z-index:-2;border-radius:0}.material-hero>.material-photo img{width:100%;height:100%;max-height:none;object-fit:cover}.material-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,32,23,.82),rgba(9,32,23,.45) 58%,rgba(9,32,23,.12))}.material-hero h1{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(36px,5vw,66px);font-weight:400;line-height:1.18;max-width:850px;text-wrap:balance}.material-hero .eyebrow{color:#e2e8d8}.hero-intro{max-width:700px;font-size:clamp(18px,2vw,22px);line-height:1.7;margin:26px 0}.hero-location{font-size:14px;letter-spacing:.07em}.material-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.material-hero .btn:first-child{background:#ffe36c;color:#152e20}.material-hero .btn+.btn{background:transparent;border:1px solid #fff;color:white}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.material-card{padding:32px;border:1px solid #dce4d8;border-radius:16px;background:#fff;color:#536052;line-height:1.8}.material-card h3,.material-card h2{font-family:'Libre Baskerville',Georgia,serif;color:#183e2c;font-size:23px;line-height:1.4;margin:0 0 16px}.material-card p{margin:0 0 10px}.room-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.room-grid .material-card{padding:25px}.room-grid h3{font-size:29px}.room-subtitle{color:#687945;font-size:14px}.material-signoff{font-family:Georgia,serif;font-size:21px;color:#183e2c;margin:28px 0}.room-photos{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.room-photos img{height:210px;object-fit:cover}.essentials{list-style:none;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}.essentials li{border:1px solid #dce4d8;border-radius:12px;padding:24px;background:#fff;color:#183e2c}.destination-grid{margin-top:30px}.material-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}.material-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-item{display:block;text-align:left;background:#fff;border:1px solid #dce4d8;border-radius:14px;overflow:hidden;padding:0;color:#183e2c}.gallery-item img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .25s}.gallery-item:hover img{transform:scale(1.025)}.gallery-item span{display:block;padding:17px;font-size:14px}.gallery-item[hidden]{display:none}#lightbox{border:0;padding:48px 18px 18px;max-width:94vw;max-height:94vh;border-radius:12px;background:#102e20;color:white}#lightboxImg{display:block;max-width:85vw;max-height:75vh;object-fit:contain;margin:auto}#closeLightbox{position:absolute;right:12px;top:4px;border:0;background:transparent;color:white;font-size:32px;width:40px;height:40px}#lightboxCaption{text-align:center;margin:12px 0 0}.btn-gold{color:#173222}.material-hero .material-container{position:relative}header img{height:64px!important;width:auto;max-width:180px;object-fit:contain}
@media(max-width:1000px){.room-grid,.room-photos,.essentials{grid-template-columns:repeat(2,minmax(0,1fr))}.material-split{gap:32px}.material-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.material-container{width:calc(100% - 36px)}.material-section{padding:52px 0}.material-split,.material-grid{grid-template-columns:1fr}.material-hero{min-height:560px;padding:70px 0}.material-hero h1{font-size:38px}.material-gallery{grid-template-columns:1fr}.room-photos,.essentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-photos img{height:170px}.material-card{padding:25px}.material-photos .material-photo:only-child img{min-height:0}.material-actions .btn{font-size:14px;padding:12px 20px}.essentials li{padding:18px;font-size:14px}.gallery-item img{height:280px}header img{max-width:155px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.material-photo figcaption{padding:14px 18px;background:#f0f3eb;color:#314d3b;font-size:14px;line-height:1.6}.material-hero-plain{min-height:390px;background:#183e2c}.hero-photo-caption{font-style:italic;font-size:14px;color:#edf0e8}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-video-toggle{position:absolute;right:24px;bottom:18px;z-index:2;background:#183e2c;color:#fff;border:1px solid #fff;border-radius:24px;padding:10px 16px;font-size:13px}.material-hero-video{background:#183e2c}.material-video{width:100%;aspect-ratio:16/9;border-radius:16px;background:#102e20}.room-grid:has(.material-photo){grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid .material-photo{margin:20px 0 0}.room-grid .material-photo img{height:auto;max-height:380px;object-fit:contain}.destination-grid .material-photo{margin:18px 0}.destination-grid .material-photo img{aspect-ratio:4/3;object-fit:cover}.destination-link{display:inline-block;margin-top:16px}.material-gallery .gallery-item img{object-fit:contain;background:#edf0e8}.material-gallery .gallery-item span{min-height:76px}.material-hero-video .material-container{padding-bottom:32px}
@media(max-width:640px){.room-grid:has(.material-photo){grid-template-columns:1fr}.material-hero-plain{min-height:350px}.hero-video-toggle{right:18px;bottom:14px}.material-gallery .gallery-item img{height:320px}}

/* Reference colors; original typography, layout and button sizes are inherited above. */
.home-hero{background:#183e2c}
.home-hero:after{background:linear-gradient(90deg,rgba(9,36,16,.86),rgba(14,40,18,.52) 56%,rgba(14,36,17,.29))}
.home-hero .eyebrow,.home-hero h1 span,.home-hero .hero-location svg{color:#ffe36c}
.home-hero h1 span{display:block;font-size:.55em;line-height:1.4}
.home-hero .hero-location svg{width:18px;height:25px;display:inline-block;vertical-align:middle}
.home-hero .btn:first-child{background:#ffe36c;color:#203d22}
.home-hero .btn+.btn{border-color:#ffe36c;background:rgba(21,47,23,.25)}
.home-hero .hero-video-toggle{background:rgba(21,47,23,.65);border-color:rgba(255,227,108,.6)}
body:has(.home-hero) header .btn{background:#ffe36c;color:#203d22}

/* Shared reference palette across all public pages: colors only. */
header .btn{background:#ffe36c;color:#203d22}
.material-hero .eyebrow{color:#ffe36c}
.material-hero .btn:first-child,.btn-gold{background:#ffe36c;color:#203d22}
.material-hero .btn+.btn,.btn-outline{border-color:#ffe36c}
header nav a.text-green-800{color:#3e571c;border-color:#567027}
header nav a:hover{color:#567027}

/* Persistent WhatsApp enquiry action. */
.whatsapp-enquiry{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:45;background:#ffe36c;color:#203d22;box-shadow:0 4px 18px rgba(16,46,32,.25);text-decoration:none}
.whatsapp-enquiry:hover{background:#ffdc45}
.whatsapp-enquiry svg{flex-shrink:0}
@media(max-width:640px){.whatsapp-enquiry{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));font-size:14px;padding:12px 18px}}
.villa-video-preview{position:relative}
.villa-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:2px solid white;border-radius:50%;background:#ffe36c;color:#203d22;box-shadow:0 4px 24px #0005}
.villa-play:hover{background:#ffdc45}
#villaVideoDialog{width:min(960px,94vw);max-height:94vh;padding:48px 16px 16px;border:0;border-radius:16px;background:#102e20;color:white}
#villaVideoDialog::backdrop{background:rgba(0,0,0,.8)}
#villaVideoDialog iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.villa-video-close{position:absolute;right:12px;top:4px;width:40px;height:40px;border:0;background:transparent;color:white;font-size:30px}
#villaVideoDialog>a{display:inline-block;margin-top:12px;text-decoration:underline}
.marina-slides .material-photo[hidden]{display:none}
.marina-controls:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.room-grid .marina-slides .material-photo img{height:320px;width:100%;object-fit:contain;background:#edf0e8}
.marina-slider:focus-visible{outline:3px solid #ffe36c;outline-offset:5px}
@media(max-width:640px){.room-grid .marina-slides .material-photo img{height:260px}}
/* Your Stay: show the entire photograph, including the silhouette bookshelf. */
.material-photos .material-photo.stay-full-photo img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}
/* Nearby temples share the right column beside Pothundy Reservoir. */
.temple-stack{display:flex;flex-direction:column;gap:24px;min-width:0}
.destination-grid .nearby-sample img{aspect-ratio:auto;height:auto;max-height:none;object-fit:contain}

/* Requested footer and action colors only. */
footer{background-color:#344D36;color:#FFFFFF}
footer h3,footer a[href^="tel:"],footer a[href^="mailto:"]{color:#FFFFFF}
footer .text-\[\#E6EBDD\]{color:#E6EBDD}
footer .border-t{border-color:#667763}
body .btn[href$="#enquiry"],body:has(.home-hero) header .btn,.whatsapp-enquiry,.whatsapp-enquiry:hover{background-color:#FFE36A;color:#203d22}
/* Consistent action palette on every public page. */
header .btn,.material-hero .btn:first-child,.home-hero .btn:first-child,body .btn-gold,body .btn[href*="wa.me/"]{background-color:#FFE36A;color:#203d22}
footer a[href*="wa.me/"]{color:#FFE36A}
/* Final shared footer palette for all seven pages. */
.site-footer{background:#344D36;color:#E6EBDD}
.site-footer h3,.site-footer a[href^="tel:"],.site-footer a[href^="mailto:"]{color:#FFFFFF}
.site-footer .border-t{border-color:#667763}
.site-footer a:hover,.site-footer a:focus-visible{color:#FFFFFF}
.site-footer a[href*="wa.me/"]{color:#FFE36A}
body .btn[href$="#enquiry"],body .btn[href*="wa.me/"],body .whatsapp-enquiry:hover{background-color:#FFE36A;color:#344D36}
/* Final palette throughout every public page; color changes only. */
:root{--palette-green:#344D36;--palette-white:#FFFFFF;--palette-text:#E6EBDD;--palette-line:#667763;--palette-yellow:#FFE36A}
body,body header,body footer,body main section,body .material-card,body .card,body .amenity,body .essentials li,body .gallery-item,body #mobileMenu{background-color:var(--palette-green)!important;color:var(--palette-text)}
body h1,body h2,body h3,body h4,body .heading,body .material-card h2,body .material-card h3,body .material-signoff,body label,body .text-forest,body a[href^="tel:"],body a[href^="mailto:"]{color:var(--palette-white)!important}
body .material-copy p:not(.eyebrow),body .intro,body .hero-intro,body .hero-location,body .room-subtitle,body .eyebrow,body .hero-photo-caption,body .material-card,body .card,body .amenity,body .essentials li,body .gallery-item,body header nav a,body #mobileMenu a,body main .text-stone-500,body main .text-stone-600{color:var(--palette-text)!important}
body .material-photo figcaption,body .filter{background-color:var(--palette-green);color:var(--palette-text)}
body header,body footer .border-t,body .material-card,body .card,body .amenity,body .essentials li,body .gallery-item,body #mobileMenu,body input,body textarea,body select,body header nav a{border-color:var(--palette-line)!important}
body .link,body .destination-link{color:var(--palette-text)}
body .btn-dark,body .btn-outline{background-color:var(--palette-green);color:var(--palette-white);border-color:var(--palette-line)}
body header .btn,body:has(.home-hero) header .btn,body .material-hero .btn:first-child,body .home-hero .btn:first-child,body .btn-gold,body .btn[href$="#enquiry"],body .btn[href*="wa.me/"],body .whatsapp-enquiry,body .whatsapp-enquiry:hover{background-color:var(--palette-yellow);color:var(--palette-green)}
body .home-hero h1 span{color:var(--palette-white)}
body input,body textarea,body select{background-color:var(--palette-white);color:var(--palette-green)}
body .filter.active,body .filter:hover{background-color:var(--palette-yellow);color:var(--palette-green)}
.site-footer{padding:56px 0 28px}
.site-footer>.container{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto;padding-inline:0}
.site-footer>.container:first-child{display:grid;grid-template-columns:1.15fr 1.1fr 1fr;gap:48px}
.site-footer>.container:first-child>div{min-width:0}
.site-footer a[href="manayunkia-way.php"]{grid-column:1 / -1}
.site-footer a[href^="mailto:"]{overflow-wrap:anywhere}
.site-footer>.container:last-child{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:36px;padding-top:22px}
.site-footer .footer-credit{display:block;flex-basis:auto;text-align:right}
.whatsapp-enquiry[hidden]{display:none!important}
@media(max-width:900px){.site-footer>.container:first-child{grid-template-columns:1fr 1fr;gap:32px}.site-footer>.container:first-child>div:first-child{grid-column:1 / -1}}
@media(max-width:540px){.site-footer{padding-top:40px}.site-footer>.container{width:calc(100% - 36px)}.site-footer>.container:first-child{grid-template-columns:1fr;gap:28px}.site-footer>.container:last-child{flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}.site-footer .footer-credit{text-align:left}}

/* Enquiry controls: consistent inner spacing and safe widths on small screens. */
#enquiryForm label{min-width:0}
#enquiryForm input:not([type="hidden"]),#enquiryForm select,#enquiryForm textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:12px 16px;margin-top:8px;line-height:1.5}
#enquiryForm input:not([type="hidden"]),#enquiryForm select{min-height:48px}
#enquiryForm select{padding-right:36px}
#enquiryForm textarea{resize:vertical}
#lightbox{width:min(1200px,96vw);max-width:96vw;background:#344D36}
#lightboxImg{width:100%;height:65vh;height:65dvh;max-height:65dvh;max-width:100%;object-fit:contain;touch-action:pan-y}
.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:24px}
/* Glimpses single-photo carousel, scoped to this page. */
#singleGallery{max-width:1000px;margin:0 auto;padding-bottom:100px;background:#344D36}
#singleGallery .gallery-viewport{overflow:hidden;width:100%}
#singleGallery .material-gallery{display:flex;gap:0;width:100%;align-items:flex-start;transition:transform 500ms ease;will-change:transform}
#singleGallery .gallery-item{position:relative;flex:0 0 100%;width:100%;min-width:0;border:0;border-radius:0;background:#344D36!important;cursor:zoom-in}
#singleGallery .gallery-item[hidden]{display:none}
#singleGallery .gallery-item img{display:block;width:100%;max-width:100%;height:clamp(180px,50dvh,540px);aspect-ratio:auto;object-fit:contain;margin:0 auto;border-radius:18px;transform:none;background:transparent}
#singleGallery .gallery-item span{display:block;text-align:center;height:5.5em;overflow:auto;padding:12px;line-height:1.5}
#singleGallery .gallery-item:after{content:'View photo ↗';position:absolute;right:12px;top:12px;padding:8px 12px;border-radius:999px;background:#183e2c;color:#fff;font-size:13px;pointer-events:none}
#singleGallery .gallery-item:focus-visible{outline-offset:-4px}
#singleGallery .single-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:20px}
#galleryDots{display:flex;gap:8px;margin-top:16px;padding:6px;overflow-x:auto}
#galleryDots button{flex:0 0 60px;height:48px;padding:3px;border:2px solid transparent;border-radius:7px;background:transparent}
#galleryDots button img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
#galleryDots button[aria-current="true"]{border-color:#FFE36A}
body:has(#singleGallery) #lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0;box-sizing:border-box;padding:64px 20px 20px;overflow:hidden}
body:has(#singleGallery) #lightbox[open]{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px}
body:has(#singleGallery) #lightboxImg{width:100%;height:100%;min-height:0;max-height:100%;margin:0;object-fit:contain;border-radius:0}
body:has(#singleGallery) #lightboxCaption{margin:0;max-height:25dvh;overflow:auto;line-height:1.5}
body:has(#singleGallery) #closeLightbox{top:12px;right:16px;width:44px;height:44px;border:1px solid #a6b39f;border-radius:50%;background:#183e2c;line-height:1}
body:has(#singleGallery) .lightbox-controls .btn{min-width:48px;min-height:48px}
body:has(#lightbox[open]){overflow:hidden}
@media(prefers-reduced-motion:reduce){#singleGallery .material-gallery,#singleGallery .gallery-viewport{transition:none}}
.essentials .amenity-line-icon{display:block;width:36px;height:36px;color:#FFE36A;margin-bottom:14px}

/* Shared header alignment on every public page. */
body header>.container{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto;padding-inline:0;min-height:80px;gap:24px}
header nav[aria-label="Main navigation"]{font-size:16px;gap:22px}
header nav[aria-label="Main navigation"] a{position:relative;white-space:nowrap;padding-block:12px;border-bottom:0}
header nav[aria-label="Main navigation"] a.font-bold:after{content:'';position:absolute;left:0;right:0;bottom:4px;height:2px;background:#FFE36A}
header>.container>.btn{white-space:nowrap;flex-shrink:0}
body #mobileMenu{width:min(1180px,calc(100% - 48px));margin-inline:auto;padding-inline:0}
body #mobileMenu[hidden]{display:none}
@media(max-width:1279px){header>.container>.btn{margin-left:auto}}
@media(max-width:640px){body header>.container,body #mobileMenu{width:calc(100% - 36px)}body header>.container{gap:12px}body header img{height:52px!important}}
header nav[aria-label="Mobile navigation"]{font-size:16px}

/* Visible outlines for homepage discovery actions. */
body .btn.btn-outlined-action{box-shadow:inset 0 0 0 1px #FFE36A}
body .btn.btn-outlined-action:hover{background-color:#FFE36A;color:#344D36}

/* Contact content alignment; the hero uses the shared material hero styles. */
body:has(#enquiryForm) main .container{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto;padding-inline:0}
body:has(#enquiryForm) #enquiry{padding:28px 0 56px}
body:has(#enquiryForm) #enquiry>.container{align-items:start;gap:40px}
body:has(#enquiryForm) #enquiry .heading{font-size:clamp(28px,3vw,36px);margin-bottom:16px}
body:has(#enquiryForm) #enquiry .intro{font-size:16px;line-height:1.65;margin-bottom:22px}
body:has(#enquiryForm) #enquiry a[href^="mailto:"]{overflow-wrap:anywhere}
@media(max-width:640px){
  body:has(#enquiryForm) main .container{width:calc(100% - 36px)}
  body:has(#enquiryForm) #enquiry{padding-top:20px}
  body:has(#enquiryForm) #enquiry>.container{gap:28px}
}