/* Quill Editor Content Display Styles */
/* Ensures blockquotes, code blocks, and inline code display properly when notes are rendered */

/* Blockquote Styling */
.ql-editor blockquote,
blockquote {
    border-left: 4px solid #8b5cf6; /* Violet accent */
    margin: 1em 0;
    padding: 0.5em 1em;
    background-color: #f3f4f6; /* Light gray background */
    font-style: italic;
    color: #4b5563; /* Gray-600 */
}

/* Code Block Styling */
.ql-editor pre,
pre.ql-syntax,
pre {
    background-color: #1e293b; /* Dark slate background */
    color: #e2e8f0; /* Light text */
    padding: 1em;
    border-radius: 0.375rem; /* Rounded corners */
    overflow-x: auto;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 0.875em;
    line-height: 1.5;
    margin: 1em 0;
}

/* Inline Code Styling */
.ql-editor code,
code {
    background-color: #f1f5f9; /* Light slate background */
    color: #be185d; /* Pink-700 */
    padding: 0.125em 0.375em;
    border-radius: 0.25rem;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
    font-size: 0.875em;
}

/* Override for code inside pre (code blocks) - don't double-style */
.ql-editor pre code,
pre.ql-syntax code,
pre code {
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-radius: 0;
}

/* Ensure proper spacing between elements */
.ql-editor p + blockquote,
.ql-editor blockquote + p,
.ql-editor p + pre,
.ql-editor pre + p {
    margin-top: 1em;
}

/* Fix for lists inside blockquotes */
.ql-editor blockquote ul,
.ql-editor blockquote ol,
blockquote ul,
blockquote ol {
    margin-left: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Fix double bullets issue - override prose's default ::marker pseudo-element */
.prose ul,
.ql-editor ul,
.rich-content ul {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.5em;
    margin-left: 0;
}

.prose ul li,
.ql-editor ul li,
.rich-content ul li {
    display: list-item;
    padding-left: 0;
}

/* Remove any ::before pseudo-elements that might add extra bullets */
.prose ul li::before,
.ql-editor ul li::before,
.rich-content ul li::before {
    content: none !important;
}

/* Nested lists should use different markers */
.prose ul ul,
.ql-editor ul ul,
.rich-content ul ul {
    list-style-type: circle;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}