/* caddie feature styles (CADDIE workstream): caddie card, commentary ticker lines, settings rows */

/* ------------------------------------------------------------------ caddie card (top left, under the lie strip) */
.cad { max-width: 360px; background: var(--slab); color: var(--hud-ink); border-radius: var(--rad); overflow: hidden;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .3)); font: 500 14px/1.25 var(--f-cond); letter-spacing: .04em;
  border-left: 3px solid var(--acc); animation: cad-in .35s var(--ease) both; transition: opacity .2s; pointer-events: none; }
.cad.dim { opacity: .35; }
.cad-h { display: flex; align-items: stretch; pointer-events: auto; cursor: pointer; user-select: none; }
.cad-k { flex: none; display: flex; align-items: center; padding: 6px 9px 5px; font: 700 11px/1 var(--f-cond); letter-spacing: .18em; text-transform: uppercase;
  color: var(--acc); border-right: 1px solid var(--slab-line); }
.cad-t { display: flex; align-items: center; padding: 6px 12px 5px; font: 600 15px/1.2 var(--f-cond); letter-spacing: .04em; }
.cad-wait { color: var(--hud-mute); font-weight: 500; }
.cad-pl, .cad-club { display: flex; align-items: baseline; gap: 6px; padding: 6px 12px 5px; white-space: nowrap; }
.cad-club { border-left: 1px solid var(--slab-line); }
.cad-pl i { font-style: normal; font-weight: 600; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--hud-mute); }
.cad-pl b, .cad-club b { font: 700 18px/1 var(--f-cond); font-variant-numeric: tabular-nums; }
.cad-club b { font-size: 16px; letter-spacing: .04em; }
.cad-pl small, .cad-club small { font: 600 11px/1 var(--f-cond); letter-spacing: .08em; color: var(--hud-mute); text-transform: uppercase; }
.cad ul { list-style: none; margin: 0; padding: 2px 0 4px; border-top: 1px solid var(--slab-line); }
.cad li { display: flex; align-items: center; gap: 7px; padding: 3px 12px 2px; white-space: nowrap; color: rgba(244, 238, 220, .86); }
.cad li .ico { width: 14px; height: 14px; color: var(--hud-mute); }
.cad li b { font-weight: 700; letter-spacing: .1em; text-transform: uppercase; font-size: 12px; min-width: 54px; }
.cad li em { font-style: normal; font-weight: 700; color: var(--hud-ink); font-variant-numeric: tabular-nums; }
.cad li span { font-variant-numeric: tabular-nums; }
.cad-hz.pen b { color: #8fd0ff; } .cad-hz.sand b { color: #f2d394; } .cad-hz.ob b { color: #ff9c8f; }
.cad-warn { color: #ffb59e !important; } .cad-warn .ico { color: #ff9c8f !important; }
.cad-lie { color: #d9cf8a !important; }
.cad-pace { color: var(--hud-ink) !important; }
.cad.min ul { display: none; }
.cad.min .cad-pl small, .cad.min .cad-club small { display: none; }
@keyframes cad-in { from { opacity: 0; transform: translateX(-8px); } }
body.freecam .cad, body.replaying .cad { display: none !important; }

/* ------------------------------------------------------------------ commentary lines in the ticker */
.toast.comm { background: var(--slab2); box-shadow: inset 3px 0 0 var(--tvred); }
.toast.comm .t-v { display: flex; align-items: center; gap: 8px; padding: 7px 14px 6px 13px; }
.toast.comm .t-v .dot { width: 10px; height: 10px; }
.toast.comm .cm-q { font: 500 italic 16px/1.2 var(--f-display); letter-spacing: 0; color: var(--hud-ink); overflow: hidden; text-overflow: ellipsis; }
.toast.comm.cm-p4, .toast.comm.cm-p5 { box-shadow: inset 3px 0 0 var(--brass-hi); }

/* ------------------------------------------------------------------ settings popover rows */
.cad-sp-h { margin-top: 6px; padding: 8px 0 2px; border-top: 1px solid var(--slab-line); font: 700 11px/1 var(--f-cond); letter-spacing: .18em; text-transform: uppercase; color: var(--acc); }
.setpop .cad-sp { padding: 7px 0; }
.setpop .cad-sp:first-of-type { border-top: 0; }
.setpop .cad-sp .sp-t b { font-size: 15px; }
.setpop .cad-sp .sp-t small { font-size: 12px; margin-top: 2px; }
.setpop .cad-sp.sub { padding-left: 14px; }
.setpop .cad-sp.off { opacity: .45; }