/* =====================================================================
   v77 — (1) Kotak menu tetap ada setelah diklik (termasuk menu berpanah)
         (2) UI Aiga disederhanakan: tanpa pelangi/animasi/blur -> ringan
   Dimuat paling akhir.
   ===================================================================== */

/* ---------- 1) Menu desktop: kotak aktif untuk SEMUA item ---------- */
@media (min-width: 769px) {
  nav.primary-menu ul > li > a,
  nav.primary-menu ul > li > .nav-links-trigger {
    border-radius: var(--radius-sm, 10px);
  }
  /* aktif (halaman sedang dibuka) / dropdown terbuka / fokus setelah klik */
  nav.primary-menu ul > li.active > a,
  nav.primary-menu ul > li.active > .nav-links-trigger,
  nav.primary-menu ul > li.active > a:hover,
  nav.primary-menu ul > li.active > .nav-links-trigger:hover,
  nav.primary-menu ul > li.dropdown-open > a,
  nav.primary-menu ul > li.dropdown-open > .nav-links-trigger,
  nav.primary-menu ul > li > a:focus-visible,
  nav.primary-menu ul > li > .nav-links-trigger:focus-visible {
    background: var(--accent-desktop, var(--navy-steel, #1e5fcc));
    color: #fff;
    box-shadow: 0 6px 14px -8px var(--blue-glow-desktop, rgba(30, 95, 204, .55));
    outline: none;
  }
  /* hover biasa (belum aktif) tetap kotak biru lembut, termasuk tombol Lainnya */
  nav.primary-menu ul > li:not(.active):not(.dropdown-open) > a:hover,
  nav.primary-menu ul > li:not(.active):not(.dropdown-open) > .nav-links-trigger:hover {
    background: var(--blue-soft-desktop, rgba(74, 144, 226, .22));
    color: #fff;
  }
  /* garis bawah animasi putih juga muncul di item dropdown yang aktif */
  nav.primary-menu ul > li.active > a::after,
  nav.primary-menu ul > li.active > .nav-links-trigger::after { width: 60%; }
  nav.primary-menu ul > li > .nav-links-trigger { position: relative; }
  nav.primary-menu ul > li > .nav-links-trigger::after {
    content: ""; position: absolute; left: 50%; bottom: 3px; height: 2px; width: 0;
    background: #fff; border-radius: 2px; transform: translateX(-50%);
    transition: width .3s ease;
  }
  nav.primary-menu ul > li > .nav-links-trigger:hover::after { width: 60%; }
  /* backdrop blur dropdown dimatikan (ringan) */
  nav.primary-menu .dropdown-content { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ---------- 1b) Menu HP: kotak untuk item aktif & submenu yang terbuka ---------- */
.menu-panel-list > li > a.active,
.menu-panel-list > li.has-sub.active > .sub-toggle,
.menu-panel-list > li.has-sub.open > .sub-toggle {
  background: rgba(255, 255, 255, .12);
  color: var(--accent);
  font-weight: 700;
  border-radius: 10px;
}
.menu-panel-list .sub-list a.active { background: rgba(255, 255, 255, .10); border-radius: 8px; }

/* ---------- 2) Aiga: polos & ringan ---------- */
/* buang semua lapisan efek */
.aiga-fx, .aiga-aurora, .aiga-grid, .aiga-scan { display: none !important; animation: none !important; }
/* buang kartu bayangan di belakang kotak chat */
section.page[data-page="aiga"] .page-body .container.narrow::before { content: none !important; display: none !important; }

.aiga-shell {
  animation: none !important;
  isolation: auto;
  background: var(--surface);
  border: 1px solid var(--card-border);
  box-shadow: 0 6px 18px -10px rgba(11, 37, 69, .25);
}
.aiga-shell .aiga-chat { background: var(--surface-alt, transparent); }
.aiga-msg--bot .bubble { box-shadow: none; }
.aiga-msg--in { animation: none !important; }

/* ikon sparkles di menu: statis */
nav.primary-menu ul > li[data-route="aiga"] > a i.fa-sparkles,
#menuPanel a[data-route-link="aiga"] i.fa-sparkles { animation: none !important; text-shadow: none; }

/* tidak ada blur/transisi berat di area Aiga */
.aiga-shell *, .aiga-stage * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

@media (max-width: 768px) {
  section.page[data-page="aiga"] .page-body .container.narrow.aiga-stage { padding: 16px 10px !important; }
  .aiga-shell { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aiga-typing-dot, .aiga-voice-bars span { animation: none !important; }
}