/* Layout vertical Monster Admin — sidebar + topbar.
 *
 * Diekstrak dari blok <style> inline 17 template modul agar perubahan
 * berikutnya cukup di satu tempat. Dimuat SETELAH style.min.css.
 *
 * Berisi:
 * 1. Override satu logo di topbar (logo-icon + logo-text, topbar skin6).
 * 2. Backdrop drawer sidebar untuk mobile (z-index 9: di bawah
 *    .left-sidebar 10 dan .topbar 50).
 */

/* 1. Satu logo saja di topbar.
 *    - Mode full: tampilkan logo lebar, sembunyikan ikon kotak.
 *    - Mode mini (>=768px): tampilkan ikon kotak; saat hover, kembali ke logo lebar.
 *    - Mobile (<768px): topbar full-width, selalu logo lebar.
 *    Selector tanpa [data-layout] agar berlaku juga saat mobile (tema hanya
 *    mengatur .logo-text di dalam @media min-width:768px). */
#main-wrapper[data-sidebartype=full] .topbar .navbar-header .navbar-brand .logo-icon {
    display: none;
}

@media (max-width: 767.98px) {
    #main-wrapper .topbar .navbar-header .navbar-brand .logo-icon {
        display: none;
    }
}

@media (min-width: 768px) {
    #main-wrapper[data-sidebartype=mini-sidebar] .topbar .navbar-header.expand-logo .navbar-brand .logo-icon {
        display: none;
    }
}

/* 2. Backdrop drawer sidebar (mobile). */
.sidebar-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 9;
}

@media (max-width: 767.98px) {
    #main-wrapper.show-sidebar .sidebar-backdrop {
        display: block;
    }
}