/* ── Club card ──────────────────────────────────────────────── */
.club-card {
    transition: box-shadow .15s ease, transform .15s ease;
}
.club-card:hover {
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12) !important;
    transform: translateY(-2px);
}

/* ── Club website homepage — visually distinct panels per section, theme-driven. No new
   club settings: reuses the --club-accent/--club-surface CSS variables ClubThemeProvider
   already emits per club, so every club's panels pick up its own colours automatically. ── */
.club-section {
    border-top: 3px solid var(--club-accent, #2e86c1);
}
.club-section--tint {
    background: var(--club-surface, #f4f8fb);
}