@import '../../../../Base/default/css/centuran/variables';
@import 'customer/variables';

@import '../../../../Base/default/css/centuran/base';

:root {
  --scale-s: 0.85;
  --scale-m: 1;
  --scale-l: 1.2;

  --font-size-base: calc(var(--scale) * 16px);
  --gap: calc(var(--scale) * 5/8 * 1.2em);
  --gap-120: calc(var(--gap) * 1.2);
  --pad-x: var(--gap-120);
  --pad-y: var(--gap);
}

body {
  font-family: Roboto, sans-serif;
  font-size: var(--font-size-base);
}

a:link, a[href] {
  color: $primary-color;
}

a.Button {
  @include button;
  
  box-shadow:
    0 3px 1px -2px rgb(0 0 0 / 20%),
    0 2px 2px 0 rgb(0 0 0 / 14%),
    0 1px 5px 0 rgb(0 0 0 / 12%);
  border: thin solid;
  color: $primary-color;
  caret-color: $primary-color;
  font-size: initial;
  font-weight: 500;
  letter-spacing: 0.025em;
  padding: 4px 24px;
  text-transform: none;
}

fieldset {
  label {
    background: none;
    font-size: inherit;
    width: 25%;

    &.Mandatory span.Marker {
      top: initial;
    }
  }
}

.jstree-InputField {
  font-size: 87.5% !important;

  .jstree-wholerow-ul {
    .jstree-wholerow {
      // FIXME: "initial" from base styles doesn't seem to produce the same
      // effect as for agent
      line-height: 19px;

      &:hover,
      &.jstree-wholerow-hovered {
        background-color: $primary-color !important;
      }
    }
  
    .jstree-anchor {
      line-height: 19px;

      &.jstree-hovered {
        color: #fff;
      }
    }
  }
}

p.AsteriskExplanation {
  margin: 5px 0;
}

@mixin primary-button {
  background-color: $button-primary-color;
  border: none;
  box-shadow: $button-primary-box-shadow;
  color: $button-primary-text-color;
  line-height: 1.9em;
  padding: 0.3em 1.2em;
}

@import 'customer/ckeditor';
@import 'customer/login';
@import 'customer/main';
@import 'customer/new-ticket';
@import 'customer/preferences';
@import 'customer/ticket-overview';
@import 'customer/ticket-process';
@import 'customer/ticket-search';
@import 'customer/ticket-zoom';
