/**
 * List Icon Markers Styles
 *
 * Simple positioning for inline SVG icons in list items.
 *
 * @package FSE_Starter_2025
 * @since   0.6.0
 */

/* Hide default list markers */
ul.has-icon-marker,
ol.has-icon-marker {
    list-style: none;
    padding-left: 0;
}

/* List item spacing */
ul.has-icon-marker > li,
ol.has-icon-marker > li {
    position: relative;
    padding-left: 3.2rem;
    margin-bottom: 0.8rem;
}

/* Position inline SVG icon */
ul.has-icon-marker > li > .list-marker-icon,
ol.has-icon-marker > li > .list-marker-icon {
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 2rem;
    height: 2rem;
    display: inline-block;
    color: var(--list-marker-color, currentColor);
}

/* Editor-specific styles */
.editor-styles-wrapper ul.has-icon-marker,
.editor-styles-wrapper ol.has-icon-marker {
    list-style: none;
}

.editor-styles-wrapper ul.has-icon-marker > li,
.editor-styles-wrapper ol.has-icon-marker > li {
    position: relative;
    padding-left: 3.2rem;
}

/* Nested lists - restore default markers */
ul.has-icon-marker ul:not(.has-icon-marker),
ol.has-icon-marker ol:not(.has-icon-marker) {
    list-style: disc;
    padding-left: 2rem;
    margin-top: 0.8rem;
}

ul.has-icon-marker ul:not(.has-icon-marker) > li,
ol.has-icon-marker ol:not(.has-icon-marker) > li {
    padding-left: 0;
}