/**
 * Universal List & Indent Styles
 * 
 * Provides consistent bullet point, numbered list, and indentation styling
 * across all WordPress templates (pages, posts, custom templates)
 * 
 * Version: 1.0.0
 * Part of Envoys Realm Theme
 */

/* ===================================================================
   UNIVERSAL LIST CONTAINER STYLES
   Applied to all content containers across the theme
   =================================================================== */

/* Target all common content containers */
.wp-content ul,
.wp-content ol,
.page-content ul,
.page-content ol,
.page-content-generic ul,
.page-content-generic ol,
.post-content ul,
.post-content ol,
.wordpress-default-content ul,
.wordpress-default-content ol,
.entry-content ul,
.entry-content ol,
.discord-content ul,
.discord-content ol {
    margin: 0 0 1rem 0 !important;
    padding-left: 2.5rem !important;
    color: var(--discord-text) !important;
    line-height: 1.7 !important;
}

/* ===================================================================
   LIST ITEM STYLES
   =================================================================== */

/* Base list item styling */
.wp-content li,
.page-content li,
.page-content-generic li,
.post-content li,
.wordpress-default-content li,
.entry-content li,
.discord-content li {
    margin-bottom: 0.5rem !important;
    line-height: 1.7 !important;
    color: var(--discord-text) !important;
    padding-left: 0.5rem !important;
}

/* ===================================================================
   UNORDERED LIST (BULLET) STYLES
   =================================================================== */

/* Primary level bullets (disc) */
.wp-content ul li,
.page-content ul li,
.page-content-generic ul li,
.post-content ul li,
.wordpress-default-content ul li,
.entry-content ul li,
.discord-content ul li {
    list-style-type: disc !important;
    list-style-position: outside !important;
    color: var(--discord-text) !important;
}

/* Secondary level bullets (circle) */
.wp-content ul ul li,
.page-content ul ul li,
.page-content-generic ul ul li,
.post-content ul ul li,
.wordpress-default-content ul ul li,
.entry-content ul ul li,
.discord-content ul ul li {
    list-style-type: circle !important;
    color: var(--discord-text-muted) !important;
}

/* Tertiary level bullets (square) */
.wp-content ul ul ul li,
.page-content ul ul ul li,
.page-content-generic ul ul ul li,
.post-content ul ul ul li,
.wordpress-default-content ul ul ul li,
.entry-content ul ul ul li,
.discord-content ul ul ul li {
    list-style-type: square !important;
    color: var(--discord-text-dim) !important;
}

/* Fourth level and beyond (disc) */
.wp-content ul ul ul ul li,
.page-content ul ul ul ul li,
.page-content-generic ul ul ul ul li,
.post-content ul ul ul ul li,
.wordpress-default-content ul ul ul ul li,
.entry-content ul ul ul ul li,
.discord-content ul ul ul ul li {
    list-style-type: disc !important;
    opacity: 0.9;
}

/* ===================================================================
   ORDERED LIST (NUMBERED) STYLES
   =================================================================== */

/* Primary level numbering (1, 2, 3) */
.wp-content ol li,
.page-content ol li,
.page-content-generic ol li,
.post-content ol li,
.wordpress-default-content ol li,
.entry-content ol li,
.discord-content ol li {
    list-style-type: decimal !important;
    list-style-position: outside !important;
    color: var(--discord-text) !important;
}

/* Secondary level numbering (a, b, c) */
.wp-content ol ol li,
.page-content ol ol li,
.page-content-generic ol ol li,
.post-content ol ol li,
.wordpress-default-content ol ol li,
.entry-content ol ol li,
.discord-content ol ol li {
    list-style-type: lower-alpha !important;
    color: var(--discord-text-muted) !important;
}

/* Tertiary level numbering (i, ii, iii) */
.wp-content ol ol ol li,
.page-content ol ol ol li,
.page-content-generic ol ol ol li,
.post-content ol ol ol li,
.wordpress-default-content ol ol ol li,
.entry-content ol ol ol li,
.discord-content ol ol ol li {
    list-style-type: lower-roman !important;
    color: var(--discord-text-dim) !important;
}

/* Fourth level numbering (1, 2, 3) */
.wp-content ol ol ol ol li,
.page-content ol ol ol ol li,
.page-content-generic ol ol ol ol li,
.post-content ol ol ol ol li,
.wordpress-default-content ol ol ol ol li,
.entry-content ol ol ol ol li,
.discord-content ol ol ol ol li {
    list-style-type: decimal !important;
    opacity: 0.9;
}

/* ===================================================================
   MIXED NESTED LISTS (UL inside OL, OL inside UL)
   =================================================================== */

/* Mixed list indentation */
.wp-content ul ol,
.wp-content ol ul,
.page-content ul ol,
.page-content ol ul,
.page-content-generic ul ol,
.page-content-generic ol ul,
.post-content ul ol,
.post-content ol ul,
.wordpress-default-content ul ol,
.wordpress-default-content ol ul,
.entry-content ul ol,
.entry-content ol ul,
.discord-content ul ol,
.discord-content ol ul {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* ===================================================================
   NESTED LIST INDENTATION
   =================================================================== */

/* Second level indent */
.wp-content ul ul,
.wp-content ol ol,
.wp-content ul ol,
.wp-content ol ul,
.page-content ul ul,
.page-content ol ol,
.page-content ul ol,
.page-content ol ul,
.page-content-generic ul ul,
.page-content-generic ol ol,
.page-content-generic ul ol,
.page-content-generic ol ul,
.post-content ul ul,
.post-content ol ol,
.post-content ul ol,
.post-content ol ul,
.wordpress-default-content ul ul,
.wordpress-default-content ol ol,
.wordpress-default-content ul ol,
.wordpress-default-content ol ul,
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul,
.discord-content ul ul,
.discord-content ol ol,
.discord-content ul ol,
.discord-content ol ul {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    padding-left: 2rem !important;
}

/* Third level indent */
.wp-content ul ul ul,
.wp-content ol ol ol,
.page-content ul ul ul,
.page-content ol ol ol,
.page-content-generic ul ul ul,
.page-content-generic ol ol ol,
.post-content ul ul ul,
.post-content ol ol ol,
.wordpress-default-content ul ul ul,
.wordpress-default-content ol ol ol,
.entry-content ul ul ul,
.entry-content ol ol ol,
.discord-content ul ul ul,
.discord-content ol ol ol {
    padding-left: 2rem !important;
}

/* Fourth level indent */
.wp-content ul ul ul ul,
.wp-content ol ol ol ol,
.page-content ul ul ul ul,
.page-content ol ol ol ol,
.page-content-generic ul ul ul ul,
.page-content-generic ol ol ol ol,
.post-content ul ul ul ul,
.post-content ol ol ol ol,
.wordpress-default-content ul ul ul ul,
.wordpress-default-content ol ol ol ol,
.entry-content ul ul ul ul,
.entry-content ol ol ol ol,
.discord-content ul ul ul ul,
.discord-content ol ol ol ol {
    padding-left: 2rem !important;
}

/* ===================================================================
   GUTENBERG BLOCK LIST STYLES
   =================================================================== */

.wp-block-list {
    margin: 0 0 1rem 0 !important;
    padding-left: 2.5rem !important;
}

.wp-block-list li {
    margin-bottom: 0.5rem !important;
    line-height: 1.7 !important;
    color: var(--discord-text) !important;
    padding-left: 0.5rem !important;
}

.wp-block-list ul li {
    list-style-type: disc !important;
    list-style-position: outside !important;
}

.wp-block-list ol li {
    list-style-type: decimal !important;
    list-style-position: outside !important;
}

.wp-block-list ul ul li {
    list-style-type: circle !important;
    color: var(--discord-text-muted) !important;
}

.wp-block-list ol ol li {
    list-style-type: lower-alpha !important;
    color: var(--discord-text-muted) !important;
}

.wp-block-list ul ul ul li {
    list-style-type: square !important;
    color: var(--discord-text-dim) !important;
}

.wp-block-list ol ol ol li {
    list-style-type: lower-roman !important;
    color: var(--discord-text-dim) !important;
}

/* ===================================================================
   LIST VISIBILITY FIXES
   Ensures bullets and numbers are visible even with conflicting styles
   =================================================================== */

.wp-content ul,
.page-content ul,
.page-content-generic ul,
.post-content ul,
.wordpress-default-content ul,
.entry-content ul,
.discord-content ul,
.wp-content ol,
.page-content ol,
.page-content-generic ol,
.post-content ol,
.wordpress-default-content ol,
.entry-content ol,
.discord-content ol {
    list-style: inherit !important;
    display: block !important;
}

/* ===================================================================
   RESPONSIVE ADJUSTMENTS
   =================================================================== */

@media (max-width: 768px) {
    /* Reduce indentation on mobile for better readability */
    .wp-content ul,
    .wp-content ol,
    .page-content ul,
    .page-content ol,
    .page-content-generic ul,
    .page-content-generic ol,
    .post-content ul,
    .post-content ol,
    .wordpress-default-content ul,
    .wordpress-default-content ol,
    .entry-content ul,
    .entry-content ol,
    .discord-content ul,
    .discord-content ol {
        padding-left: 2rem !important;
    }
    
    /* Reduce nested list indentation on mobile */
    .wp-content ul ul,
    .wp-content ol ol,
    .wp-content ul ol,
    .wp-content ol ul,
    .page-content ul ul,
    .page-content ol ol,
    .page-content ul ol,
    .page-content ol ul,
    .page-content-generic ul ul,
    .page-content-generic ol ol,
    .page-content-generic ul ol,
    .page-content-generic ol ul,
    .post-content ul ul,
    .post-content ol ol,
    .post-content ul ol,
    .post-content ol ul,
    .wordpress-default-content ul ul,
    .wordpress-default-content ol ol,
    .wordpress-default-content ul ol,
    .wordpress-default-content ol ul,
    .entry-content ul ul,
    .entry-content ol ol,
    .entry-content ul ol,
    .entry-content ol ul,
    .discord-content ul ul,
    .discord-content ol ol,
    .discord-content ul ol,
    .discord-content ol ul {
        padding-left: 1.5rem !important;
    }
}

@media (max-width: 480px) {
    /* Further reduce indentation on very small screens */
    .wp-content ul,
    .wp-content ol,
    .page-content ul,
    .page-content ol,
    .page-content-generic ul,
    .page-content-generic ol,
    .post-content ul,
    .post-content ol,
    .wordpress-default-content ul,
    .wordpress-default-content ol,
    .entry-content ul,
    .entry-content ol,
    .discord-content ul,
    .discord-content ol {
        padding-left: 1.5rem !important;
    }
    
    .wp-content ul ul,
    .wp-content ol ol,
    .page-content ul ul,
    .page-content ol ol,
    .page-content-generic ul ul,
    .page-content-generic ol ol,
    .post-content ul ul,
    .post-content ol ol,
    .wordpress-default-content ul ul,
    .wordpress-default-content ol ol,
    .entry-content ul ul,
    .entry-content ol ol,
    .discord-content ul ul,
    .discord-content ol ol {
        padding-left: 1rem !important;
    }
}

/* ===================================================================
   THEME COLOR INTEGRATION
   Ensures lists match the dark theme aesthetic
   =================================================================== */

/* List marker colors */
.wp-content ul li::marker,
.page-content ul li::marker,
.page-content-generic ul li::marker,
.post-content ul li::marker,
.wordpress-default-content ul li::marker,
.entry-content ul li::marker,
.discord-content ul li::marker {
    color: var(--neon-red) !important;
}

.wp-content ol li::marker,
.page-content ol li::marker,
.page-content-generic ol li::marker,
.post-content ol li::marker,
.wordpress-default-content ol li::marker,
.entry-content ol li::marker,
.discord-content ol li::marker {
    color: var(--neon-blue) !important;
    font-weight: var(--font-weight-semibold) !important;
}

/* Nested list marker colors */
.wp-content ul ul li::marker,
.page-content ul ul li::marker,
.page-content-generic ul ul li::marker,
.post-content ul ul li::marker,
.wordpress-default-content ul ul li::marker,
.entry-content ul ul li::marker,
.discord-content ul ul li::marker {
    color: var(--neon-cyan) !important;
}

.wp-content ol ol li::marker,
.page-content ol ol li::marker,
.page-content-generic ol ol li::marker,
.post-content ol ol li::marker,
.wordpress-default-content ol ol li::marker,
.entry-content ol ol li::marker,
.discord-content ol ol li::marker {
    color: var(--neon-purple) !important;
}