/*
 * Shards Dashboard Mobile Overrides - MOBILE ONLY VERSION
 * This file neutralizes problematic Shards CSS for mobile sidebar
 * Load this AFTER shards-dashboards.css and BEFORE mobile-sidebar.css
 * 
 * IMPORTANT: All overrides are now ONLY applied on mobile (max-width: 767.98px)
 */

/* Reset Shards sidebar transforms and positioning ONLY on mobile */
@media (max-width: 767.98px) {
    
    /* Neutralize all Shards sidebar positioning */
    .main-sidebar {
        transform: none !important;
        transition: left 0.3s ease !important;
        left: auto !important;
        position: relative !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remove Shards responsive utilities that interfere */
    .main-sidebar.d-none,
    .main-sidebar.d-sm-none,
    .main-sidebar.d-md-none,
    .main-sidebar.d-lg-none {
        display: block !important;
    }
    
    /* Neutralize Shards navigation transforms */
    .main-sidebar .nav,
    .main-sidebar .nav-item,
    .main-sidebar .nav-link {
        transform: none !important;
        transition: none !important;
        position: static !important;
    }
    
    /* Remove Shards button transforms */
    .main-sidebar .btn {
        transform: none !important;
        transition: all 0.2s ease !important;
        position: static !important;
    }
    
    /* Neutralize Shards navbar positioning */
    .main-sidebar .main-navbar,
    .main-sidebar .navbar {
        transform: none !important;
        position: static !important;
    }
    
    /* Remove Shards sidebar animations that conflict */
    .main-sidebar * {
        animation: none !important;
        transition-delay: 0s !important;
    }
    
    /* Override Shards responsive width utilities */
    .main-sidebar.col,
    .main-sidebar.col-1,
    .main-sidebar.col-2,
    .main-sidebar.col-3,
    .main-sidebar.col-4,
    .main-sidebar.col-5,
    .main-sidebar.col-6,
    .main-sidebar.col-7,
    .main-sidebar.col-8,
    .main-sidebar.col-9,
    .main-sidebar.col-10,
    .main-sidebar.col-11,
    .main-sidebar.col-12 {
        flex: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    
    /* Neutralize Bootstrap responsive display utilities on sidebar */
    .main-sidebar.d-block,
    .main-sidebar.d-inline,
    .main-sidebar.d-inline-block,
    .main-sidebar.d-flex,
    .main-sidebar.d-inline-flex {
        display: block !important;
    }
    
    /* Remove any Shards z-index conflicts */
    .main-content {
        z-index: auto !important;
    }
    
    /* Override any Shards overflow settings that hide content */
    .main-sidebar,
    .main-sidebar .nav-wrapper {
        overflow: visible !important;
        overflow-y: auto !important;
    }
    
    /* Neutralize any Shards visibility utilities */
    .main-sidebar.invisible,
    .main-sidebar.sr-only {
        visibility: visible !important;
        position: static !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        clip: auto !important;
    }
    
    /* Remove Shards text utilities that might hide content */
    .main-sidebar .text-hide {
        font-size: inherit !important;
        text-indent: 0 !important;
        color: inherit !important;
        background-color: transparent !important;
        border: 0 !important;
    }
    
    /* Override Shards spacing utilities that might cause issues */
    .main-sidebar.p-0,
    .main-sidebar.px-0,
    .main-sidebar.pl-0,
    .main-sidebar.pr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .main-sidebar.m-0,
    .main-sidebar.mx-0,
    .main-sidebar.ml-0,
    .main-sidebar.mr-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Remove any Shards border utilities that might interfere */
    .main-sidebar.border-0 {
        border: none !important;
    }
    
    /* Override any problematic Shards position utilities */
    .main-sidebar.position-static,
    .main-sidebar.position-relative,
    .main-sidebar.position-absolute,
    .main-sidebar.position-fixed,
    .main-sidebar.position-sticky {
        position: relative !important;
    }
    
    /* Neutralize Shards float utilities */
    .main-sidebar.float-left,
    .main-sidebar.float-right,
    .main-sidebar.float-none {
        float: none !important;
    }
    
    /* Remove Shards shadow utilities that might conflict */
    .main-sidebar.shadow,
    .main-sidebar.shadow-sm,
    .main-sidebar.shadow-lg,
    .main-sidebar.shadow-none {
        box-shadow: none !important;
    }
    
    /* Override any Shards background utilities */
    .main-sidebar.bg-transparent {
        background-color: #fff !important;
    }
}

/* Desktop - DO NOT APPLY ANY OVERRIDES, let Shards handle everything normally */
@media (min-width: 768px) {
    /* 
     * Explicitly ensure we don't interfere with desktop layout
     * All the above overrides are contained within the mobile media query
     * so desktop should work with original Shards styling
     */
    
    /* Ensure main content positioning works correctly on desktop */
    .main-content {
        /* Let Shards handle desktop positioning naturally */
    }
    
    /* Ensure sidebar works correctly on desktop */
    .main-sidebar {
        /* Let Shards handle desktop positioning naturally */
    }
}