/* Lista styles for static pages content - matching CKEditor5 appearance */
/* Target the specific div with text-dark class that contains the flatpage content */
.text-dark ul {
    list-style-type: disc !important;
    margin: 0.5em 0 !important;
    padding-left: 2.5em !important;
    display: block !important;
}

.text-dark ol {
    list-style-type: decimal !important;
    margin: 0.5em 0 !important;
    padding-left: 2.5em !important;
    display: block !important;
}

.text-dark li {
    margin: 0.25em 0 !important;
    line-height: 1.6 !important;
    display: list-item !important;
}

.text-dark ul ul {
    list-style-type: circle !important;
    margin: 0.25em 0 !important;
}

.text-dark ul ul ul {
    list-style-type: square !important;
}

.text-dark ol ol {
    list-style-type: lower-alpha !important;
    margin: 0.25em 0 !important;
}

.text-dark ol ol ol {
    list-style-type: lower-roman !important;
}

/* Override Tailwind prose classes if they exist */
.prose ul, .prose ol {
    list-style-type: revert !important;
    padding-left: 2.5em !important;
    margin: 0.5em 0 !important;
}

.prose li {
    display: list-item !important;
    margin: 0.25em 0 !important;
}

/* Ensure list markers are visible */
.prose ul > li::marker,
.text-dark ul > li::marker {
    color: var(--accent-color);
}

.prose ol > li::marker,
.text-dark ol > li::marker {
    color: var(--accent-color);
}

/* Paragraph spacing to match CKEditor5 admin view */
.text-dark p {
    margin: 0.5em 0 !important;
}

.prose p {
    margin: 0.5em 0 !important;
}