/* ============================================================================
   PB Typography utilities
   Global, body-scoped helper classes that may be emitted by:
     - Block render templates (e.g. pb_f_text_image_split's pre_heading field)
     - WYSIWYG editors via the "Pre-heading" custom style format
   Keep selectors low-specificity so block-scoped overrides can adjust colour
   per section context.
   ============================================================================ */

/* Pre-heading (eyebrow) ---------------------------------------------------- */
.pre-heading {
    font-family: var(--font-body, 'Outfit', sans-serif);
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1;
    text-transform: uppercase;
    color: var(--colour-pre-heading, var(--colour-teal-mid));
    margin: 0 0 -20px 0;
    display: block;
}

/* Adapt colour on dark-background sections so the eyebrow stays legible.
   Mirrors the existing bg-* token system used across PB sections. */
.pb-section.bg-teal-dark .pre-heading,
.pb-section.bg-teal-mid .pre-heading,
.pb-section.bg-aqua .pre-heading,
.pb-section.text-white .pre-heading {
    color: rgba(247, 248, 250, 0.7);
}