/* Emergency Fix CSS */

/* Force sidebar to be visible and properly sized */
.sidenav {
    display: block !important;
    visibility: visible !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 1040 !important;
    transform: none !important;
    opacity: 1 !important;
    background-color: white !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.1) !important;
}

/* Force main content to respect sidebar */
.main-content {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Force dropdown content to be visible */
.dropdown-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow: visible !important;
    transition: none !important;
    padding-left: 3rem !important;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

/* Force dropdown arrow rotation */
.dropdown-arrow {
    transform: rotate(180deg) !important;
}

/* Force navbar-nav to have bottom padding */
.navbar-nav {
    padding-bottom: 6rem !important;
}

/* Force icon alignment */
.nav-link .flex-shrink-0 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Force support menu link to have margin */
.nav-link[href*="support"] {
    margin-bottom: 1rem !important;
}

/* Force crop insights container to be properly styled */
.crop-insights-container {
    padding: 20px !important;
    margin-top: 20px !important;
}

/* Media query for mobile */
@media (max-width: 1024px) {
    .sidenav {
        transform: translateX(-100%) !important;
    }
    
    body.g-sidenav-pinned .sidenav {
        transform: translateX(0) !important;
    }
    
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}