/**
 * KB Film Meta (shared)
 * Used by:
 * - Hero Teaser
 * - Week Tabs (dayplan)
 * - Film detail meta line
 */

:root {
    --kb-film-category-bg: #f07407;
    --kb-film-category-color: #ffffff;
    --kb-film-category-radius: 4px;
}

/* Category badge */
.kb-hero-teaser__category {
    display: inline-block;
    background: var(--kb-film-category-bg);
    color: var(--kb-film-category-color);

    border-radius: var(--kb-film-category-radius);
    padding: 2px 8px;

    font-weight: 600;
    font-size: 0.85em;
    line-height: 1.4;

    vertical-align: baseline;
}

/* Slight spacing so it breathes before the dot separators */
.kb-hero-teaser__category + * {
    margin-left: 0.1em;
}