.mbr-ticker {
    display: inline-flex;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
    font: inherit;
    line-height: 1.35;
    color: #ffffff !important;
}

.mbr-status,
.mbr-rate {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    color: #ffffff !important;
}

/* Keep the normal ticker text white even when the active theme/header
   applies muted text colors to spans or strong tags. */
.mbr-ticker .mbr-live-label,
.mbr-ticker .mbr-label,
.mbr-ticker .mbr-unit {
    color: #ffffff !important;
    opacity: 1 !important;
}

.mbr-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #35c84a !important;
    display: inline-block;
    opacity: 1 !important;
}

/* Match the requested design: only the currency + rate are yellow. */
.mbr-ticker .mbr-rate strong {
    color: #ffd33d !important;
    font-weight: 700;
    opacity: 1 !important;
}
