/* Rich Editor List Styles for Frontend Display */

/* Base ordered list styles - Scoped to rich-editor-content */
.rich-editor-content ol {
    list-style-position: outside !important;
    padding-left: 2.5rem !important;
    margin-left: 0 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.rich-editor-content ol li {
    display: list-item !important;
    padding-left: 0.5rem !important;
}

/* Remove paragraph margins inside list items */
.rich-editor-content ol li > p {
    display: inline !important;
    margin: 0 !important;
}

/* Numeric (1, 2, 3) - Use direct child selector */
.rich-editor-content ol[type="1"],
.rich-editor-content ol:not([type]) {
    list-style-type: decimal !important;
}

.rich-editor-content ol[type="1"] > li,
.rich-editor-content ol:not([type]) > li {
    list-style-type: inherit !important;
}

/* Alphabetical uppercase (A, B, C) - Use direct child selector */
.rich-editor-content ol[type="A"] {
    list-style-type: upper-alpha !important;
}

.rich-editor-content ol[type="A"] > li {
    list-style-type: inherit !important;
}

/* Alphabetical lowercase (a, b, c) - Use direct child selector */
.rich-editor-content ol[type="a"] {
    list-style-type: lower-alpha !important;
}

.rich-editor-content ol[type="a"] > li {
    list-style-type: inherit !important;
}

/* Roman numerals lowercase (i, ii, iii) - Use direct child selector */
.rich-editor-content ol[type="i"] {
    list-style-type: lower-roman !important;
}

.rich-editor-content ol[type="i"] > li {
    list-style-type: inherit !important;
}

/* Roman numerals uppercase (I, II, III) - Use direct child selector */
.rich-editor-content ol[type="I"] {
    list-style-type: upper-roman !important;
}

.rich-editor-content ol[type="I"] > li {
    list-style-type: inherit !important;
}