/* Backend fixes for RTE validation */

/* Add an invalid icon before the legend for required RTE fields */
.form-group.has-error fieldset > legend.form-legend::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-color: rgb(200, 60, 60);
    mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='currentColor'%3e%3cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7z'/%3e%3ccircle cx='8' cy='11' r='1'/%3e%3cpath d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55L8.5 9z'/%3e%3c/g%3e%3c/svg%3e")
        center / contain no-repeat;
}

/* Add a red border around the visible CKEditor area */
.formengine-validation-marker.has-error typo3-rte-ckeditor-ckeditor5 .ck.ck-editor,
.form-group.has-error typo3-rte-ckeditor-ckeditor5 .ck.ck-editor,
.formengine-field-item.has-error typo3-rte-ckeditor-ckeditor5 .ck.ck-editor {
    border-radius: var(--bs-border-radius);
    box-shadow: 0 0 0 0.25rem rgba(200, 60, 60, 0.15);
    overflow: hidden;
}