/*
    SpringFire overrides for summernote-lite 0.8.18 — ONE stylesheet for every host that loads the
    editor (ProviderAdmin, Bookings, Landing). Link it AFTER the host's Bootstrap/theme CSS; never
    edit the vendor summernote-lite.css.
*/

/* One caret per dropdown. summernote-lite draws its own (.note-icon-caret) and also gives its
   dropdown buttons the class .dropdown-toggle, which Bootstrap 5 decorates with a second ::after
   triangle — the "double arrow" on style / font / size / colour, and the colour toggle's arrow
   overflowing its 20px button. */
.note-editor .note-btn.dropdown-toggle::after,
.note-popover .note-btn.dropdown-toggle::after {
    display: none;
}

/* The editing area's default font. Deliberately NOT forced on descendants: a font the author picks
   must show in the editor exactly as recipients will see it. */
.note-editor .note-editable {
    font-family: Arial, sans-serif;
}

/* Dark mode: the chrome follows the theme; the writing area stays a white page with dark text,
   because the email (or form answer) it produces is read on white — light-on-dark text in the
   editor would not be what anyone sees. */
[data-bs-theme=dark] .note-editor.note-frame,
[data-bs-theme=dark] .note-editor .note-toolbar,
[data-bs-theme=dark] .note-editor .note-statusbar {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .note-editor .note-btn {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .note-editor .note-btn:hover,
[data-bs-theme=dark] .note-editor .note-btn.active,
[data-bs-theme=dark] .note-editor .note-dropdown-item:hover {
    background-color: var(--bs-secondary-bg);
    color: var(--bs-body-color);
}

[data-bs-theme=dark] .note-editor .note-dropdown-menu,
[data-bs-theme=dark] .note-editor .note-modal-content {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .note-editor .note-dropdown-item,
[data-bs-theme=dark] .note-editor .note-form-label,
[data-bs-theme=dark] .note-editor .note-modal-title {
    color: var(--bs-body-color);
}

/* The link and image dialogs' text inputs. */
[data-bs-theme=dark] .note-editor .note-input {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme=dark] .note-editor .note-editing-area .note-editable {
    background-color: #fff;
    color: #212529;
}