.symmex-nav-item{margin:0 !important;}

/* spacer khusus agar jarak Contact dan Career konsisten tanpa dipengaruhi ms-lg-5 */
.symmex-nav-spacer{margin-left: 0 !important;}


/* pastikan nav underline indikator mengikuti lebar link tanpa efek geser */
.top-nav-compact .nav-indicator{height:2px;}

/*
  Fix: saat refresh/initial render di halaman produk, Bootstrap/JS bisa memicu underline efek"teks biru + garis" yang terlihat muncul dari kiri.
  Pastikan keadaan default link tidak menampilkan underline/biru sampai active dipasang oleh JS.
*/
.top-nav-compact .nav-link{color: inherit; text-decoration: none;}
.top-nav-compact .nav-link:focus,
.top-nav-compact .nav-link:hover{color: inherit; text-decoration: none;}
.top-nav-compact .nav-link.active{color: inherit;}

/* indikator garis (JS indicator) */
.top-nav-compact .nav-indicator{left:0; width:0; opacity:0;}
.top-nav-compact.nav-activated .nav-indicator{opacity:1;}
.top-nav-compact .nav-indicator{display:block; transform: none; transition: none;}
.top-nav-compact.nav-activated .nav-indicator{transition: left .28s cubic-bezier(.22,.9,.3,1), width .28s cubic-bezier(.22,.9,.3,1);}

/* Fallback underline: pastikan active tetap terlihat meski JS indicator gagal ter-update */
.top-nav-compact .nav-link{position:relative;}
.top-nav-compact .nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    height:2px;
    width:0;
    background:#0d6efd; /* Bootstrap primary */
    transition: width .28s cubic-bezier(.22,.9,.3,1);
}
.top-nav-compact .nav-link.active::after{width:100%;}