/*
 * Navbar Forest6 — styling untuk komponen navbar (shared/navbar.js).
 * Satu sumber tunggal dipakai index.html dan semua halaman modul.
 * Spacing di sekitar navbar (mis. margin-bottom) tetap jadi urusan
 * masing-masing halaman, karena tergantung elemen apa yang mengikutinya.
 */
.site-nav{
  background:var(--white);
  border-top:4px solid var(--brand);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 20px;gap:16px;flex-wrap:wrap;
}
.site-nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);flex-shrink:0;}
.site-nav-logo{display:block;height:30px;width:auto;}
.site-nav-title{font-size:16px;font-weight:700;letter-spacing:-0.01em;}
.site-nav-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.site-nav-link{
  display:inline-flex;align-items:center;min-height:44px;
  font-size:13.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;
  border-bottom:2px solid transparent;
}
.site-nav-link:hover{color:var(--ink);border-bottom-color:var(--line);}
.site-nav-link.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600;}
.site-nav-admin-btn{
  display:inline-flex;align-items:center;min-height:36px;margin-left:4px;
  font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;
  background:var(--white);color:var(--brand);border:1.5px solid var(--brand);border-radius:6px;padding:7px 14px;
}
.site-nav-admin-btn:hover{background:var(--brand);color:var(--white);}

.site-nav-user{font-size:12.5px;color:var(--ink-soft);margin-left:6px;white-space:nowrap;}
.site-nav-user b{color:var(--brand);}