/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "../safearea";
@import "variables";

.nz-zones-zone {
  transition: visibility 0.5s ease, opacity 0.5s ease;

  &:not(.nz-zone-8):not(.nz-floating), &.nz-zone-8:not(.nz-footer-mode) {
    padding: $nz-zone-padding;
    box-sizing: border-box;
  }

  &.nz-hidden {
    opacity: 0;
    visibility: hidden;
  }

  > div {
    height: 100%;
    box-sizing: border-box;
  }

  &.nz-safe-area-left {
    &.nz-zone-1 > div {
      @include nz-safe-area-left;
    }

    &.nz-zone-4 > div {
      @include nz-safe-area-left;
    }

    &.nz-zone-7 > div {
      @include nz-safe-area-left;
    }
  }

  &.nz-safe-area-top {
    &.nz-zone-1 > div {
      @include nz-safe-area-top;
    }

    &.nz-zone-2 > div {
      @include nz-safe-area-top;
    }

    &.nz-zone-3 > div {
      @include nz-safe-area-top;
    }
  }

  &.nz-safe-area-right {
    &.nz-zone-3 > div {
      @include nz-safe-area-right;
    }

    &.nz-zone-6 > div {
      @include nz-safe-area-right;
    }

    &.nz-zone-9 > div {
      @include nz-safe-area-right;
    }
  }

  &.nz-safe-area-bottom {
    &.nz-zone-7 {
      &:not(.nz-footer-mode) {
        > div {
          @include nz-safe-area-bottom;
        }
      }
    }

    &.nz-zone-8 {
      &:not(.nz-footer-mode) {
        > div {
          @include nz-safe-area-bottom;
        }
      }
    }

    &.nz-zone-9 {
      &:not(.nz-footer-mode) {
        > div {
          @include nz-safe-area-bottom;
        }
      }
    }
  }
}