/*
 * bppc-base.css — helpers i reset dla bloków plugin catalog.
 * Używa wyłącznie var(--wp--preset--*) z theme.json motywu buddypilot.
 * Zero duplikacji tokenów.
 */

/* ── Pills / badges tier ──────────────────────────────────────────────── */

.bppc-pill {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: 100px;
	font-size: var( --wp--preset--font-size--xs, .75rem );
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.bppc-pill--free {
	background: var( --wp--preset--color--cobalt, #1944CB );
	color: #fff;
}

.bppc-pill--pro {
	background: var( --wp--preset--color--orange, #FD9045 );
	color: #fff;
}

.bppc-pill--standalone {
	background: var( --wp--preset--color--tx-sec, #374151 );
	color: #fff;
}

/* ── Comparison table ─────────────────────────────────────────────────── */

.bppc-table-compare-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.bppc-table-compare {
	width: 100%;
	border-collapse: collapse;
	font-size: var( --wp--preset--font-size--sm, .875rem );
}

.bppc-table-compare th,
.bppc-table-compare td {
	padding: .75rem 1rem;
	text-align: left;
	border-bottom: 1px solid var( --wp--preset--color--border, #DBEAFE );
}

.bppc-table-compare thead th {
	background: var( --wp--preset--color--ice, #EFF6FF );
	font-weight: 700;
	color: var( --wp--preset--color--tx-pri, #0F1F3D );
}

.bppc-table-compare td:nth-child(2),
.bppc-table-compare td:nth-child(3),
.bppc-table-compare thead th:nth-child(2),
.bppc-table-compare thead th:nth-child(3) {
	text-align: center;
	width: 90px;
}

.bppc-compare__yes {
	color: var( --wp--preset--color--c-yes, #1b5e3f );
	font-size: 1.1em;
	font-weight: 700;
}

.bppc-compare__no {
	color: var( --wp--preset--color--c-no, #a01f1f );
}

/* ── Editor placeholders ──────────────────────────────────────────────── */

.bppc-editor-placeholder {
	padding: 1.5rem;
	border: 2px dashed var( --wp--preset--color--border, #DBEAFE );
	border-radius: var( --wp--custom--radius--base, 12px );
	color: var( --wp--preset--color--tx-l3, #A0AEC0 );
	font-size: var( --wp--preset--font-size--sm, .875rem );
	text-align: center;
}