//#region Base styles

.bz-input--hidden {
  display: block;
  float: left;
  font-size: inherit;
  height: $checkbox-size;
  margin: 0;
  outline: 0;
  visibility: hidden;
  width: 0;
}

//#endregion

//#region Checkbox - Hide native check

.bz-checkbox {
  &__input {
    @extend .bz-input--hidden;
  }
}

//#endregion



//#region Mobile Modal Overrides

.bz-mobile-modal-root {
  position: fixed;

  .bz-mobile-modal__header {
    align-items: center;
    background-color: $bz-neutral-200;
    border-bottom: 1px solid $bz-neutral-300;
    justify-content: center;

    .bz-mobile-modal__back-button {
      align-items: center;
      display: flex;
      left: 0;
      padding: $bz-space-inset-squish-s;
      position: fixed;

      .bz-mobile-modal__title {
        font-weight: 100;
        padding-left: $bz-space-inset-s;
      }
    }
  }
  .bz-section__content {
    display: block;
    height: 100%;
    width: 100%;
  }

  &.km-rtl {
    .bz-mobile-modal__header {
      >.bz-mobile-modal__back-button {
        display: flex;
        left: initial;
        right: 0;

        >.bz-mobile-modal__title {
          padding-right: $bz-space-inset-s;
        }

        >svg {
          order: 1;
          transform: rotate(180deg);
        }
      }
    }
  }

  &:before,
  .km-modalview-wrapper:before {
    margin-left: 0;
  }
}

//#endregion


//#region Font Size Override forms

.bz-form.bz-form--mobile-overrides {
  & .bz-btn,
  & .bz-collapsible__header,
  & .bz-form-label,
  & .bz-input,
  & .bz-input-button,
  & .bz-input-container,
  & .bz-input-icon,
  & .bz-link {
    font-size: $bz-font-size-form;
  }

  & .bz-section {
    & .bz-section__header,
    &[dir="ltr"] .bz-section__header {
      font-size: $bz-font-size-form;
    }
  }

  & .bz-tab {
    padding: $bz-space-inset-m;
    > a {
      color: $bz-neutral-500;
      font-size: $bz-font-size-form-s;
    }
    &.active > a {
      color: $bz-neutral-600;
    }
    &.bz-tab--error {
      border-bottom-color: rgba($bz-color-state-error, 0.5) !important;
      border-bottom-width: 2px;

      &.active {
        border-bottom-color: $bz-color-state-error !important;
        border-bottom-width: 2px;
      }

    }
  }

  &.bz-modal-view {
    font-size: $bz-font-size-form;
    & .bz-modal-view__header .bz-modal-view__search,
    .bz-search__header .bz-modal-view__search,
    .bz-list__item {
      font-size: $bz-font-size-form;
    }
  }

  & .bz-form-buttons__more {
    padding: $bz-space-inset-xs;
    & .bz-icn-dark{
      fill: $bz-neutral-500;
    }
    &:active{
      background: rgba($bz-neutral-300, 0.5);
      & .bz-icn-dark{
        fill:$bz-theme-400;
      }
    }
  }
}

//#endregion