//
// Form editors.scss
//

// Tinymce 

.tox-tinymce {
    border: 2px solid $gray-300 !important;
}

.tox {
    .tox-statusbar {
        border-top: 1px solid $gray-300 !important;
    }

    .tox-menubar,
    .tox-edit-area__iframe,
    .tox-statusbar {
        background-color: $card-bg !important;
        background: none !important;
    }

    .tox-mbtn {
        color: $gray-700 !important;

        &:hover:not(:disabled):not(.tox-mbtn--active) {
            background-color: $gray-300 !important;
        }
    }

    .tox-tbtn {
        &:hover {
            background-color: $gray-300 !important;
        }
    }

    .tox-toolbar__primary {
        border-color: $gray-300 !important;
    }

    .tox-toolbar,
    .tox-toolbar__overflow,
    .tox-toolbar__primary {
        background: $gray-300 !important;
    }

    .tox-tbtn {
        color: $gray-700 !important;

        svg {
            fill: $gray-700 !important;
        }
    }

    .tox-edit-area__iframe {
        background-color: $card-bg !important;
    }

    .tox-statusbar a,
    .tox-statusbar__path-item,
    .tox-statusbar__wordcount {
        color: $gray-700 !important;
    }

    &:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
        border-right: 1px solid darken($gray-300, 5%) !important;
    }
}
.tox-tinymce-aux {
    z-index: 1000 !important;
}
