/**
 * Drawer width presets (theme_custom layout setting).
 * Mirrors Boost $drawer-left-width / $drawer-right-width for compiled SCSS and runtime.
 */

body.theme-custom-drawer-narrow {
    --tc-drawer-left-width: 260px;
    --tc-drawer-right-width: 260px;
}

body.theme-custom-drawer-standard {
    --tc-drawer-left-width: 320px;
    --tc-drawer-right-width: 320px;
}

body.theme-custom-drawer-wide {
    --tc-drawer-left-width: 380px;
    --tc-drawer-right-width: 380px;
}

@media (min-width: 992px) {
    body[class*="theme-custom-drawer-"] .drawer.drawer-left,
    body[class*="theme-custom-drawer-"] #theme_boost-drawers-courseindex.drawer {
        width: var(--tc-drawer-left-width) !important;
        max-width: var(--tc-drawer-left-width) !important;
        right: auto !important;
        left: calc(-1 * var(--tc-drawer-left-width) - 10px);
    }

    body[class*="theme-custom-drawer-"] .drawer.drawer-left.show,
    body[class*="theme-custom-drawer-"] #theme_boost-drawers-courseindex.drawer.show {
        left: 0;
    }

    body[class*="theme-custom-drawer-"] .drawer.drawer-right,
    body[class*="theme-custom-drawer-"] #theme_boost-drawers-blocks.drawer {
        width: var(--tc-drawer-right-width) !important;
        max-width: var(--tc-drawer-right-width) !important;
        left: auto !important;
        right: calc(-1 * var(--tc-drawer-right-width) - 10px);
    }

    body[class*="theme-custom-drawer-"] .drawer.drawer-right.show,
    body[class*="theme-custom-drawer-"] #theme_boost-drawers-blocks.drawer.show {
        right: 0;
    }

    body[class*="theme-custom-drawer-"] #page.drawers.show-drawer-left {
        margin-left: var(--tc-drawer-left-width) !important;
    }

    body[class*="theme-custom-drawer-"] #page.drawers.show-drawer-right {
        margin-right: var(--tc-drawer-right-width) !important;
    }

    body[class*="theme-custom-drawer-"] #page.drawers.show-drawer-left.show-drawer-right {
        margin-left: var(--tc-drawer-left-width) !important;
        margin-right: var(--tc-drawer-right-width) !important;
    }
}