/* v1.0.5 - Navigasi disinkronkan dengan homepage www.cellciusindo.com (05 Nov 2026).
   Selector dibatasi pada header publik agar galeri, form, dan admin tidak terpengaruh. */
.navbar .brand img[hidden]{display:none!important}
.nav-inner{gap:clamp(14px,2.1vw,30px)}
.nav-menu{margin-left:auto;gap:clamp(16px,1.8vw,28px)}
.nav-menu>li>a,.nav-menu>li>.nav-drop-toggle{
  position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 0;
  border:0;background:transparent;font-family:inherit;font-size:14px;font-weight:700;
  line-height:1.35;color:#202841;white-space:nowrap;cursor:pointer;transition:color .2s ease;
}
.nav-menu>li>a:hover,.nav-menu>li>a.active,.nav-menu>li>.nav-drop-toggle:hover,.nav-menu>li>.nav-drop-toggle.active{color:#f58220}
.nav-menu>li>a::after,.nav-menu>li>.nav-drop-toggle::after{
  content:'';position:absolute;left:0;bottom:2px;width:0;height:2px;
  background:#f58220;border-radius:999px;transition:width .22s ease;
}
.nav-menu>li>a:hover::after,.nav-menu>li>a:focus-visible::after,
.nav-menu>li>.nav-drop-toggle:hover::after,.nav-menu>li>.nav-drop-toggle:focus-visible::after,
.nav-menu>li>.nav-drop-toggle.active::after{width:100%}
.nav-caret{font-size:10px;display:inline-block;transition:transform .2s ease}
.nav-drop:hover>.nav-drop-toggle .nav-caret,.nav-drop:hover>a .nav-caret,
.nav-drop.open>.nav-drop-toggle .nav-caret,.nav-drop.open>a .nav-caret{transform:rotate(180deg)}
.nav-drop::before{content:'';position:absolute;left:-8px;right:-8px;top:100%;height:13px}
.nav-sub{left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:max-content;min-width:225px;
  max-width:280px;padding:10px;border-radius:17px;border-color:rgba(47,49,146,.12);
  box-shadow:0 22px 50px rgba(30,35,92,.15);z-index:80;white-space:normal}
.nav-sub li a{display:block;white-space:normal;padding:11px 13px;border-radius:11px;
  color:#202841;font-size:13px;font-weight:700;line-height:1.4}
.nav-sub li a:hover,.nav-sub li a:focus-visible,.nav-sub li a.active{
  background:linear-gradient(135deg,#f58220,#ff9d3f);color:white
}
.nav-drop.open>.nav-sub{display:block}
.nav-menu a:focus-visible,.nav-drop-toggle:focus-visible,.nav-toggle:focus-visible{outline:2px solid #2f3192;outline-offset:3px}
@media(max-width:800px){
  .nav-inner{gap:12px}
  .nav-menu{margin-left:0;max-height:calc(100vh - 81px);overflow-y:auto;gap:2px;padding:12px 22px 18px}
  .nav-menu>li>a,.nav-menu>li>.nav-drop-toggle{display:flex;width:100%;justify-content:space-between;padding:12px 7px}
  .nav-menu>li>a::after,.nav-menu>li>.nav-drop-toggle::after{display:none}
  .nav-drop::before{display:none}
  .nav-sub{position:static;left:auto;top:auto;transform:none;min-width:0;max-width:none;width:100%;
    border:0;border-radius:12px;box-shadow:none;background:#f5f7ff;padding:7px;margin:0 0 9px}
  .nav-sub li a{font-size:13px;padding:11px 13px}
  .nav-menu .nav-drop:not(.open)>.nav-sub{display:none}
  .nav-menu .nav-drop.open>.nav-sub{display:block}
}