/* ─────────────────────────────────────────────────────────────────────
   bdc_post_byline — compact author + date + reviewer meta line.

   Designed to sit in the same meta-row flex container as
   `bdc_reading_time` and `bdc_share_buttons`. Same font sizing as
   reading-time so the row reads as a single visual band, not three
   different-looking widgets pasted next to each other.
   ───────────────────────────────────────────────────────────────────── */

.bdc-post-byline {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 8px;
    font: 400 14px/1.4 -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--bdc-ink-3, #6b6b68);
}

/* When the byline is used as a widget inside a flex row (like our
   meta-band container), the parent's flex layout centers the widget
   itself. This rule makes the byline's OWN internal text center too
   when it wraps onto multiple lines on narrow viewports. */
.elementor-widget-bdc_post_byline .bdc-post-byline {
    text-align: center;
}

.bdc-post-byline__label {
    color: var(--bdc-ink-3, #6b6b68);
    font-weight: 400;
}

.bdc-post-byline__name,
.bdc-post-byline__date {
    color: var(--bdc-ink-2, #4a4a48);
    font-weight: 600;
    white-space: nowrap;
}

/* Explicit color on the link — some themes ship a global `a:hover`
   that fades the text to a light grey / white that vanishes against
   our light byline background. Overriding on both link and hover
   with the sage tokens keeps the name visible + adds a clear
   affordance (underline appears + text darkens a touch). Extra
   `.bdc-v3` prefix in the hover selector bumps specificity so the
   theme's global `a:hover` can't win. */
.bdc-post-byline__name--link,
.bdc-v3 .bdc-post-byline__name--link {
    color: var(--bdc-sage, #3d5844);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 150ms ease, border-color 150ms ease;
}
.bdc-post-byline__name--link:hover,
.bdc-post-byline__name--link:focus,
.bdc-v3 .bdc-post-byline__name--link:hover,
.bdc-v3 .bdc-post-byline__name--link:focus {
    color: var(--bdc-sage-2, #1f3f33);       /* darker sage for hover contrast */
    border-bottom-color: var(--bdc-sage-2, #1f3f33);
}

.bdc-post-byline__author,
.bdc-post-byline__reviewer {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
}

.bdc-post-byline__sep {
    color: var(--bdc-ink-5, #b8b8b3);
    padding: 0 2px;
    user-select: none;
}

/* Under .bdc-v3 specificity bump — theme paragraph styles otherwise
   inherit a larger line-height that breaks the meta row alignment. */
.bdc-v3 .bdc-post-byline { line-height: 1.4; }