/* File: templates/pn_kubar/css/custom-menu.css
   Fungsi: Memastikan menu Joomla berperilaku sama dengan menu statis HTML
*/

/* Pastikan wrapper modul Joomla tidak merusak layout flex */
.mod-menu {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Penyesuaian warna hover agar sesuai permintaan (Bootstrap Accordion style) */
.menu-item .menu-link:hover .menu-title {
    color: #9A2109 !important; /* Warna Primary Anda */
    transition: color 0.2s ease;
}

/* Pastikan dropdown muncul di atas elemen lain */
.menu-sub-lg-dropdown {
    z-index: 1050;
    background-color: #ffffff;
    box-shadow: 0 0 50px 0 rgba(82,63,105,0.15);
    border-radius: 0.475rem;
}

/* Perbaikan untuk tampilan Mobile */
@media (max-width: 991px) {
    .menu-sub-lg-dropdown {
        position: relative;
        width: 100% !important;
        box-shadow: none;
        padding-left: 20px; /* Indentasi submenu di mobile */
    }
}

/* Helper untuk menyembunyikan judul modul menu jika lupa di-hide di backend */
.mod-menu__title {
    display: none;
}