@use "lab-layout-v3.utils" as *;
@use "lab-layout-v2.variables" as *;

@include media(
        false,
        $side-width + $main-min-width
) {
  @include layout(false) {
    --lab-side-width: 0px;
    --lab-nav-width: 0px;
    --lab-main-width: var(--lab-container-width);

    --lab-side-display: none;
    --lab-nav-display: none;
  }
}

@include media(
        $side-width + $main-min-width,
        $side-width + $main-min-width + $nav-width
) {
  @include layout(false) {
    --lab-nav-width: 0px;
    --lab-side-width: #{$side-width};
    --lab-main-width: calc(var(--lab-container-width) - var(--lab-side-width));

    --lab-nav-display: none;
  }
}

@include media(
        $nav-width + $main-min-width + $side-width,
        $nav-width + $main-max-width + $side-width
) {
  @include layout(false) {
    --lab-nav-width: #{$nav-width};
    --lab-side-width: #{$side-width};
    --lab-main-width: calc(var(--lab-container-width) - var(--lab-side-width) - var(--lab-nav-width));
  }
}

@include media(
        $nav-width + $main-max-width + $side-width
) {
  @include layout(false) {
    --lab-nav-width: #{$nav-width};
    --lab-side-width: #{$side-width};
    --lab-main-width: #{$main-max-width};
  }
}