/**
 * Media & Text Block Styles
 * 
 * Custom list styling with TBS FontAwesome icon
 */

/* TBS List Style - Remove default bullets and add custom icon */
.tbs-list-style ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.tbs-list-style ul li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 0.75rem;
}

.tbs-list-style ul li:last-child {
    margin-bottom: 0;
}

.tbs-list-style ul li::before {
    font-family: 'Font Awesome Kit';
    content: '\e000'; /* fa-kit fa-tbs icon Unicode - update this with the correct code from your FontAwesome Kit */
    position: absolute;
    left: 0;
    top: 0.125rem;
    font-size: 1rem;
    line-height: 1.5;
    /* To find the correct Unicode:
       1. Go to your FontAwesome Kit settings
       2. Find the fa-tbs icon
       3. Copy the Unicode value (e.g., \e001)
       4. Replace the content value above
    */
}

/* Category Color Variants */
.tbs-list-brand ul li::before {
    color: #00ADEF;
}

.tbs-list-pink ul li::before {
    color: #E50058;
}

.tbs-list-gold ul li::before {
    color: #FFC130;
}

.tbs-list-aqua ul li::before {
    color: #23E8BF;
}

.tbs-list-green ul li::before {
    color: #80D261;
}

.tbs-list-dark ul li::before {
    color: #1B2633;
}

/* Nested lists */
.tbs-list-style ul ul {
    margin-top: 0.75rem;
    margin-left: 1.5rem;
}

.tbs-list-style ul ul li {
    margin-bottom: 0.5rem;
}