/* Custom List Styles */

/* Remove default bullets for custom styled lists */
ul.list-style-checkmark,
ul.list-style-arrow,
ul.list-style-square,
ul.list-style-circle,
ul.list-style-none,
.editor-styles-wrapper ul.list-style-checkmark,
.editor-styles-wrapper ul.list-style-arrow,
.editor-styles-wrapper ul.list-style-square,
.editor-styles-wrapper ul.list-style-circle,
.editor-styles-wrapper ul.list-style-none {
    list-style: none;
    padding-left: 0;
}

/* List item base styles */
ul.list-style-checkmark li,
ul.list-style-arrow li,
ul.list-style-square li,
ul.list-style-circle li,
ul.list-style-none li,
.editor-styles-wrapper ul.list-style-checkmark li,
.editor-styles-wrapper ul.list-style-arrow li,
.editor-styles-wrapper ul.list-style-square li,
.editor-styles-wrapper ul.list-style-circle li,
.editor-styles-wrapper ul.list-style-none li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

/* Checkmark style */
ul.list-style-checkmark li::before,
.editor-styles-wrapper ul.list-style-checkmark li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    /* background-image is injected via PHP for correct path */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Arrow style */
ul.list-style-arrow li::before,
.editor-styles-wrapper ul.list-style-arrow li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 0;
    color: #263DC9; /* RAIC accent blue */
    font-weight: bold;
    font-size: 18px;
}

/* Square style */
ul.list-style-square li::before,
.editor-styles-wrapper ul.list-style-square li::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #263DC9; /* RAIC accent blue */
    border-radius: 2px;
}

/* Circle style */
ul.list-style-circle li::before,
.editor-styles-wrapper ul.list-style-circle li::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #263DC9; /* RAIC accent blue */
    border-radius: 50%;
}

/* None style - no bullets */
ul.list-style-none li,
.editor-styles-wrapper ul.list-style-none li {
    padding-left: 0;
}

/* Nested lists */
ul.list-style-checkmark ul,
ul.list-style-arrow ul,
ul.list-style-square ul,
ul.list-style-circle ul,
.editor-styles-wrapper ul.list-style-checkmark ul,
.editor-styles-wrapper ul.list-style-arrow ul,
.editor-styles-wrapper ul.list-style-square ul,
.editor-styles-wrapper ul.list-style-circle ul {
    margin-top: 10px;
    margin-left: 20px;
}

/* Handle ordered lists with custom styles */
ol.list-style-none,
.editor-styles-wrapper ol.list-style-none {
    list-style: none;
    padding-left: 0;
}

ol.list-style-none li,
.editor-styles-wrapper ol.list-style-none li {
    padding-left: 0;
}