@import "../../../themes/core/colors";
@import "../../../themes/core/typography";

.qms-rich-text {
  .ck.ck-editor__editable {
    min-height: 102px;
    background-color: black(0.04);


    &:not(.ck-focused):hover {
      background-color: black(0.08);
      border-bottom: 2px solid black(0.38);
    }
  }

  .ck-placeholder {
    font-size: 1rem;
    font-weight: 600;
    color: black(0.6);
  }

  .ck-disabled {
    .ck.ck-toolbar,
    .ck.ck-editor__main > .ck-editor__editable {
      background-color: #e4e4e4;
      pointer-events: none;
    }

    .ck-button {
      pointer-events: none;
    }
  }

  .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    &:focus {
      border-radius: 4px;
    }
  }

  .ck.ck-editor__editable {
    &:not(.ck-editor__nested-editable).ck-focused {
      border: 1px solid #c4c4c4;
      border-bottom: 2px solid $primary;
      border-radius: 4px;
      box-shadow: none;
      background-color: black(0.08);
    }
  }

  .ck.ck-toolbar {
    box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.2);
  }
}
