/*
 * Blog Post Content Fixes - Overrides for consistency
 * Selector: .post-slide-blog.post-single (The main content container)
 * This file should be loaded *after* all other CSS files to ensure styles are applied.
 */

/* ======================================= */
/* 1. Bullet Points (List) Fixes */
/* ======================================= */

/* Ensure the unordered list (ul) uses a disc for bullets and has left padding */
.post-slide-blog.post-single ul {
    /* Re-enable the standard disc bullet point style */
    list-style-type: disc; 
    /* Add necessary padding so bullets are visible and not hidden by the container edge */
    padding-left: 20px !important; 
    /* Add vertical space below the list block */
    margin-bottom: 25px !important; 
}

/* Ensure ordered lists (ol) have their numbering */
.post-slide-blog.post-single ol {
    list-style-type: decimal;
    padding-left: 20px !important;
    margin-bottom: 25px !important;
}

/* Add space between individual list items */
.post-slide-blog.post-single ul li,
.post-slide-blog.post-single ol li {
    /* Add slight vertical margin between list items */
    margin-bottom: 8px !important;
}

/* ======================================= */
/* 2. Consistency for Spacing & Color */
/* ======================================= */

/* Standardize line height and consistent text color for all main text elements */
.post-slide-blog.post-single p,
.post-slide-blog.post-single ul li,
.post-slide-blog.post-single ol li {
    /* Set a consistent, readable line-height for both lists and paragraphs */
    line-height: 1.8 !important; 
    
    /* Standardize the font color to a dark, readable grey for consistency
       (Using !important to override potential previous styles) */
    color: #444444 !important; 
}

/* Ensure standard paragraphs have consistent bottom margin (to match list spacing) */
.post-slide-blog.post-single p {
    margin-bottom: 25px !important;
}