/**
 * Copyright (c) Forward Email LLC
 * SPDX-License-Identifier: BUSL-1.1
 */

// stylelint-disable no-invalid-position-at-import-rule

// variables
@import 'variables';

// font awesome
@import 'font-awesome';

// bootstrap
@import 'node_modules/bootstrap/scss/bootstrap';

// override sweetalert 2 styles with bootstraps
$success: theme-color('primary');
$error: theme-color('danger');
$warning: theme-color('warning');
$info: theme-color('info');
$question: theme-color('light');

// sweetalert2
@import 'node_modules/sweetalert2/src/sweetalert2';

// sweetalert2 fix
@import 'swal2';

// highlight.js
// @import 'node_modules/highlight.js/scss/default';
@media (prefers-color-scheme: light) {
  @import 'node_modules/highlight.js/scss/github';
}

// font awesome
@import 'node_modules/@fortawesome/fontawesome-free/scss/fontawesome';
@import 'node_modules/@fortawesome/fontawesome-free/scss/v4-shims';

// spinkit loading spinner
@import 'node_modules/spinkit/spinkit';
@import 'node_modules/@ladjs/assets/scss/spinner';

// support custom file inputs
@import 'node_modules/@ladjs/assets/scss/custom-file-input';

// used on the register-or-login view to provide a horizontal rule
// with the text "or" in between the horizontal rule line
// (e.g. "------ or ------" that stretches full width)
@import 'node_modules/@ladjs/assets/scss/hr-text';

// bootstrap fixes and add-ons
@import 'node_modules/@ladjs/assets/scss/bootstrap';

// image helpers for emails, jquery-lazy, etc.
@import 'node_modules/@ladjs/assets/scss/image-helpers';

// bootstrap floating labels
@media (prefers-color-scheme: light) {
  @import 'node_modules/@tkrotoff/bootstrap-floating-label/src/bootstrap-floating-label';
}

// lazyframe
// <https://github.com/vb/lazyframe>
@import 'node_modules/lazyframe/src/scss/lazyframe';

// ekko-lightbox
@import 'node_modules/ekko-lightbox/dist/ekko-lightbox';

// markdown
@import 'markdown';

// email styling
@import 'email';

// auth buttons
@import 'btn-auth';

// responsive borders
@import 'responsive-borders';

// responsive backgrounds
@import'responsive-backgrounds';

// responsive rounded
@import 'responsive-rounded';

// custom app styling
@import 'custom';

.bot-detected {
  /*
  @media (prefers-color-scheme: light) {
    @include media-breakpoint-up(md) {
      .bg-fixed {
        background-color: transparent !important;
        background-image: none !important;
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @include media-breakpoint-up(md) {
      .bg-fixed {
        background-color: transparent !important;
        background-image: none !important;
      }
    }
  }
  */

  body.app {
    padding-top: 0 !important;
  }
}

// support for RTL
// (languages like Farsi and Arabic)
@import 'node_modules/bootstrap-v4-rtl/scss/rtl';

// scalar app CSS reset
// <https://github.com/devinschumacher/css-reset/blob/main/reset.css>
// <https://github.com/elad2412/the-new-css-reset/blob/main/css/reset.css>
@import 'scalar-app';

@import 'sidebar';
