/**
 * FCA Custom Menus - Sidebar Collapse (via Shortcuts)
 * Simple full collapse when clicking toggle in shortcuts bar
 */

@media (min-width: 769px) {

/* Base transitions */
.spaces,
.feed_layout {
    transition: width 400ms ease, min-width 400ms ease, padding-left 400ms ease;
}

.spaces .space_contents {
    transition: width 400ms ease;
}

/* Collapsed state - hide sidebar completely */
/* Use high specificity to override shortcuts.css margin-left */
.fhr_home .feed_layout > .spaces.fca-sidebar-collapsed,
.fluent_com .feed_layout > .spaces.fca-sidebar-collapsed,
.spaces.fca-sidebar-collapsed {
    width: 0 !important;
    min-width: 0 !important;
    margin-left: 0 !important; /* Remove margin so content fills space */
    overflow: hidden;
}

.spaces.fca-sidebar-collapsed .space_contents {
    width: 0 !important;
    overflow: hidden;
}

/* CRITICAL: When sidebar collapses, remove the padding from feed_layout */
.feed_layout:has(.spaces.fca-sidebar-collapsed) {
    padding-left: 0px !important;
}

/* Toggle button styling */
.fca-sc-toggle[aria-pressed="true"] {
    background: var(--fcom-text-link, #1877f2);
    color: #fff;
}

}