/* Desktop sidebar collapsed state.
   Single source of truth: html[data-sidebar-collapsed="true"].
   This file is loaded directly from base.html.twig after app CSS so it is not dependent on the AssetMapper/Tailwind generated app stylesheet. */

aside[data-sidebar-shell] [data-sidebar-collapse-toggle] [data-sidebar-collapse-icon-expanded] {
    display: inline-block;
}

aside[data-sidebar-shell] [data-sidebar-collapse-toggle] [data-sidebar-collapse-icon-collapsed] {
    display: none;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] {
    width: 4rem;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] [data-sidebar-collapse-toggle] [data-sidebar-collapse-icon-expanded] {
    display: none;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] [data-sidebar-collapse-toggle] [data-sidebar-collapse-icon-collapsed] {
    display: inline-block;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-expanded-only,
html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .sidebar-theme-area,
html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .sidebar-top-divider {
    display: none;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-collapse-bar {
    justify-content: center;
    padding-top: 0.5rem;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-link {
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-icon {
    margin-right: 0;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-label {
    display: none;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-sublist {
    padding-left: 0;
}

html[data-sidebar-collapsed="true"] aside[data-sidebar-shell] .luma-sidebar-subgroup {
    margin-top: 0;
}