/* Layout styles for Sacra application */

/* Main content container */
/* Commenting out potentially conflicting styles */
/* .sacra-content-container {
    min-width: 0; 
    max-width: 100%; 
} */

/* Left sidebar */
/* .sacra-sidebar-left {
    padding: 16px 16px 16px 0;
    min-width: 0;
} */

/* Right sidebar */
/* .sacra-sidebar-right {
    padding: 16px 0 16px 16px;
    min-width: 0;
} */

/* Main layout container */
.sacra-layout-main {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Content area */
.sacra-layout-content {
    flex: 1;
    max-width: 100%;
    min-width: 0; /* Prevents flexbox content from overflowing */
}

/* Sticky elements within columns */
.sticky-column {
    position: sticky;
    top: 80px; /* Below header */
}

/* Mobile toolbar for bottom navigation - removing since we don't use it anymore */
/* .sacra-mobile-toolbar {
    display: none;
}

@media (max-width: 1024px) {
    .sacra-mobile-toolbar {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        background: white;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0.75rem;
    }
} */

/* Mobile adjustments */
@media (max-width: 1024px) {
    /* .sacra-content-container {
        max-width: 100%;
        padding: 0 16px;
    } */
}

/* Fixes for the layout */
@media (min-width: 1025px) {
    /* Add padding to the top when on desktop */
    /* .sacra-sidebar-left,
    .sacra-sidebar-right,
    .sacra-content-container {
        padding-top: 24px;
    } */
    
    /* Content top margin */
    /* .flex > .sacra-content-container {
        margin-top: 0;
    } */
}

/* Mobile drawer - to be implemented later */
.sacra-drawer {
    display: none;
}

.sacra-drawer.open {
    display: block;
}

.sacra-drawer-overlay {
    display: none;
}

.sacra-drawer-overlay.visible {
    display: block;
}