/* Badges and icons */
.sd-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-color);
    color: var(--color-white);
    font-size: .7rem;
    font-weight: 700;
    border-radius: 3px;
    padding: 1px 5px;
    text-decoration: none;
    white-space: nowrap;
}

.sd-badge--adult {
    background: var(--color-danger);
    color: var(--color-white);
    font-size: .65rem;
    margin-right: .35rem;
}

/* Thread/post icons */
.sd-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: .7rem;
    color: var(--secondary-text-color);
}

.sd-icon--pin::before {
    content: '\1F4CC';
}

.sd-icon--lock::before {
    content: '\1F512';
}

.sd-icon--image::before {
    content: '\1F5BC';
}

.sd-icon--thread::before {
    content: '\1F4AC';
}

.sd-icon-pin::before {
    content: '\1F4CC';
}

/* Section headers */
.sd-section-header {
    background: var(--section-header-background);
    color: var(--section-header-text-color);
    font-size: .95rem;
    font-weight: 600;
    margin: 0;
    padding: .5rem 3rem;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

/* Badge color variants */
.sd-badge--customer {
    background: var(--badge-customer);
    color: var(--color-white);
}

.sd-badge--group {
    background: var(--badge-group);
    color: var(--color-white);
}

.sd-badge--rank {
    background: var(--accent-color);
    color: var(--accent-color-text);
}

.sd-badge--moderator {
    background: var(--badge-moderator);
    color: var(--color-white);
}

.sd-badge--admin {
    background: var(--badge-admin);
    color: var(--color-white);
}