/* 
* Mobile list fixes - Direct and forceful approach for numbered lists and bullets
* Adding !important to override everything else - 2025-04-27
*/

/* Apply these styles only on mobile devices */
@media (max-width: 767.98px) {
    /* General list styles */
    .post-content ul {
        list-style-type: disc !important;
        list-style-position: outside !important;
        padding-left: 30px !important;
        margin: 10px 0 !important;
        display: block !important;
    }
    
    .post-content ol {
        list-style-type: decimal !important;
        list-style-position: outside !important;
        padding-left: 30px !important;
        margin: 10px 0 !important;
        display: block !important;
    }
    
    /* Individual list items */
    .post-content ul > li {
        display: list-item !important;
        list-style-type: disc !important;
        list-style-position: outside !important;
        visibility: visible !important;
        margin: 5px 0 !important;
    }
    
    .post-content ol > li {
        display: list-item !important;
        list-style-type: decimal !important;
        list-style-position: outside !important;
        visibility: visible !important;
        margin: 5px 0 !important;
    }
    
    /* Card body styling */
    .card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Override any potential CSS that might be causing the issue */
    .post-content {
        /* Remove this if we don't want to affect padding for all post content */
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Remove any styles that might be interfering with list display */
    .post-content p,
    .post-content a,
    .post-content span,
    .post-content div,
    .post-content code,
    .post-content pre {
        max-width: 100% !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word !important;
        word-break: break-word !important;
    }
}