/* CLICK-FIRST NAV — no hover opening; visible active state on click. */
.site-header .desktop-nav > .nav-dropdown{
  position:relative !important;
  z-index:10040 !important;
}

.site-header .desktop-nav > .nav-dropdown > .nav-dropdown-trigger{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  cursor:pointer !important;
  user-select:none !important;
  border-radius:10px !important;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease !important;
}

.site-header .desktop-nav > .nav-dropdown > .nav-dropdown-trigger:hover{
  background:#f7eeee !important;
  color:#8e0a16 !important;
}

.site-header .desktop-nav > .nav-dropdown > .nav-dropdown-trigger.is-active{
  background:#9f0b18 !important;
  color:#fff !important;
  padding:9px 13px !important;
  margin:-9px -13px !important;
  box-shadow:0 8px 18px rgba(159,11,24,.18) !important;
}

.site-header .desktop-nav > .nav-dropdown > .nav-dropdown-trigger.is-active span[aria-hidden="true"]{
  transform:rotate(180deg) !important;
}

.site-header .desktop-nav > .nav-dropdown > .nav-dropdown-menu,
.site-header .desktop-nav > .calculator-dropdown-wrap > .calculator-dropdown{
  display:none !important;
}

.site-header .desktop-nav > .nav-dropdown.is-open > .nav-dropdown-menu{
  display:grid !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.site-header .desktop-nav > .calculator-dropdown-wrap.is-open > .calculator-dropdown{
  display:grid !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* Disable the old hover-open behavior entirely. */
.site-header .desktop-nav > .nav-dropdown:hover > .nav-dropdown-menu,
.site-header .desktop-nav > .nav-dropdown:focus-within > .nav-dropdown-menu,
.site-header .desktop-nav > .calculator-dropdown-wrap:hover > .calculator-dropdown,
.site-header .desktop-nav > .calculator-dropdown-wrap:focus-within > .calculator-dropdown{
  display:none !important;
}

.site-header .desktop-nav > .nav-dropdown.is-open:hover > .nav-dropdown-menu,
.site-header .desktop-nav > .calculator-dropdown-wrap.is-open:hover > .calculator-dropdown{
  display:grid !important;
}

/* Keep the exact logo layout from the supplied reference. */
.site-header .desktop-nav .program-menu-icons--tni,
.site-header .desktop-nav .program-menu-icons--polri,
.site-header .desktop-nav .program-menu-icons--sma{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  overflow:visible !important;
}

.site-header .desktop-nav .program-menu-icons--tni img,
.site-header .desktop-nav .program-menu-icons--polri img,
.site-header .desktop-nav .program-menu-icons--sma img{
  flex:0 0 auto !important;
  object-fit:contain !important;
  background:transparent !important;
}

.site-header .desktop-nav .program-menu-icons--kedinasan{
  display:grid !important;
  grid-template-columns:repeat(4,34px) !important;
  grid-template-rows:repeat(2,34px) !important;
  gap:3px 5px !important;
  width:max-content !important;
  height:71px !important;
  overflow:visible !important;
}

.site-header .desktop-nav .program-menu-icons--kedinasan img{
  width:34px !important;
  height:34px !important;
  max-width:34px !important;
  flex:none !important;
}

.site-header .desktop-nav .program-menu-icons--tni img,
.site-header .desktop-nav .program-menu-icons--polri img,
.site-header .desktop-nav .program-menu-icons--sma img,
.site-header .desktop-nav .program-menu-icons--unhan img{
  object-fit:contain !important;
  background:transparent !important;
}

/* Better visual feedback for submenu items. */
.site-header .desktop-nav .nav-dropdown-menu > a{
  border-radius:10px !important;
  padding:8px 10px !important;
  margin:-8px -10px !important;
  transition:background .16s ease,transform .16s ease !important;
}
.site-header .desktop-nav .nav-dropdown-menu > a:hover{
  background:#faf1f2 !important;
  transform:translateY(-1px) !important;
}

.site-header .desktop-nav .calculator-dropdown > a{
  transition:background .16s ease,padding-left .16s ease !important;
}
.site-header .desktop-nav .calculator-dropdown > a:hover{
  padding-left:20px !important;
}

@media(max-width:900px){
  .site-header .desktop-nav > .nav-dropdown > .nav-dropdown-trigger.is-active{
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
  }
}