/*
 * KosCare клуб - /klub/ (секция 6 от makets/final/nachalna.html → .b-club, .b-levels + таблицата
 * „Как печелиш точки") и картата на клуба (таб в профила, таблото). Стойностите - само var(--kc-*).
 */

/* Секцията (1:1 с .kc-club на началната - front.css се зарежда само там) */
.kc-club { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; margin-top: 10px; }
.kc-club-text { min-width: 0; }
.kc-club-text p { color: var(--kc-muted); margin: 10px 0 22px; }
.kc-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 26px; }
.kc-levels div { background: var(--kc-surface); border: 1px solid var(--kc-line); border-radius: var(--kc-r-md); padding: 14px; min-width: 0; }
.kc-levels b { display: block; font-family: var(--kc-display); font-size: 18px; }
.kc-levels span { font-size: 13px; color: var(--kc-muted); }
.kc-club-img { min-width: 0; }
.kc-club-img img { border-radius: var(--kc-r-3xl); aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

.kc-klub-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; margin-top: 40px; }
.kc-klub-grid > * { min-width: 0; margin: 0; }
.kc-klub-how .kc-table td { color: var(--kc-text); }
.kc-klub-how .kc-klub-num { color: var(--kc-accent2); font-family: var(--kc-display); font-weight: 800; padding-right: 0; }

/* Картата на клуба */
.kc-klub-card h3 { font-family: var(--kc-display); font-size: 16px; margin: 22px 0 10px; }
.kc-klub-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kc-klub-stats > div { background: var(--kc-bg); border: 1px solid var(--kc-line); border-radius: var(--kc-r-md); padding: 14px; min-width: 0; }
.kc-klub-stats span { display: block; font-size: 12px; color: var(--kc-muted); text-transform: uppercase; letter-spacing: .06em; }
.kc-klub-stats b { display: block; font-family: var(--kc-display); font-size: 28px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
.kc-klub-stats em { font-style: normal; font-size: 13px; color: var(--kc-muted); }
.kc-klub-progress { margin: 16px 0 6px; }
.kc-klub-progress p { font-size: 14px; color: var(--kc-muted); margin: 0 0 8px; }
.kc-klub-progress b { color: var(--kc-text); }
.kc-klub-log td { font-size: 14px; }
.kc-klub-log .kc-plus { color: var(--kc-ok); text-align: right; font-weight: 600; }
.kc-klub-log .kc-minus { color: var(--kc-accent2); text-align: right; font-weight: 600; }
.kc-klub-card > .kc-btn { margin-top: 14px; }

@media (max-width: 1000px) {
	.kc-club { grid-template-columns: 1fr; }
	.kc-klub-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.kc-levels { grid-template-columns: 1fr; }
	.kc-klub-stats b { font-size: 24px; }
}