/*
 * Glomavis Teambeheer - dynamische paginakop (shortcode + Elementor-widget).
 * Kleuren komen uit glomavis-teambeheer-theme.css. Elementor-stijlcontrols
 * blijven werken en overschrijven deze regels, omdat ze inline worden gezet.
 */

.gem-teambeheer-context-header {
    --gem-header-gap: 14px;
    display: flex;
    flex-direction: column;
    gap: var(--gem-header-gap);
    width: 100%;
    font-family: var(--gem-tb-font, inherit);
}

.gem-teambeheer-context-header > * {
    margin: 0;
}

.gem-teambeheer-context-header__eyebrow {
    font-size: var(--gem-tb-size-meta, 0.8125rem);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.35;
    text-transform: uppercase;
    color: var(--gem-tb-hero-eyebrow, inherit);
}

.gem-teambeheer-context-header__title {
    font-family: var(--gem-tb-font-heading, inherit);
    font-size: var(--gem-tb-size-title, inherit);
    letter-spacing: -0.02em;
    line-height: 1.1;
    color: inherit;
    text-wrap: balance;
}

.gem-teambeheer-context-header__description {
    color: var(--gem-tb-muted, inherit);
    max-width: 62ch;
}