/* --- public/css/custom.css (Final mit allen Summernote-Fixes V2) --- */

/* Haupt-Editor-Bereich */
.note-editing-area .note-editable {
  background-color: #222529;
  color: #adb5bd;
}

/* Toolbar (Werkzeugleiste) */
.note-toolbar {
  background-color: #30343a;
  border-bottom: 1px solid #495057 !important;
}

/* Buttons in der Toolbar */
.note-btn {
  color: #dee2e6;
  background-color: transparent;
}

/* Button-Zustände (wenn man darüber fährt oder klickt) */
.note-btn:hover, .note-btn:focus, .note-btn:active, .note-btn.active {
  color: #fff;
  background-color: #495057;
}

/* Dropdown-Menüs (z.B. für Schriftgröße) */
.note-dropdown-menu {
  background-color: #30343a;
  border-color: #495057;
}

/* Textfarbe in allen Dropdown-Menüs */
.note-dropdown-menu .dropdown-item,
.note-style h1, .note-style h2, .note-style h3, .note-style h4, .note-style h5, .note-style h6,
.note-style p {
    color: #dee2e6 !important;
}

.note-dropdown-menu .dropdown-item:hover {
  background-color: #495057;
}


/* --- KORRIGIERTE ANPASSUNGEN FÜR MODALS/POP-UPS --- */

/* Das Overlay (der halb-transparente Hintergrund) */
.note-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Der Modal-Container (für die Zentrierung) */
.note-modal.show, .note-modal.open {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Der eigentliche Modal-Dialog */
.note-modal-content {
    background-color: var(--bs-card-bg) !important; /* Nutze die Standard-Karten-Hintergrundfarbe */
    color: var(--bs-body-color) !important; /* Nutze die Standard-Textfarbe */
}

/* Header, Body und Footer im Modal */
.note-modal-content .note-modal-header,
.note-modal-content .note-modal-body,
.note-modal-content .note-modal-footer {
    background-color: transparent;
    color: inherit;
    border-color: var(--bs-border-color-translucent);
}

/* Beschriftungen (Labels) innerhalb des Modals */
.note-modal-content .note-form-label {
    color: var(--bs-body-color);
}

/* Eingabefelder innerhalb des Modals */
.note-modal-content .note-input {
    background-color: var(--bs-body-bg); /* Nutze die Standard-Hintergrundfarbe */
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}
.note-modal-content .note-input:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Checkbox-Text */
.note-modal-content .checkbox label {
    color: var(--bs-body-color);
}


/* Farbe des Trenners in der Toolbar */
.note-btn-group .note-btn-group-divider {
    background-color: #495057;
}

/* Code-Ansicht anpassen */
.note-codable {
    background-color: #222529 !important;
    color: #dee2e6 !important;
}
.note-modal-title {
    color: var(--bs-body-color);
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
}