.hmni-opportunity-nav{position:relative;display:inline-flex;align-items:center}
.hmni-opportunity-trigger{display:inline-flex!important;align-items:center;gap:7px;color:#fff!important;background:linear-gradient(135deg,#0a3d86,#1769e0 72%,#2588eb)!important;border:1px solid #ffffff26!important;box-shadow:0 7px 18px #0b4c9830!important;font-weight:900!important;letter-spacing:.2px}
.hmni-opportunity-trigger::after{content:'⌄';font-size:11px;transition:transform .2s ease}
.hmni-opportunity-submenu{position:absolute;z-index:160;left:0;top:calc(100% + 9px);display:grid;min-width:230px;padding:8px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 20px 48px #071b3d2b;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s ease}
.hmni-opportunity-submenu a{display:block!important;padding:11px 12px!important;border-radius:9px!important;color:#40526a!important;font-size:11px!important;white-space:nowrap}
.hmni-opportunity-submenu a:hover,.hmni-opportunity-submenu a[aria-current='page']{background:#edf4ff!important;color:#1769e0!important}
.hmni-opportunity-trigger:hover,.hmni-opportunity-trigger:focus-visible{color:#fff!important;background:linear-gradient(135deg,#082f68,#0f58c3 72%,#1d75cf)!important;box-shadow:0 10px 24px #0b4c9845!important}
.hmni-opportunity-nav:hover>.hmni-opportunity-submenu,.hmni-opportunity-nav:focus-within>.hmni-opportunity-submenu,.hmni-opportunity-nav.is-open>.hmni-opportunity-submenu{opacity:1;visibility:visible;transform:none}
.hmni-opportunity-nav:hover>.hmni-opportunity-trigger::after,.hmni-opportunity-nav:focus-within>.hmni-opportunity-trigger::after{transform:rotate(180deg)}
@media(min-width:1181px){
  header nav#nav,.hmni-public-inline-header>header .head>nav,body.hmni-opportunity-page>header .head>nav{overflow:visible!important}
  .hmni-opportunity-nav{z-index:170}
  .hmni-opportunity-trigger::before{content:'';width:5px;height:5px;border-radius:50%;background:#f4c85b;box-shadow:0 0 0 3px #f4c85b24}
}
@media(max-width:1180px){
  header nav.open .hmni-opportunity-nav,header nav.mobile-open .hmni-opportunity-nav{display:grid}
  header nav.open .hmni-opportunity-trigger,header nav.mobile-open .hmni-opportunity-trigger{justify-content:space-between}
  header nav.open .hmni-opportunity-submenu,header nav.mobile-open .hmni-opportunity-submenu{position:static;display:grid;min-width:0;margin:2px 8px 8px;padding:5px 5px 5px 13px;border:0;border-left:2px solid #1769e0;border-radius:0 10px 10px 0;background:#f5f8fc;box-shadow:none;opacity:1;visibility:visible;transform:none}
  header nav.open .hmni-opportunity-submenu a,header nav.mobile-open .hmni-opportunity-submenu a{padding:9px 10px!important}
}

/* Beranda HMNI: seluruh menu utama setara; warna aksen hanya saat interaksi. */
.hmni-public-inline-header.hmni-front-page>header{z-index:10000!important;overflow:visible!important}
.hmni-public-inline-header.hmni-front-page>header .head{overflow:visible!important}
.hmni-public-inline-header.hmni-front-page>header nav#nav{overflow:visible!important}
.hmni-front-page header nav#nav>a,
.hmni-front-page header nav#nav>a.active,
.hmni-front-page header nav#nav .front-member-link,
.hmni-front-page header nav#nav>.hmni-opportunity-nav>.hmni-opportunity-trigger{
  color:#f1b80b!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  text-shadow:0 1px 0 #795000,0 0 8px #ffc92855!important;
}
.hmni-front-page header nav#nav>a:hover,
.hmni-front-page header nav#nav>a:focus-visible,
.hmni-front-page header nav#nav>.hmni-opportunity-nav>.hmni-opportunity-trigger:hover,
.hmni-front-page header nav#nav>.hmni-opportunity-nav>.hmni-opportunity-trigger:focus-visible,
.hmni-front-page header nav#nav>.hmni-opportunity-nav.is-open>.hmni-opportunity-trigger{
  color:#fff!important;
  background:linear-gradient(135deg,#0a3d86,#1769e0 72%,#2588eb)!important;
  box-shadow:0 8px 20px #0b4c9830!important;
  text-shadow:none!important;
}
.hmni-front-page .hmni-opportunity-nav{z-index:10020!important}
.hmni-front-page .hmni-opportunity-submenu{z-index:10050!important}

/* Etalase Peluang Usaha: submenu harus keluar dari header dan berada di depan slider. */
body.hmni-opportunity-page.hmni-public-inline-header>header{
  z-index:10000!important;
  overflow:visible!important;
}
body.hmni-opportunity-page.hmni-public-inline-header>header .head,
body.hmni-opportunity-page.hmni-public-inline-header>header nav{
  overflow:visible!important;
}
body.hmni-opportunity-page .hmni-opportunity-nav{z-index:10020!important}
body.hmni-opportunity-page .hmni-opportunity-submenu{z-index:10050!important}
