/* ===== NAVBAR ===== */
.mp-navbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.mp-nav-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mp-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14532d;font-weight:800;letter-spacing:.2px}
.mp-brand img{height:38px;width:auto;border-radius:6px}
.mp-burger{display:none;background:transparent;border:none;font-size:22px;color:#14532d;cursor:pointer}
.mp-menu{list-style:none;display:flex;gap:14px;align-items:center;margin:0}
.mp-menu a{display:inline-block;padding:8px 10px;border-radius:8px;text-decoration:none;color:#14532d;font-weight:600}
.mp-menu a:hover{background:#e6f4ea}
/* Active state: teks hijau + underline tipis, tanpa background */
.mp-menu a.active {
  background: transparent;
  color: #14532d;
  position: relative;
}
.mp-menu a.active::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 4px;
  height: 2px;
  background: #14532d;
  border-radius: 1px;
}

/* Login button: tampil seperti link biasa */
.mp-login a {
  background: transparent;
  color: #14532d;
}
.mp-login a:hover {
  background: #e6f4ea;
}


@media (max-width: 768px){
  .mp-burger{display:block}
  .mp-menu{position:absolute;left:0;right:0;top:64px;background:#fff;border-top:1px solid rgba(0,0,0,.06);flex-direction:column;gap:0;display:none}
  .mp-menu.open{display:flex}
  .mp-menu li{width:100%}
  .mp-menu a{padding:12px 16px;border-radius:0}
}

/* ===== FOOTER ===== */
.mp-footer{background:#0b0f0d;color:#d1d5db;margin-top:40px}
.mp-foot-grid{max-width:1200px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.mp-foot-grid h4{color:#a7f3d0;margin-bottom:10px;font-size:16px}
.mp-foot-grid ul{list-style:none;padding:0;margin:0}
.mp-foot-grid li{margin:8px 0}
.mp-foot-grid a{color:#d1d5db;text-decoration:none}
.mp-foot-grid a:hover{color:#fff}
.mp-socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0f172a;margin-right:8px;color:#fff}
.mp-socials a:hover{background:#14532d}
.mp-foot-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:10px 16px;font-size:12px;color:#a1a1aa}

/* ====== NAVBAR DROPDOWN ====== */
.mp-menu{ list-style:none; display:flex; align-items:center; gap:16px; }
.mp-menu a{ text-decoration:none; color:#0b7a1e; padding:10px 8px; border-radius:6px; }
.mp-menu a:hover{ background:#e7f6ea; }
.mp-menu .active{ color:#fff; background:#0b7a1e; }


.has-dropdown{ position:relative; }
.drop-toggle{
  display:flex; align-items:center; gap:8px;
  background:transparent; border:0; cursor:pointer; padding:10px 8px; border-radius:6px;
  color:#0b7a1e; font: inherit;
}
.drop-toggle:hover{ background:#e7f6ea; }

.dropdown{
  position:absolute; left:0; top:calc(100% + 8px);
  min-width: 220px; background:#fff; border:1px solid #e6e6e6; border-radius:10px;
  box-shadow: 0 10px 28px rgba(0,0,0,.12); padding:8px;
  display:none; z-index: 20;
}
.has-dropdown.open > .dropdown{ display:block; }
.dropdown a{
  display:flex; align-items:center; gap:10px; padding:10px 12px; color:#2b2b2b;
}
.dropdown a:hover{ background:#f5f8f6; border-radius:8px; }

/* (OPSIONAL) Hover di desktop: buka tanpa klik */
@media (hover:hover){
  /* uncomment 3 baris di bawah jika ingin hover-open di desktop
  .has-dropdown:hover > .dropdown{ display:block; }
  .has-dropdown:hover > .drop-toggle{ background:#e7f6ea; }
  */
}

/* Mobile: menu kolom; dropdown jadi blok statis */
@media (max-width: 768px){
  .mp-menu{ display:none; flex-direction:column; align-items:flex-start; gap:0; }
  .mp-menu.open{ display:flex; }
  .has-dropdown{ width:100%; }
  .drop-toggle{ width:100%; justify-content:space-between; }
  .dropdown{
    position: static; top:auto; left:auto; min-width:0; width:100%;
    box-shadow:none; border:0; padding:4px 0; display:none;
  }
  .has-dropdown.open > .dropdown{ display:block; }
  .dropdown a{ padding:10px 16px 10px 28px; }
}

/* ikon arah kecil biar rapih */
.drop-toggle .fa-chevron-down{ font-size:.85em; }

/* Semua link & tombol navbar tebal */
.mp-menu a,
.drop-toggle {
  font-weight: 700;
  color: #14532d;
}
/* Aturan umum (untuk tampilan mobile dan default) */
.mp-brand img {
    height: 40px; /* Ukuran default */
    width: auto;
}

/* Media Query untuk layar besar (Komputer/Desktop) */
@media (min-width: 992px) { /* Biasanya 992px digunakan sebagai breakpoint desktop */
    .mp-brand img {
        height: 75px; /* PERBESAR: Ganti dengan ketinggian yang Anda inginkan */
        transition: height 0.3s ease; /* Tambahkan transisi agar lebih halus */
    }
}