/* ==========================================================================
   UXD Hero Eyebrow Widget
   Default styling matches the Custom Flag Company design.
   All defaults live here — Elementor controls override on demand.
   ========================================================================== */

.uxdwfe-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(90deg, rgba(192,57,43,.08), rgba(13,27,64,.05));
    border: 1px solid rgba(192,57,43,.18);
    border-radius: 999px;
    padding: 6px 16px 6px 8px;
    font-size: .78rem;
    font-weight: 700;
    color: #0d1b40;
    letter-spacing: .08em;
    text-transform: uppercase;
    line-height: 1.3;
}

.uxdwfe-eyebrow-pill {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    white-space: nowrap;
}