// Themes
@import '../clinical-lowlight-theme/WorkspaceLayout.module';
@import '../orion-fusion-theme/WorkspaceLayout.module';

:local {
  .layout-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: stretch;
    overflow: hidden;
    position: relative;
  }

  .layout-body {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: stretch;
    overflow: hidden;
  }

  .content-body {
    flex: 1 1 320px;
    height: 100%;
    overflow: hidden;

    // .visible.workspace-split & { // TODO what the heck is this
    //   flex: 1 1 auto;
    // }
  }

  .workspace-body {
    display: none;
    flex: 1 1 320px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;

    &.visible {
      display: block;
    }

    .visible.workspace-split & {
      flex: 0 0 auto;
      width: 320px; // fix small width to 320
    }

    &.overlay {
      bottom: 0;
      box-shadow: var(--terra-application-workspace-layout-workspace-body-overlay-box-shadow, -10px 0 10px 0 rgba(42, 75, 119, 0.6));
      position: absolute;
      right: 0;
      top: 0;
      width: calc(100% - 40px);
    }
  }

  .workspace-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -1;
  }

  .workspace-overlay-negative-space {
    background-color: var(--terra-application-workspace-layout-workspace-overlay-background-color, rgba(0, 0, 0, 0.3));
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }

  .resize-overlay {
    background-color: var(--terra-application-workspace-layout-resize-overlay-background-color, rgba(0, 0, 0, 0.3));
    bottom: 0;
    cursor: col-resize;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
  }

  .resize-handle-frame {
    flex: 0 0 auto;
    height: 100%;
    position: relative;
    width: 0;
    z-index: 6;
  }

  .visually-hidden-heading {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap; /* Ensures words  are not read one at a time on screen readers*/
    width: 1px;
  }
}