:root {
  --layout-sidebar-width: 262px;
  --layout-sidebar-zindex: 3;
  --layout-header-height: 60px;
  --layout-header-margin-block: 0px;
  --layout-header-zindex: 4;
  --layout-header-backdrop-filter: blur(19px);
}

/* Navigation breakpoints overrides */
:root {
  @media (min-width: 1024px) {
    --admin-theme-toolbar-height: 0px;
    --admin-theme-toolbar-secondary-height: calc(3.25 * var(--spacer, 1rem));
    --admin-theme-toolbar-x-offset: var(--drupal-displace-offset-left, 64px);
    --admin-theme-scroll-offset: calc(8.125 * var(--spacer, 1rem));
    --admin-theme-sticky-offset: var(--admin-theme-height-sticky);
  }
}

html.admin-toolbar-expanded {
  @media (min-width: 1024px) {
    --admin-theme-toolbar-x-offset: var(--drupal-displace-offset-left, 264px);
  }
}

div.layout-main {
  min-height: 100vh;
  min-height: 100dvh;
  align-items: start;
}

header.layout-header{
  position: sticky;
  inset-block: 0 auto;
  /* Toolbar offset is physical: left in LTR, right in RTL. */
  inset-inline-start: var(--drupal-displace-offset-left, var(--admin-toolbar-sidebar-width, 0));
  inset-inline-end: 0;
  height: var(--layout-header-height);
  z-index: var(--layout-header-zindex);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  backdrop-filter: var(--layout-header-backdrop-filter);

  [dir="rtl"] & {
    inset-inline-start: var(--drupal-displace-offset-right, var(--admin-toolbar-sidebar-width, 0));
  }

  .layout-header-main,
  .layout-header-expanded {
    align-items: center;
    min-width: 0;
  }

  &:not(:has(> .layout-header-expanded)) {

  }

}

aside.layout-sidebar {
  position: fixed;
  grid-row: 2;
  inset-block: calc(var(--layout-header-height) + var(--layout-header-margin-block)) 0;
  inset-inline-start: var(--admin-toolbar-sidebar-width, 0);
  inset-inline-end: auto;
  width: var(--layout-sidebar-width);
  z-index: var(--layout-sidebar-zindex);
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;

  .layout-sidebar-main {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
  }
  .sidebar-footer {

  }

}

.layout-main-content {
  grid-column: 1;
  min-height: 0;
  min-width: 0;
}

aside.layout-sidebar,
.layout-header-expanded {
  display: none;
}

@media (min-width: 1024px) {
  div.layout-main {
    display: grid;
    grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
  }

  header.layout-header {
    position: fixed;
    grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
  }

  main.layout-main-content {
    grid-column: 2;
    padding-top: calc(var(--layout-header-height) + var(--layout-header-margin-block));
  }

  main.layout-main-content:not(.layout-sidebar ~ *):not(:has(~ .layout-sidebar)) {
    grid-column: span 2;
  }

  aside.layout-sidebar {
    display: grid;
  }

  .layout-header-expanded {
    display: flex;
  }
}
/*
Sticky top fixes for fixed header.
 */
.ck-sticky-panel__content.ck-sticky-panel__content_sticky,
.md\:sticky-top,
.lg\:sticky-top,
.xl\:sticky-top,
.\32xl\:sticky-top{
  top : var(--layout-header-height, 0) !important;
}