/* === Villa Kamala — page-specific styles === */

/* ----- Hero ----- */
.wk-hero{height:calc(100vh - 88px);min-height:560px}
.wk-hero-bg{}
.wk-hero-bg video{}
.wk-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,32,14,.5) 0,rgba(20,32,14,.18) 45%,rgba(20,32,14,.65) 100%);z-index:1}
.wk-hero-content{z-index:2}
.wk-hero-villa-name{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,250,248,.92);margin-bottom:1rem}
.wk-hero-tagline{font-weight:400;font-style:italic;margin-bottom:2.5rem}

/* ----- Stats bar ----- */
.wk-stats-bar{}
.wk-stat{padding:1.4rem 2.5rem;border-right:1px solid rgba(66,71,27,.12)}
.wk-stat:last-child{border-right:none}
.wk-stat-value{font-size:1.7rem;font-weight:400;color:var(--wk-forest)}
.wk-stat-label{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wk-text-body)}

/* ----- Villa intro ----- */
.wk-villa-intro-text h2{color:var(--wk-forest)}
.wk-villa-intro-text h2 em{font-style:italic;color:var(--wk-champagne)}
.wk-villa-intro-text p{font-size:.92rem;color:var(--wk-text-body)}
.wk-villa-intro-img{height:580px}
.wk-villa-intro-img picture{}
.wk-villa-intro-img img{transition:transform .6s ease}
.wk-villa-intro-img:hover img{transform:scale(1.03)}

/* ----- Gallery — Kamala (3 cols, 6 images) ----- */
.wk-kamala-gallery-wrap{padding:0 3rem;max-width:1400px;margin:0 auto}
.wk-kamala-gallery-header{}
.wk-kamala-gallery-header h2{color:var(--wk-forest)}
.wk-kamala-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px 260px;gap:.6rem}
.wk-g-item{position:relative;cursor:zoom-in}
.wk-g-item img{transition:transform .5s ease}
.wk-g-item:hover img{transform:scale(1.05)}
.wk-g-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,40,22,.4),transparent 55%);opacity:0;transition:opacity var(--wk-transition)}
.wk-g-item:hover .wk-g-overlay{opacity:1}
.wk-g-feature{grid-column:span 2;grid-row:span 2}
.wk-g-tall{grid-row:span 2}

/* ----- Highlight ----- */
.wk-highlight{position:relative;height:68vh;min-height:440px;overflow:hidden}
.wk-highlight picture{}
.wk-highlight img{}
.wk-highlight-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(28,40,22,.75) 0,rgba(28,40,22,.08) 65%);padding:0 6rem}
.wk-highlight-text{max-width:480px;color:var(--wk-white)}
.wk-highlight-text blockquote{font-weight:400;font-style:italic;color:var(--wk-champagne)}
.wk-highlight-text cite{font-size:.62rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(250,250,248,.5);font-style:normal}

/* ----- CTA ----- */
.wk-villa-cta{}
.wk-villa-cta .wk-section-label{color:var(--wk-forest)}
.wk-villa-cta h2{color:var(--wk-forest)}
.wk-villa-cta h2 em{font-style:italic;color:var(--wk-forest-dark)}
.wk-villa-cta>.container>p{font-size:.88rem;color:var(--wk-text-body)}
.wk-btn-whatsapp{gap:.6rem;background:#25d366;color:#fff;padding:1rem 2.25rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--wk-transition);border:none}
.wk-btn-whatsapp:hover{background:#1ebe5a;color:#fff}
.wk-btn-whatsapp i{font-size:1.1rem}
.wk-btn-outline-light{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(250,250,248,.35);color:var(--wk-white);padding:1rem 2.25rem;transition:background var(--wk-transition)}
.wk-btn-outline-light:hover{background:rgba(250,250,248,.08);color:var(--wk-white)}
.wk-trust-signals{gap:2.5rem}
.wk-trust-signal{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--wk-text-muted);gap:.5rem}
.wk-trust-signal::before{content:'';width:4px;height:4px;background:var(--wk-forest);border-radius:50%;opacity:.5}

/* ----- Other villa cross-sell ----- */
.wk-other-villa-img{height:420px}
.wk-other-villa-img picture{}
.wk-other-villa-img img{transition:transform .5s ease}
.wk-other-villa-img:hover img{transform:scale(1.04)}
.wk-other-villa-text h2{color:var(--wk-forest)}
.wk-other-villa-text h2 em{font-style:italic;color:var(--wk-champagne)}
.wk-other-villa-text p{font-size:.88rem;color:var(--wk-text-body)}
.wk-other-villa-text .wk-specs-line{font-size:.75rem;color:var(--wk-champagne);letter-spacing:.05em}

/* ----- WhatsApp float ----- */
.wk-wa-float{position:fixed;bottom:2rem;right:2rem;z-index:1040;gap:.6rem;background:#25d366;color:#fff;padding:.85rem 1.4rem .85rem 1rem;box-shadow:0 4px 20px rgba(37,211,102,.35);cursor:pointer;transition:transform var(--wk-transition),box-shadow var(--wk-transition);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.wk-wa-float:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(37,211,102,.45);color:#fff}
.wk-wa-float i{font-size:1.375rem}

/* ----- Responsive ----- */
@media (max-width:1024px){
    .wk-villa-intro-img{height:400px}
    .wk-kamala-gallery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
    .wk-g-feature{grid-column:span 2;grid-row:span 1;height:300px}
    .wk-g-tall{grid-row:span 1}
    .wk-other-villa-img{height:320px}
}
@media (max-width:768px){
    .wk-stat{padding:1rem 1.25rem}
    .wk-kamala-gallery-wrap{padding:0 1.5rem}
    .wk-kamala-gallery-grid{grid-template-columns:1fr 1fr}
    .wk-g-feature{height:220px}
    .wk-highlight-overlay{padding:0 2rem}
    .wk-other-villa-img{height:260px}
    .wk-wa-float span{display:none}
    .wk-wa-float{padding:.9rem;border-radius:50%;right:1.5rem;bottom:1.5rem}
}