/*
 * Copyright (c) 2023 Thomas Hansen - For license inquiries you can contact thomas@ainiro.io.
 */

@import 'src/assets/styles/_variables/colors.scss';
@import 'src/assets/styles/_variables/mixin.scss';

/*=-=-=-=-=-=
main styling for all components in AUTH
=-=-=-=-=-=*/
.core {
  height: 100%;
  min-height: 100vh;
  display: flex;
  padding-top: 30px;
  padding-bottom: 10px;
  background: linear-gradient(to right,
      $ainiro_accent 0%,
      $ainiro_accent 33.33333%,
      $ainiro_default 33.33333%,
      $ainiro_default 100%);

  @media (max-width: 767px) {
    background: $ainiro_accent;
    color: $ainiro_default;
    padding-bottom: 30px;

    .mat-input-element,
    .mat-form-field-suffix {
      color: $ainiro_default_grey1;
    }
  }

  .title-text {
    color: $ainiro_default;
  }

  .footer {
    .btn-link-accent {
      color: $ainiro_primary;
      cursor: pointer;
      text-decoration: none;
      @include general_transition(0.3s);

      &:hover {
        color: transparentize($color: $ainiro_primary, $amount: 0.38);
      }
    }

    .link-divider {
      color: transparentize($color: $ainiro_default_grey2, $amount: 0.38);
    }
  }

  ::ng-deep {
    .auth-submit-button {
      height: 42px;
    }

    .mat-checkbox-layout {
      white-space: unset;
    }

    @media (max-width: 767px) {
      .mat-flat-button:disabled {
        color: $ainiro_default_grey3;
      }
    }
  }
}