/* A club without an academy page (academy_unclaimed.php). The hero comes from styles/academy-hero.css. */
.bc-cp-hero .bc-hero-cover {
	height: 150px;
	background:
		radial-gradient(55% 130% at 86% 0%, rgba(212, 116, 79, 0.45), transparent 62%),
		radial-gradient(45% 120% at 6% 100%, rgba(3, 195, 227, 0.35), transparent 60%),
		linear-gradient(118deg, #17142e 0%, #3a2f8f 42%, #5b4bd1 72%, #9a3ea8 118%);
}
.bc-cp-mono {
	display: flex; align-items: center; justify-content: center; width: 132px; height: 132px; border-radius: 25px;
	background: linear-gradient(135deg, #5b4bd1, #9a3ea8); color: #fff; font-size: 46px; font-weight: 800; letter-spacing: -0.02em;
}
.bc-cp-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; }
.bc-cp-claimbtn {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px;
	background: var(--bc-surface); box-shadow: 0 0 0 1px var(--bc-line-strong); color: var(--bc-ink) !important; font-size: 14px; font-weight: 650; text-decoration: none !important;
}
.bc-cp-claimbtn:hover { box-shadow: 0 0 0 1px var(--bc-accent); }

.bc-cp-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 0 8px; align-items: start; }
.bc-cp-main, .bc-cp-side { min-width: 0; }
@media (max-width: 900px) { .bc-cp-grid { grid-template-columns: minmax(0, 1fr); } }

.bc-cp-beltbar { display: flex; gap: 2px; height: 12px; border-radius: 999px; overflow: hidden; margin: 4px 0 10px; background: var(--bc-surface-3); }
.bc-cp-beltbar span { min-width: 6px; box-shadow: inset 0 0 0 1px rgba(15, 15, 25, 0.12); }
.bc-cp-beltkeys { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--bc-muted); }
.bc-cp-beltkeys li { display: inline-flex; align-items: center; gap: 6px; }
.bc-cp-beltkeys i { width: 10px; height: 10px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(15, 15, 25, 0.2); }
.bc-cp-beltkeys b { color: var(--bc-ink); font-weight: 700; }

.bc-cp-note { margin: 10px 0 0; font-size: 12.5px; color: var(--bc-faint); }
.bc-cp-more { margin: 12px 0 0; font-size: 13.5px; }
.bc-cp-more a { color: var(--bc-accent); font-weight: 600; text-decoration: none; }

.bc-cp-mapwrap { border-radius: 14px; overflow: hidden; box-shadow: 0 0 0 1px var(--bc-line); background: linear-gradient(180deg, #f3f6fb, #eef1f7); }
.bc-cp-map { height: 220px; width: 100%; z-index: 0; }
.bc-cp-map.leaflet-container { background: transparent; }
.bc-cp-pin { background: #5b4bd1 !important; }

.bc-cp-nearby { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bc-cp-nearby li + li { border-top: 1px solid var(--bc-line); }
.bc-cp-nearby a { display: flex; flex-direction: column; gap: 2px; padding: 9px 2px; text-decoration: none; }
.bc-cp-nearby b { font-size: 14px; font-weight: 650; color: var(--bc-ink); }
.bc-cp-nearby small { font-size: 12px; color: var(--bc-muted); }
.bc-cp-nearby a:hover b { color: var(--bc-accent); }