/* Content Box */
.bkbg-content-box-wrap {
    box-sizing: border-box;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.bkbg-content-box-wrap.icon-top { flex-direction: column; }

.bkbg-cb-icon     { line-height: 1; flex-shrink: 0; margin-top: 2px; display: inline-flex; align-items: center; justify-content: center; }
.bkbg-cb-icon svg { width: 1em; height: 1em; fill: currentColor; display: block; }
.bkbg-cb-icon .dashicons { font-size: inherit; width: 1em; height: 1em; line-height: 1; }
.bkbg-cb-icon .bkbg-icon-img { width: 1em; height: 1em; object-fit: contain; }
.bkbg-cb-body-col { display: flex; flex-direction: column; gap: 8px; flex: 1; }

.bkbg-cb-header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.bkbg-cb-badge {
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bkbg-cb-title {
    font-family: var(--bkcb-title-font-family, inherit);
    font-size: var(--bkcb-title-font-size-d, var(--bkcb-title-font-size, 18px));
    font-weight: var(--bkcb-title-font-weight, 700);
    font-style: var(--bkcb-title-font-style, normal);
    text-transform: var(--bkcb-title-text-transform, none);
    text-decoration: var(--bkcb-title-text-decoration, none);
    line-height: var(--bkcb-title-line-height-d, var(--bkcb-title-line-height, 1.3));
    letter-spacing: var(--bkcb-title-letter-spacing-d, var(--bkcb-title-letter-spacing, normal));
    word-spacing: var(--bkcb-title-word-spacing-d, var(--bkcb-title-word-spacing, normal));
}
.bkbg-cb-text {
    font-family: var(--bkcb-body-font-family, inherit);
    font-size: var(--bkcb-body-font-size-d, var(--bkcb-body-font-size, 16px));
    font-weight: var(--bkcb-body-font-weight, 400);
    font-style: var(--bkcb-body-font-style, normal);
    text-transform: var(--bkcb-body-text-transform, none);
    text-decoration: var(--bkcb-body-text-decoration, none);
    line-height: var(--bkcb-body-line-height-d, var(--bkcb-body-line-height, 1.65));
    letter-spacing: var(--bkcb-body-letter-spacing-d, var(--bkcb-body-letter-spacing, normal));
    word-spacing: var(--bkcb-body-word-spacing-d, var(--bkcb-body-word-spacing, normal));
    margin: 0;
}

/* Border position utilities */
.bkbg-cb-border-left   { border-left-style: solid; }
.bkbg-cb-border-top    { border-top-style: solid; }
.bkbg-cb-border-all    { border-style: solid; }

/* Responsive typography */
@media (max-width: 1024px) {
    .bkbg-cb-title {
        font-size: var(--bkcb-title-font-size-t, var(--bkcb-title-font-size-d, var(--bkcb-title-font-size, 18px)));
        line-height: var(--bkcb-title-line-height-t, var(--bkcb-title-line-height-d, var(--bkcb-title-line-height, 1.3)));
        letter-spacing: var(--bkcb-title-letter-spacing-t, var(--bkcb-title-letter-spacing-d, var(--bkcb-title-letter-spacing, normal)));
        word-spacing: var(--bkcb-title-word-spacing-t, var(--bkcb-title-word-spacing-d, var(--bkcb-title-word-spacing, normal)));
    }
    .bkbg-cb-text {
        font-size: var(--bkcb-body-font-size-t, var(--bkcb-body-font-size-d, var(--bkcb-body-font-size, 16px)));
        line-height: var(--bkcb-body-line-height-t, var(--bkcb-body-line-height-d, var(--bkcb-body-line-height, 1.65)));
        letter-spacing: var(--bkcb-body-letter-spacing-t, var(--bkcb-body-letter-spacing-d, var(--bkcb-body-letter-spacing, normal)));
        word-spacing: var(--bkcb-body-word-spacing-t, var(--bkcb-body-word-spacing-d, var(--bkcb-body-word-spacing, normal)));
    }
}
@media (max-width: 767px) {
    .bkbg-cb-title {
        font-size: var(--bkcb-title-font-size-m, var(--bkcb-title-font-size-t, var(--bkcb-title-font-size-d, var(--bkcb-title-font-size, 18px))));
        line-height: var(--bkcb-title-line-height-m, var(--bkcb-title-line-height-t, var(--bkcb-title-line-height-d, var(--bkcb-title-line-height, 1.3))));
        letter-spacing: var(--bkcb-title-letter-spacing-m, var(--bkcb-title-letter-spacing-t, var(--bkcb-title-letter-spacing-d, var(--bkcb-title-letter-spacing, normal))));
        word-spacing: var(--bkcb-title-word-spacing-m, var(--bkcb-title-word-spacing-t, var(--bkcb-title-word-spacing-d, var(--bkcb-title-word-spacing, normal))));
    }
    .bkbg-cb-text {
        font-size: var(--bkcb-body-font-size-m, var(--bkcb-body-font-size-t, var(--bkcb-body-font-size-d, var(--bkcb-body-font-size, 16px))));
        line-height: var(--bkcb-body-line-height-m, var(--bkcb-body-line-height-t, var(--bkcb-body-line-height-d, var(--bkcb-body-line-height, 1.65))));
        letter-spacing: var(--bkcb-body-letter-spacing-m, var(--bkcb-body-letter-spacing-t, var(--bkcb-body-letter-spacing-d, var(--bkcb-body-letter-spacing, normal))));
        word-spacing: var(--bkcb-body-word-spacing-m, var(--bkcb-body-word-spacing-t, var(--bkcb-body-word-spacing-d, var(--bkcb-body-word-spacing, normal))));
    }
}