/**
 * CBEditor Styles
 */

.cbeditor-wrapper {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background: #fff;
    margin-bottom: 1rem;
}

.cbeditor-toolbar {
    border-radius: 0.375rem 0.375rem 0 0;
    z-index: 100;
}

.cbeditor-content {
    padding: 0.75rem;
    min-height: 300px;
    outline: none;
    overflow-y: auto;
    line-height: 1.6;
}

.cbeditor-content:empty:before {
    content: attr(data-placeholder);
    color: #6c757d;
    font-style: italic;
}

.cbeditor-content:focus {
    outline: none;
}

/* Heading styles in editor */
.cbeditor-content h1 { font-size: 2rem; margin: 0.5rem 0; }
.cbeditor-content h2 { font-size: 1.75rem; margin: 0.5rem 0; }
.cbeditor-content h3 { font-size: 1.5rem; margin: 0.5rem 0; }
.cbeditor-content h4 { font-size: 1.25rem; margin: 0.5rem 0; }
.cbeditor-content h5 { font-size: 1.1rem; margin: 0.5rem 0; }
.cbeditor-content h6 { font-size: 1rem; margin: 0.5rem 0; font-weight: bold; }

/* List styles */
.cbeditor-content ul,
.cbeditor-content ol {
    padding-left: 2rem;
    margin: 0.5rem 0;
}

/* Link styles */
.cbeditor-content a {
    color: #0d6efd;
    text-decoration: underline;
}

/* Image styles */
.cbeditor-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0.5rem 0;
}