/* ──────────────────────────────────────────────────────────────────
   Universal ticker click-to-blast — styling for elements decorated
   by /static/ticker.js (.sf-ticker--linked is added at runtime when
   the data-ticker value is confirmed present in /api/universe).

   Stays subtle: no big visual change to keep existing layouts intact.
   Just a hover affordance + cursor.
   ────────────────────────────────────────────────────────────────── */

[data-ticker] {
    /* Prevents Safari/Firefox from selecting text on quick double-click */
    -webkit-user-select: none;
    user-select: none;
}

.sf-ticker--linked {
    cursor: pointer;
    border-bottom: 1px dotted transparent;
    transition: border-bottom-color 0.15s ease, color 0.15s ease, text-shadow 0.15s ease;
}
.sf-ticker--linked:hover {
    border-bottom-color: currentColor;
    text-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
}
.sf-ticker--linked:active {
    opacity: 0.7;
}

/* When the ticker is rendered as a chip / button (e.g. watchlist row),
   the parent already has interactive styling — drop the underline
   so we don't double-decorate. Apply by adding class="sf-ticker-chip"
   on the ancestor; the descendant's underline is suppressed. */
.sf-ticker-chip .sf-ticker--linked,
.sf-ticker-chip[data-ticker] {
    border-bottom-color: transparent !important;
}