// TinyMCE

.editor {

  .toggle-editor {
    margin-top: 1rem;
  }

  .mce-tinymce {
    border: 1px solid var(--template-bg-dark);
  }

  .mce-btn,
  .mce-panel {
    background: var(--white-offset);
  }
}

.tox-fullscreen {
  z-index: $zindex-modal-backdrop - 1 !important;
}

.container-main {
  .mce-panel {
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .mce-top-part {
    margin-bottom: 1rem;

    &::before {
      box-shadow: none;
    }
  }

  .mce-menubar .mce-menubtn {
    background-color: $white;
  }

  .mce-flow-layout-item {
    margin: 2px 8px 2px 0;
  }

  .mce-btn-group {

    &:not(:first-child) {
      margin-right: 6px;
      margin-left: 0;
    }

    .mce-btn {
      margin: 0 1px 0 0;
    }

  }

  .mce-statusbar .mce-container-body {
    background-color: $white;
    border-top: var(--template-bg-light) 1px solid;
  }
}

// Add a toolbar separator for the groups
.tox-toolbar__group:not(:last-of-type) {
  border-inline-end: 1px solid var(--border-color) !important;
}

// Adjust the border radius for the editor
.tox-tinymce {
  border-radius: 0 !important;
}