
/* 
   ==========================================================================
   || Dashboard Styles
   || Project: Website Kabupaten Gianyar
   || File: public/assets/css/dashboard.css
   ========================================================================== 
*/


/* 
   --------------------------------------------------------------------------
   || 1. Dashboard Layout
   --------------------------------------------------------------------------
*/


/* 
   --------------------------------------------------------------------------
   || 2. Dashboard Welcome Header
   -------------------------------------------------------------------------- 
*/


/* 
   --------------------------------------------------------------------------
   || 3. Dashboard Statistic Cards
   -------------------------------------------------------------------------- 
*/


/* 
   --------------------------------------------------------------------------
   || 4. Dashboard Content Panels
   -------------------------------------------------------------------------- 
*/


/* 
   --------------------------------------------------------------------------
   || 5. Dashboard Empty States
   --------------------------------------------------------------------------
*/

/* 
   --------------------------------------------------------------------------
   || 6. Dashboard Sidebar
   --------------------------------------------------------------------------
*/

/* Keep the sidebar logo row properly aligned */
.aside-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
}

/* Allow the logo link to shrink when needed */
.aside-logo > a {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

/* Keep the logo visible at its original size */
.aside-logo > a .logo {
    flex-shrink: 0;
}

/* Keep the toggle visible and prevent it from shrinking */
.aside-logo .aside-toggle {
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

/* */
[data-kt-aside-minimize=on] .aside {
   width: 75px;
   transition: width .3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* Default: expanded sidebar */
.aside-logo .aside-logo-text {
    display: inline-block;
    white-space: nowrap;
    opacity: 1;
    transition: opacity 0.2s ease;
    transition-delay: 0s;
}

/* Collapsed sidebar, not hovered: hide text */
[data-kt-aside-minimize="on"] .aside:not(:hover) .aside-logo-text {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0s;
}

/* Collapsed sidebar, hovered: wait for sidebar expansion */
[data-kt-aside-minimize="on"] .aside:hover .aside-logo-text {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0.3s;
}


/* 
   --------------------------------------------------------------------------
   || 7. Responsive Adjustments
   -------------------------------------------------------------------------- 
*/
@media (max-width: 767.98px) {

}


/* 
   --------------------------------------------------------------------------
   || 8. Accessibility
   -------------------------------------------------------------------------- 
*/
