/* Dark theme for Quill editor */

/* Toolbar styling */
.dark .ql-toolbar.ql-snow {
    background-color: #1e3a5f !important;
    border-color: #2a5792 !important;
}

/* Editor container styling */
.dark .ql-container.ql-snow {
    background-color: #2c2c2c !important;
    border-color: #2a5792 !important;
}

/* Editor text color */
.dark .ql-editor {
    color: #e0e0e0 !important;
}

/* Placeholder styling */
.dark .ql-editor.ql-blank::before {
    color: #909090 !important;
}

/* Toolbar icons - strokes */
.dark .ql-snow .ql-stroke {
    stroke: #e0e0e0 !important;
}

/* Toolbar icons - fills */
.dark .ql-snow .ql-fill,
.dark .ql-snow .ql-stroke.ql-fill {
    fill: #e0e0e0 !important;
}

/* Toolbar picker dropdown */
.dark .ql-snow .ql-picker {
    color: #e0e0e0 !important;
}

/* Active/hover states for buttons */
.dark .ql-snow.ql-toolbar button:hover,
.dark .ql-snow .ql-toolbar button:hover,
.dark .ql-snow.ql-toolbar button.ql-active,
.dark .ql-snow .ql-toolbar button.ql-active,
.dark .ql-snow.ql-toolbar .ql-picker-label:hover,
.dark .ql-snow .ql-toolbar .ql-picker-label:hover,
.dark .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.dark .ql-snow .ql-toolbar .ql-picker-label.ql-active {
    color: #2a5792 !important;
}

/* Dropdown options */
.dark .ql-snow .ql-picker-options {
    background-color: #1e2124 !important;
    border-color: #2a5792 !important;
}

/* Tooltip styling */
.dark .ql-snow .ql-tooltip {
    background-color: #1e2124 !important;
    border-color: #2a5792 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 0 5px #000 !important;
}

/* Tooltip input */
.dark .ql-snow .ql-tooltip input[type=text] {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

/* Links in the editor */
.dark .ql-snow a {
    color: #3a67a2 !important;
}

/* Code blocks in the editor */
.dark .ql-snow .ql-editor pre.ql-syntax {
    background-color: #1e2124 !important;
    color: #e0e0e0 !important;
    border-color: #2a5792 !important;
}

/* Hover states for active buttons */
.dark .ql-snow.ql-toolbar button:hover .ql-stroke,
.dark .ql-snow .ql-toolbar button:hover .ql-stroke,
.dark .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.dark .ql-snow .ql-toolbar button.ql-active .ql-stroke {
    stroke: #2a5792 !important;
}

/* Hover states for fill icons */
.dark .ql-snow.ql-toolbar button:hover .ql-fill,
.dark .ql-snow .ql-toolbar button:hover .ql-fill,
.dark .ql-snow.ql-toolbar button.ql-active .ql-fill,
.dark .ql-snow .ql-toolbar button.ql-active .ql-fill {
    fill: #2a5792 !important;
}