/* Custom Quill Editor Styling */
.ql-toolbar {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-bottom: none;
    border-radius: 0.375rem 0.375rem 0 0;
}

.ql-container {
    border: 1px solid #dee2e6;
    border-radius: 0 0 0.375rem 0.375rem;
    font-family: inherit;
}

.ql-editor {
    min-height: 100px;
    font-size: 1rem;
}

.ql-editor.ql-blank::before {
    color: #6c757d;
    font-style: normal;
}

/* Make Quill editor work well in Bootstrap */
.ql-snow .ql-stroke {
    stroke: #495057;
}

.ql-snow .ql-fill {
    fill: #495057;
}

.ql-snow .ql-picker-label {
    color: #495057;
}

/* Active state colors */
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active {
    color: #0d6efd;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke {
    stroke: #0d6efd;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill {
    fill: #0d6efd;
}