/* ============================================================================
   Winnow Lotto — Game Emblem System + redesigned lottery cards.
   Lives in its own file (new URL) so CDN/browser caches of the older
   stylesheets can never mask these rules. Loaded after site.css/redesign.css.
============================================================================ */

/* --- coin: the round game emblem (SVGs are inherently round) --- */
.wl-coin { width: var(--coin, 56px); height: var(--coin, 56px); flex: 0 0 auto; object-fit: contain; display: block; filter: drop-shadow(0 5px 12px rgba(0,0,0,0.4)); }
.wl-coin-fallback { flex: 0 0 auto; }

/* --- lockup: coin + country eyebrow + two-tone game name --- */
.wl-logo { display: inline-flex; align-items: center; gap: 12px; min-width: 0; text-align: left; }
.wl-logo__wm { display: flex; flex-direction: column; line-height: 0.95; min-width: 0; }
.wl-logo__ey { font-size: 11px; font-weight: 800; letter-spacing: 0.24em; color: var(--wl-fg-3, rgba(255,255,255,0.54)); }
.wl-logo__nm { font-size: 19px; font-weight: 900; letter-spacing: -0.02em; color: #fff; white-space: nowrap; }
.wl-logo__nm b { color: var(--acc, var(--wl-yellow, #f0c64a)); font-weight: 900; }
/* size modifiers */
.wl-logo--sm .wl-logo__ey, .wl-logo__wm--sm .wl-logo__ey { font-size: 10px; }
.wl-logo--sm .wl-logo__nm, .wl-logo__wm--sm .wl-logo__nm { font-size: 15px; }
.wl-logo--lg .wl-logo__nm { font-size: 24px; }
/* ink variant for light/paper surfaces (e.g. printed ticket headers) */
.wl-logo__wm--ink .wl-logo__nm { color: var(--wl-indigo-ink, #14132e); }
.wl-logo__wm--ink .wl-logo__ey { color: rgba(20,19,46,0.55); }

/* --- cards are anchors: kill Bootstrap's link colour/underline bleed --- */
.wlr a.jpcard, .wlr a.jpcard:hover, .wlr a.jpcard:focus,
.wlr .jpcard, .wlr .jpcard:hover {
  text-decoration: none;
  color: var(--wl-fg-1, rgba(255,255,255,0.96));
}
.wlr .jpcard * { text-decoration: none; }

/* --- redesigned lottery card (Winnow Lotto Card Redesign reference):
   top banner = status + "From X/line"; body = lockup, then the jackpot as the
   centred hero with Play now beneath; footer keeps rollover / increase. --- */
.wlr .sec-ribbon .rib-from { margin-left: auto; font-weight: 800; letter-spacing: 0.01em; text-transform: none; font-size: 11px; opacity: 0.96; font-family: var(--wl-font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; }
.wlr .jpcard__lockup { display: flex; align-items: center; gap: 12px; padding: 14px 14px 0; min-width: 0; }
.wlr .jpcard__lockup .wl-logo__nm { overflow: hidden; text-overflow: ellipsis; }
.wlr .jpcard__main { text-align: center; overflow: hidden; padding: 14px 14px 18px; }
.wlr .jpcard__main .jpcard__cur { font-family: var(--wl-font-mono, ui-monospace, monospace); }
.wlr .jpcard__main .jpcard__amt { font-family: var(--wl-font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; font-size: 31px; letter-spacing: -0.035em; margin-top: 4px; white-space: nowrap; }
.wlr .jpcard__main .jpcard__amt .sym { font-size: 19px; }
.wlr .jpcard__main .wl-card-playpill { margin: 13px auto 0; padding: 9px 20px; font-size: 13px; }
.wlr .jpcard__pending { margin-top: 13px; font-size: 11.5px; font-weight: 750; color: var(--wl-yellow, #f0c64a); }

/* --- offer hero lockup (centred) --- */
.wlr .ohero__lockup { display: flex; justify-content: center; margin: 0 auto 12px; }
.wlr .ohero__lockup .wl-logo__ey { color: rgba(255,255,255,0.72); }