/* =======================================================================
   Yabeli — kerangka halaman publik landing page (root, body, nav, footer,
   tombol WhatsApp melayang). Gaya tiap ELEMEN kanvas ada di file terpisah
   landing-blocks.css supaya bisa ikut dipakai editor di panel admin tanpa
   menimpa tampilan dasbor.
   ======================================================================= */
:root {
  --wine: #621d25;
  --wine-deep: #4a1219;
  --gold: #d4b483;
  --ink: #2b2523;
  --cream: #f2eee4;
  --border: #e6dcc8;
  --text-soft: #6e5f53;
  --ok: #1e7d4a;
  --danger: #b3261e;
  --lb-row: 34px;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: #fff;
  overflow-x: hidden; /* jaring pengaman: halaman tidak pernah geser ke samping */
}

/* ---- Navigasi atas ------------------------------------------------------------ */
.lp-nav { position: sticky; top: 0; z-index: 30; background: #fff; border-bottom: 1px solid var(--border); }
.lp-nav-inner { max-width: 1160px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.lp-nav-inner .brand { font-family: 'Fraunces', serif; font-weight: 700; font-size: 1.3rem; color: var(--wine); text-decoration: none; }
.lp-nav-links { display: flex; gap: 22px; }
.lp-nav-links a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: .9rem; }
.lp-nav-links a:hover { color: var(--wine); }
.lp-nav-cta { display: flex; align-items: center; gap: 14px; }
.lp-nav-cta a:first-child { color: var(--ink); text-decoration: none; font-weight: 600; font-size: .9rem; }
.btn-cta { display: inline-block; background: var(--gold); color: var(--wine-deep); text-decoration: none; font-weight: 700; padding: 9px 18px; border-radius: 999px; }

.lb-footer { text-align: center; padding: 30px 20px; color: var(--text-soft); font-size: .8rem; background: #fff; border-top: 1px solid var(--border); }

/* ---- Tombol WhatsApp melayang ---------------------------------------------------- */
.lb-wa {
  position: fixed; right: 18px; bottom: 18px; z-index: 40;
  width: 54px; height: 54px; border-radius: 50%; background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 10px 26px rgba(37,211,102,.45); text-decoration: none;
}
.lb-wa:hover { transform: scale(1.06); }


@media (max-width: 1024px) { .lb-wa-hide-tablet { display: none; } }
@media (max-width: 860px) { .lp-nav-links { display: none; } }
@media (max-width: 640px) {
  .lb-wa-hide-mobile { display: none; }
  .lb-wa { right: 14px; bottom: 14px; }
}
@media (min-width: 1025px) { .lb-wa-hide-desktop { display: none; } }