/* Split the pot buy panel, rendered inline in the club hub.
 *
 * Deliberately small: the panel reuses the lotto play page's components unmodified
 * (.c-lotto__prizerow, .c-lotto-deal, .c-lotto-pill, .c-lotto-toggle, .c-lotto-btn--primary,
 * .c-lotto__foot). Only what is genuinely split-pot-specific lives here.
 *
 * ⚠️ build-css.sh concatenates EVERY .css under _c-pages into one bundle, so class names collide
 * platform-wide, not just within lotto. Every class here is prefixed c-splitpot-. */

.c-splitpot__title {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: var(--ink-heading);
    margin: 0 0 var(--space-2, 8px) 0;
    line-height: 1.15;
}

@media (max-width: 640px) {
    .c-splitpot__title {
        font-size: var(--font-size-xl);
    }

}

/* The foot reuses the twin's .c-lotto__foot / __results / __compliance, with two scoped corrections.
   The lotto's results link is styled --muted and cursor:default because its own link is not wired up;
   split the pot's results page exists, so here it is a real link and has to look and behave like one.
   --body rather than --muted also clears the AA contrast failure the build notes recorded against both
   of these classes (--muted on --bg is 2.39:1). */
.c-splitpot .c-lotto__results {
    color: var(--accent);
    cursor: pointer;
    text-decoration: none;
}

.c-splitpot .c-lotto__results:hover {
    text-decoration: underline;
}

.c-splitpot .c-lotto__compliance {
    color: var(--body);
}