/* CRITICAL FIX: Pastikan submenu visible dengan specificity TERTINGGI */
/* File ini dimuatkan TERAKHIR untuk override semua CSS lain */

/* Override SEMUA CSS untuk pastikan submenu visible bila parent ada .open */
html body #layout-menu .menu-item.open>.menu-sub,
html body #layout-menu .menu-inner>.menu-item.open>.menu-sub,
html body #layout-menu .menu-item.open>.menu-sub.collapse,
html body #layout-menu .menu-item.open>.menu-sub.collapse.first-level,
html body #layout-menu .menu-item.open>.menu-sub.collapse.first-level.base-level-line,
html body .layout-menu .menu-item.open>.menu-sub,
html body .layout-menu .menu-inner>.menu-item.open>.menu-sub,
html body .layout-menu .menu-item.open>.menu-sub.collapse,
html body .layout-menu .menu-item.open>.menu-sub.collapse.first-level,
html body .layout-menu .menu-item.open>.menu-sub.collapse.first-level.base-level-line {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: 5000px !important;
  height: auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0.25rem 0 0.75rem !important;
  padding: 0.25rem 0 0.35rem 1.35rem !important;
}

/* CRITICAL: Pastikan sub-submenu (level 2) visible bila parent ada .open dan class .in */
/* Desktop: guna flex, Mobile: guna block */
@media (min-width: 769px) {

  /* Pastikan parent ada position relative untuk absolute positioning */
  html body #layout-menu .menu-item-has-subsub.open,
  html body .layout-menu .menu-item-has-subsub.open {
    position: relative !important;
    overflow: visible !important;
  }

  /* Pastikan sub-submenu visible dan positioned sebagai accordion (stacked) */
  html body #layout-menu .menu-item.open>.collapse.second-level.in,
  html body #layout-menu .menu-item.open>.collapse.second-level.base-level-line.in,
  html body #layout-menu .menu-sub .menu-item.open>.collapse.second-level.in,
  html body #layout-menu .menu-sub .menu-item.open>.collapse.second-level.base-level-line.in,
  html body .layout-menu .menu-item.open>.collapse.second-level.in,
  html body .layout-menu .menu-item.open>.collapse.second-level.base-level-line.in,
  html body .layout-menu .menu-sub .menu-item.open>.collapse.second-level.in,
  html body .layout-menu .menu-sub .menu-item.open>.collapse.second-level.base-level-line.in {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 5000px !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    margin-left: 1.5rem !important;
    border-left: 2px solid rgba(135, 131, 239, 0.2) !important;
    padding-left: 0.5rem !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    z-index: 1 !important;
  }
}

@media (max-width: 768px) {

  html body #layout-menu .menu-item.open>.collapse.second-level.in,
  html body #layout-menu .menu-item.open>.collapse.second-level.base-level-line.in,
  html body #layout-menu .menu-sub .menu-item.open>.collapse.second-level.in,
  html body #layout-menu .menu-sub .menu-item.open>.collapse.second-level.base-level-line.in,
  html body .layout-menu .menu-item.open>.collapse.second-level.in,
  html body .layout-menu .menu-item.open>.collapse.second-level.base-level-line.in,
  html body .layout-menu .menu-sub .menu-item.open>.collapse.second-level.in,
  html body .layout-menu .menu-sub .menu-item.open>.collapse.second-level.base-level-line.in {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 5000px !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    z-index: 1 !important;
  }
}

/* Pastikan submenu hidden bila parent TIDAK ada .open */
html body #layout-menu .menu-item:not(.open)>.menu-sub,
html body #layout-menu .menu-inner>.menu-item:not(.open)>.menu-sub,
html body #layout-menu .menu-item:not(.open)>.menu-sub.collapse,
html body #layout-menu .menu-item:not(.open)>.menu-sub.collapse.first-level,
html body #layout-menu .menu-item:not(.open)>.menu-sub.collapse.first-level.base-level-line,
html body .layout-menu .menu-item:not(.open)>.menu-sub,
html body .layout-menu .menu-inner>.menu-item:not(.open)>.menu-sub,
html body .layout-menu .menu-item:not(.open)>.menu-sub.collapse,
html body .layout-menu .menu-item:not(.open)>.menu-sub.collapse.first-level,
html body .layout-menu .menu-item:not(.open)>.menu-sub.collapse.first-level.base-level-line {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Pastikan sub-submenu hidden bila TIDAK ada class .in */
html body #layout-menu .collapse.second-level:not(.in),
html body #layout-menu .collapse.second-level.base-level-line:not(.in),
html body .layout-menu .collapse.second-level:not(.in),
html body .layout-menu .collapse.second-level.base-level-line:not(.in) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}