/* ============================================================
   Alang Villas Ubud — tambahan untuk versi Starter & Bisnis.
   Desain dasarnya style.css (versi Custom), jadi ketiga paket
   tampil sama; file ini hanya berisi bagian yang berbeda:
   header dengan tautan biasa (tanpa menu layar penuh), hero
   satu foto, formulir, tabel harga, testimoni statis.
   ============================================================ */

/* ---------- Hero satu foto: tanpa gerak (Ken Burns hanya di Custom) ---------- */
.lite .hero-slide img{ transform:none; animation:none !important; }
.lite-hero .hero-inner{ padding-bottom:clamp(48px, 9vh, 104px); }
.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.hero-actions .btn .ic{ width:18px; height:18px; }
.hero-actions .btn:hover .ic{ transform:none; }

/* ---------- Header: logo kiri, tautan, bahasa, tombol pesan ---------- */
.lite-nav{ height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.lite-nav .brand{ align-items:flex-start; text-align:left; }
.lite-nav .brand-name, .lite-nav .brand-sub{ margin-right:0; }
.lite-links{ display:flex; gap:clamp(18px, 2.2vw, 32px); font-size:.7rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.lite-links a{ padding:6px 0; border-bottom:1px solid transparent; transition:border-color .3s, opacity .3s; }
.lite-links a:hover{ opacity:.75; }
.lite-links a[aria-current="page"]{ border-color:currentColor; }
.lite-right{ display:flex; align-items:center; gap:18px; }
.lite-burger{ display:none; width:44px; height:44px; place-items:center; color:inherit; margin-right:-10px; }
.lite-menu{ display:none; }
.lite-menu-open .site-header{ background:var(--bg); color:var(--text); box-shadow:0 1px 0 var(--line); backdrop-filter:none; -webkit-backdrop-filter:none; }
.lite-menu-open .nav-tools .seg button[aria-pressed="true"], .lite-menu-open .nav-reserve{ background:var(--forest); border-color:var(--forest); color:#FAF8F5; }
.lite-menu-open .burger i:first-child{ top:5px; transform:rotate(45deg); }
.lite-menu-open .burger i:last-child{ top:5px; width:26px; transform:rotate(-45deg); }
.lite-menu-open .lite-menu{ display:block; position:absolute; left:0; right:0; top:100%; background:var(--bg); color:var(--text); border-top:1px solid var(--line); box-shadow:var(--shadow); padding:10px 0 26px; max-height:calc(100dvh - var(--header)); overflow-y:auto; }
.lite-menu nav{ display:flex; flex-direction:column; }
.lite-menu nav a{ font-family:var(--serif); font-size:1.7rem; line-height:1.2; padding:10px 0; border-bottom:1px solid var(--line); }
.lite-menu nav a[aria-current="page"]{ color:var(--terra); }
.lite-menu-foot{ padding-top:20px; display:flex; }
@media (max-width:1080px){
  .lite-links{ display:none; }
  .lite-burger{ display:inline-grid; }
}
@media (min-width:761px){ .lite-menu-foot{ display:none; } }

/* ---------- Kartu villa ---------- */
.vc-body .rate-note{ margin-top:14px; }
.lite-starter .villa-card:hover .vc-track img{ transform:none; }

/* ---------- Fasilitas ---------- */
.ticks-grid{ display:grid; grid-template-columns:repeat(3, 1fr); column-gap:44px; }
@media (max-width:900px){ .ticks-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ticks-grid{ grid-template-columns:1fr; } }

/* ---------- Galeri tanpa layar penuh (Starter) ---------- */
.g-static{ cursor:default; }

/* ---------- Testimoni statis ---------- */
.quote-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:clamp(24px, 3vw, 44px); margin-top:30px; text-align:left; }
.quote-card{ background:var(--surface); border-radius:var(--r); padding:30px 28px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; justify-content:space-between; gap:22px; }
.quote-card blockquote{ font-family:var(--serif); font-weight:300; font-size:clamp(1.25rem, 1.7vw, 1.5rem); line-height:1.4; }
.quote-card figcaption{ display:flex; flex-direction:column; gap:2px; font-size:.82rem; }
.quote-card figcaption strong{ font-weight:600; letter-spacing:.06em; }
.quote-card figcaption span{ color:var(--muted); }
@media (max-width:900px){ .quote-grid{ grid-template-columns:1fr; } }

/* ---------- Lokasi & kontak ---------- */
.location-plain{ align-items:start; }
.address{ display:flex; gap:10px; align-items:flex-start; margin:24px 0 26px; color:var(--text-2); }
.address .ic, .contact-list .ic{ width:18px; height:18px; margin-top:4px; color:var(--terra); }
.contact-list{ margin:28px 0; display:grid; gap:12px; }
.contact-list li{ display:flex; gap:12px; align-items:flex-start; }
.contact-list a{ border-bottom:1px solid var(--line-2); }
.contact-sec{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px, 7vw, 100px); align-items:start; }
@media (max-width:900px){ .contact-sec{ grid-template-columns:1fr; } }

/* ---------- Formulir ---------- */
.lite-form{ background:var(--surface); border-radius:var(--r); padding:clamp(22px, 3vw, 34px); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; gap:16px; }
.form-title{ font-family:var(--serif); font-size:1.9rem; font-weight:400; line-height:1.1; margin-bottom:4px; }
.lite-form label{ display:flex; flex-direction:column; gap:6px; font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--text-2); }
.lite-form input, .lite-form select, .lite-form textarea{ font-weight:400; font-size:.95rem; letter-spacing:0; text-transform:none; color:var(--text); background:var(--bg); border:1px solid var(--line-2); border-radius:2px; padding:12px 14px; width:100%; min-width:0; transition:border-color .2s, box-shadow .2s; }
.lite-form input:focus, .lite-form select:focus, .lite-form textarea:focus{ outline:none; border-color:var(--forest); box-shadow:0 0 0 3px var(--forest-soft); }
.form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-error{ min-height:1.3em; margin:-4px 0 -6px; font-size:.84rem; color:var(--terra); }
.lite-form .fine{ margin-top:0; }
@media (max-width:520px){ .form-row{ grid-template-columns:1fr; } }

/* ---------- Reservasi (Bisnis): tabel harga & form ---------- */
.rate-wrap{ overflow-x:auto; background:var(--surface); border-radius:var(--r); box-shadow:var(--shadow-sm); }
.rate-table{ width:100%; min-width:600px; border-collapse:collapse; font-size:.92rem; }
.rate-table th, .rate-table td{ padding:18px 22px; border-bottom:1px solid var(--line); text-align:right; vertical-align:middle; }
.rate-table tr:last-child > *{ border-bottom:0; }
.rate-table thead th{ font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--text-2); vertical-align:bottom; }
.rate-table thead th:first-child, .rate-table tbody th{ text-align:left; }
.rate-table small{ display:block; margin-top:3px; font-size:.72rem; font-weight:400; letter-spacing:0; text-transform:none; color:var(--muted); }
.rate-table tbody th{ font-family:var(--serif); font-size:1.3rem; font-weight:400; line-height:1.2; }
.rate-table tbody th small{ font-family:var(--sans); }
.rate-table td{ font-variant-numeric:tabular-nums; white-space:nowrap; }
.rate-promo{ margin-top:16px; font-size:.86rem; font-weight:600; color:var(--forest-2); }
.booking-lite{ display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, .75fr); gap:clamp(32px, 5vw, 72px); align-items:start; }
@media (max-width:900px){ .booking-lite{ grid-template-columns:minmax(0, 1fr); } }

/* ---------- Halaman villa (Bisnis) ---------- */
.villa-jump{ display:flex; flex-wrap:wrap; gap:10px 30px; padding-top:30px; font-size:.7rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--text-2); }
.villa-jump a{ border-bottom:1px solid transparent; padding:4px 0; transition:border-color .3s, color .3s; }
.villa-jump a:hover{ color:var(--terra); border-color:currentColor; }
.villa-sec .head{ margin-bottom:32px; }
.villa-detail{ display:grid; grid-template-columns:1.3fr .9fr; gap:clamp(36px, 6vw, 96px); margin-top:clamp(36px, 5vw, 56px); align-items:start; }
.villa-detail .lead{ margin-top:0; }
@media (max-width:900px){ .villa-detail{ grid-template-columns:1fr; } }

/* ---------- Ringkasan pengalaman (beranda Bisnis) ---------- */
a.trip{ display:block; }
a.trip .link-arrow{ margin-top:14px; }
a.trip:hover .trip-img img{ transform:scale(1.04); }
.trip-img img{ transition:transform 1.4s var(--ease); }

/* Starter: enam foto lanskap dalam dua baris berisi tiga */
@media (min-width:821px){ .lite-starter .gallery{ --row:200px; } }