/*
Theme Name: Ocean View Villa Lombok
Theme URI: https://oceanviewvillalombok.com/
Author: Dedicated IT
Description: A lightweight luxury villa theme with direct booking enquiry.
Version: 1.0.0
Text Domain: oceanview-villa
*/

:root{--ink:#17343a;--deep:#0b292f;--sea:#287b82;--aqua:#8bc5c2;--sand:#f4eee3;--cream:#fbf9f4;--white:#fff;--muted:#66777a;--line:rgba(23,52,58,.14);--shadow:0 24px 70px rgba(11,41,47,.12);--radius:24px;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}body.admin-bar .site-header{top:32px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);line-height:1.02;font-weight:500;margin:0 0 .6em}h1{font-size:clamp(3.4rem,8vw,7.5rem)}h2{font-size:clamp(2.5rem,5vw,4.8rem)}h3{font-size:2rem}p{margin:0 0 1.2rem}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:var(--sea);display:block;margin-bottom:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;background:var(--deep);color:#fff;font-weight:700;border:1px solid var(--deep);cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--sea);border-color:var(--sea)}.btn-light{background:#fff;color:var(--deep);border-color:#fff}.btn-outline{background:transparent;color:var(--deep)}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:18px 0;color:#fff;transition:.25s}.site-header.scrolled,.site-header.inner{background:rgba(11,41,47,.96);box-shadow:0 10px 35px rgba(0,0,0,.15)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:var(--serif);font-size:1.55rem;line-height:1}.brand small{display:block;font:600 .59rem var(--sans);letter-spacing:.21em;text-transform:uppercase;margin-top:5px;color:var(--aqua)}.main-nav{display:flex;align-items:center;gap:25px;font-size:.91rem}.main-nav a:hover{color:var(--aqua)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.hero{min-height:100vh;display:flex;align-items:flex-end;position:relative;color:#fff;background:center/cover no-repeat url('https://images.pexels.com/photos/3857215/pexels-photo-3857215.jpeg?auto=compress&dpr=1&w=2000')}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,30,34,.78),rgba(6,30,34,.18) 67%),linear-gradient(0deg,rgba(6,30,34,.62),transparent 55%)}.hero-content{position:relative;padding:190px 0 90px;max-width:980px}.hero h1 em{font-weight:300;color:#bfe0dd}.hero-copy{font-size:1.14rem;max-width:620px;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-stats{position:absolute;right:4vw;bottom:70px;display:grid;gap:8px}.stat{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);padding:15px 22px;border:1px solid rgba(255,255,255,.22);border-radius:16px;min-width:180px}.stat strong{display:block;font-family:var(--serif);font-size:1.6rem}
section{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.intro-grid .lead{font:400 clamp(1.65rem,3vw,2.7rem)/1.22 var(--serif)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.feature b{display:block;margin-bottom:5px}.feature span{color:var(--muted);font-size:.92rem}
.gallery-strip{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:260px 260px;gap:14px}.gallery-strip figure{margin:0;overflow:hidden;border-radius:20px;position:relative}.gallery-strip figure:first-child{grid-row:1/3}.gallery-strip img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-strip figure:hover img{transform:scale(1.04)}
.amenities{background:var(--deep);color:#fff}.amenities .eyebrow{color:var(--aqua)}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.amenity{padding:30px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}.amenity i{font-style:normal;font-size:1.7rem}.amenity p{color:rgba(255,255,255,.68);font-size:.9rem;margin:8px 0 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-photo{border-radius:var(--radius);min-height:590px;background:center/cover no-repeat;box-shadow:var(--shadow)}.activity-list{display:grid;gap:14px;margin-top:28px}.activity{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.activity span{color:var(--muted)}
.booking{background:var(--sand)}.booking-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.booking-card{background:#fff;padding:38px;border-radius:var(--radius);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:.83rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:14px 15px;background:#fff;color:var(--ink);font:inherit}.field textarea{min-height:120px;resize:vertical}.notice{padding:14px 18px;border-radius:12px;margin-bottom:18px;background:#e8f6ef;color:#17613e}.notice.error{background:#feecec;color:#9a2727}
.page-hero{padding:190px 0 90px;background:linear-gradient(100deg,rgba(6,30,34,.86),rgba(6,30,34,.32)),center/cover no-repeat url('https://images.pexels.com/photos/30013786/pexels-photo-30013786/free-photo-of-stunning-aerial-view-of-lombok-s-mandalika-coast.jpeg?auto=compress&dpr=1&w=1900');color:#fff}.page-hero h1{font-size:clamp(3.2rem,7vw,6rem)}.content-area{max-width:900px}.content-area p{font-size:1.05rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.card img{width:100%;height:240px;object-fit:cover}.card-body{padding:25px}.faq{border-bottom:1px solid var(--line);padding:22px 0}.faq h3{font:600 1.15rem var(--sans);margin-bottom:8px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.site-footer{background:#071f24;color:#fff;padding:75px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}.footer-grid h3{font-size:1.5rem}.footer-grid p,.footer-grid a{color:rgba(255,255,255,.68)}.footer-links{display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:25px;margin-top:55px;color:rgba(255,255,255,.48);font-size:.85rem;display:flex;justify-content:space-between}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.main-nav{display:none;position:absolute;top:75px;left:20px;right:20px;padding:24px;background:var(--deep);border-radius:18px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-stats{display:none}.intro-grid,.split,.booking-grid{grid-template-columns:1fr;gap:40px}.amenity-grid{grid-template-columns:1fr 1fr}.gallery-strip{grid-template-columns:1fr 1fr;grid-template-rows:340px 220px}.gallery-strip figure:first-child{grid-column:1/3;grid-row:auto}.cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}section{padding:75px 0}.hero-content{padding-bottom:65px}.feature-list,.form-grid,.amenity-grid,.cards,.blog-grid,.footer-grid{grid-template-columns:1fr}.field.full,.footer-grid>div:first-child{grid-column:auto}.gallery-strip{display:block}.gallery-strip figure{height:260px;margin-bottom:12px}.booking-card{padding:24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}