/* NetTaverna Custom Quill Dark Theme */
/* This file provides proper dark mode styling for Quill editors */

/* Dark mode toolbar styling */
.forum-editor-container.dark .ql-toolbar,
.dark .forum-editor-container .ql-toolbar,
html.dark .forum-editor-container .ql-toolbar,
body .forum-editor-container.dark .ql-toolbar {
    background-color: #374151 !important;
    border-color: #6b7280 !important;
}

/* Dark mode toolbar icons - ultra high specificity to override Quill's default #444 stroke */
html body .dark .forum-editor-container.dark .ql-snow .ql-toolbar .ql-stroke,
html body .forum-editor-container.dark .ql-snow .ql-toolbar .ql-stroke,
html body .dark .forum-editor-container .ql-snow .ql-stroke,
html body .forum-editor-container.dark .ql-snow .ql-stroke,
html body .forum-editor-container.dark .ql-toolbar .ql-stroke,
.forum-editor-container.dark .ql-snow .ql-toolbar button .ql-stroke,
.forum-editor-container.dark .ql-snow .ql-toolbar .ql-formats .ql-stroke {
    stroke: #ffffff !important;
}

html body .dark .forum-editor-container.dark .ql-snow .ql-toolbar .ql-fill,
html body .forum-editor-container.dark .ql-snow .ql-toolbar .ql-fill,
html body .dark .forum-editor-container .ql-snow .ql-fill,
html body .forum-editor-container.dark .ql-snow .ql-fill,
html body .forum-editor-container.dark .ql-toolbar .ql-fill,
.forum-editor-container.dark .ql-snow .ql-toolbar button .ql-fill,
.forum-editor-container.dark .ql-snow .ql-toolbar .ql-formats .ql-fill {
    fill: #ffffff !important;
}

/* Light mode - ensure icons stay dark (override only when NOT in dark mode) */
.forum-editor-container:not(.dark) .ql-snow .ql-stroke,
.forum-editor-container.light .ql-snow .ql-stroke {
    stroke: #444444 !important;
}

.forum-editor-container:not(.dark) .ql-snow .ql-fill,
.forum-editor-container.light .ql-snow .ql-fill {
    fill: #444444 !important;
}

/* Dark mode container */
.forum-editor-container.dark {
    background-color: #374151 !important;
    border: 1px solid #6b7280 !important;
}

/* Dark mode editor content area */
.forum-editor-container.dark .ql-editor {
    background-color: #374151 !important;
    color: #f3f4f6 !important;
    border-color: #6b7280 !important;
}

/* Dark mode placeholder text */
.forum-editor-container.dark .ql-editor.ql-blank::before {
    color: #9ca3af !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    pointer-events: none !important;
    z-index: 1 !important;
    font-style: italic !important;
}

/* Light mode placeholder text positioning */
.forum-editor-container:not(.dark) .ql-editor.ql-blank::before,
.forum-editor-container.light .ql-editor.ql-blank::before {
    color: #6b7280 !important;
    position: absolute !important;
    left: 15px !important;
    top: 15px !important;
    pointer-events: none !important;
    z-index: 1 !important;
    font-style: italic !important;
}

/* Ensure editor container has relative positioning for absolute placeholder */
.forum-editor-container .ql-editor {
    position: relative !important;
}

/* Dark mode toolbar buttons - make them white for better visibility */
.forum-editor-container.dark .ql-toolbar button,
.dark .forum-editor-container .ql-toolbar button,
html.dark .forum-editor-container .ql-toolbar button,
body .forum-editor-container.dark .ql-toolbar button {
    color: #ffffff !important;
}

/* Dark mode toolbar button hover states */
.forum-editor-container.dark .ql-toolbar button:hover,
.dark .forum-editor-container .ql-toolbar button:hover,
html.dark .forum-editor-container .ql-toolbar button:hover,
body .forum-editor-container.dark .ql-toolbar button:hover {
    background-color: #4b5563 !important;
    color: #ffffff !important;
}

/* Dark mode toolbar picker labels (dropdown text) */
.forum-editor-container.dark .ql-toolbar .ql-picker-label,
.dark .forum-editor-container .ql-toolbar .ql-picker-label,
html.dark .forum-editor-container .ql-toolbar .ql-picker-label,
body .forum-editor-container.dark .ql-toolbar .ql-picker-label {
    color: #ffffff !important;
    border-color: transparent !important;
}

/* Dark mode toolbar picker hover */
.forum-editor-container.dark .ql-toolbar .ql-picker-label:hover,
.dark .forum-editor-container .ql-toolbar .ql-picker-label:hover,
html.dark .forum-editor-container .ql-toolbar .ql-picker-label:hover,
body .forum-editor-container.dark .ql-toolbar .ql-picker-label:hover {
    background-color: #4b5563 !important;
    color: #ffffff !important;
}

/* Alternative approach - target SVG elements directly */
.forum-editor-container.dark svg .ql-stroke {
    stroke: #ffffff !important;
}

.forum-editor-container.dark svg .ql-fill {
    fill: #ffffff !important;
}

/* Even more specific - target all SVG paths in dark mode */
.forum-editor-container.dark .ql-toolbar svg path,
.forum-editor-container.dark .ql-toolbar svg rect,
.forum-editor-container.dark .ql-toolbar svg circle,
.forum-editor-container.dark .ql-toolbar svg line,
.forum-editor-container.dark .ql-toolbar svg polyline,
.forum-editor-container.dark .ql-toolbar svg polygon {
    stroke: #ffffff !important;
    fill: #ffffff !important;
}