/**
 * WordPress Doc Post Magic Frontend Styles
 */

.wp-doc-post-magic-content ul,
.wp-doc-post-magic-content ol {
    list-style-type: none !important; /* Force remove default bullets */
    padding-left: 0; /* Removed fixed padding */
    margin: 1em 0;
}

.wp-doc-post-magic-content li {
    list-style-type: none !important; /* Ensure no default bullets */
    margin: 0.5em 0;
    padding: 0 0 0 2.5em; /* Ensure minimum space for bullet */
    line-height: 1.6;
    display: flex; /* Use flexbox for alignment */
    align-items: baseline; /* Align bullet with text baseline */
}

.wp-doc-bullet {
    display: inline-block;
    flex-shrink: 0; /* Prevent bullet from shrinking */
    width: 1.2em;
    margin-left: -2.0em; /* Pull the bullet into the padding area */
    margin-right: 0.8em; /* Space between bullet and text */
    text-align: right; /* Align bullet to the right within its reserved space */
    font-family: 'Segoe UI Symbol', 'Arial Unicode MS', sans-serif;
    color: #333; /* Keep distinct color for testing */
    position: relative;
}

.wp-doc-bullet::before {
    content: attr(data-bullet-char);
    font-size: 0.6em; /* Further reduced default font size for bullets */
}

/* Different bullet levels with actual characters */
.wp-doc-bullet[data-level="0"]::before {
    content: '•';
    font-size: 1.2em;
}

.wp-doc-bullet[data-level="1"]::before {
    content: '○';
    font-size: 0.6em; /* Further adjusted size for circle symbol */
}

.wp-doc-bullet[data-level="2"]::before {
    content: '▪';
    font-size: 1.2em; /* Solid square */
}

.wp-doc-bullet[data-level="3"]::before {
    content: '▫';
    font-size: 1.2em; /* Open square */
}

.wp-doc-bullet[data-level="4"]::before {
    content: '▸';
    font-size: 1.2em; /* Triangle */
}