@use '../config' as *;

.tox-hugerte {
  font-family: var(--font-sans-serif) !important;
  border: var(--border-width) var(--border-style) var(--border-color) !important;
  @include border-radius($border-radius);
}

.tox-toolbar__group {
  padding: 0 0.5rem;
}

.tox .tox-toolbar__primary {
  background: transparent !important;
}

.tox:not(.tox-hugerte-inline) {
  .tox-editor-header {
    padding: 0 !important;
    border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
    box-shadow: none !important;
  }
}

.tox-tbtn {
  margin: 0 !important;
  background: var(--bg-surface) !important;

  &:hover,
  &.tox-tbtn--enabled {
    background: var(--bg-surface-secondary) !important;
  }
}

.tox-edit-area {
  &::before {
    border: none !important;
  }
}

.tox-statusbar {
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}

.tox .tox-toolbar-overlord,
.tox:not(.tox-hugerte-inline) .tox-editor-header {
  background: transparent !important;
}