/* Docs CSS - Estilos específicos da documentação */

/* Reset e base para sidebar - Forçar especificidade máxima */
body .docs-sidebar {
    position: fixed !important;
    top: 4rem !important;
    left: 0 !important;
    width: 16rem !important;
    height: calc(100vh - 4rem) !important;
    background-color: white !important;
    border-right: 1px solid #e5e7eb !important;
    overflow-y: auto !important;
    z-index: 60 !important;
    transition: transform 0.3s ease-in-out !important;
    display: block !important;
}

/* Sidebar Mobile */
@media (max-width: 639px) {
    body .docs-sidebar {
        transform: translateX(-100%) !important;
    }
    
    body .docs-sidebar.open {
        transform: translateX(0) !important;
    }
}

@media (min-width: 640px) {
    body .docs-sidebar {
        transform: translateX(0) !important;
    }
}

/* Mobile Overlay - Z-index maior que sidebar */
#mobileOverlay {
    z-index: 50 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}