/**
 * Bractwo Lajki v1.0.7
 *
 * Wtyczka używa zmiennych motywu, żeby przycisk wyglądał spójnie na blogu i forum.
 */

.bractwo-lajki {
	--bl-panel: var(--ba-panel-strong, #1a231e);
	--bl-text: var(--ba-text, #f4efe3);
	--bl-gold: var(--ba-gold, #d6b35a);
	--bl-line: var(--ba-line, rgba(214, 179, 90, 0.24));
	display: flex;
	margin: 14px 0;
}

.bractwo-lajki-form {
	margin: 0;
}

.bractwo-lajki-button,
.bractwo-lajki-login {
	align-items: center;
	background: var(--bl-panel);
	border: 1px solid var(--bl-line);
	border-radius: 8px;
	color: var(--bl-text);
	cursor: pointer;
	display: inline-flex;
	gap: 8px;
	min-height: 42px;
	min-width: 64px;
	padding: 8px 14px;
	text-decoration: none;
}

.bractwo-lajki-button:hover,
.bractwo-lajki-button.is-liked,
.bractwo-lajki-login:hover {
	border-color: var(--bl-gold);
	color: var(--bl-gold);
}

.bractwo-lajki-button strong,
.bractwo-lajki-login strong {
	font-weight: 700;
	line-height: 1;
}

.bractwo-lajki-top {
	--bl-panel-soft: var(--ba-panel, #111c16);
	--bl-panel-strong: var(--ba-panel-strong, #1a231e);
	--bl-muted: var(--ba-muted, #b9c3b6);
	display: grid;
	gap: 14px;
	margin: 0;
}

.bractwo-lajki-top__section {
	background: var(--bl-panel-soft);
	border: 1px solid var(--bl-line);
	border-radius: 8px;
	padding: 14px;
}

.bractwo-lajki-top__title {
	color: var(--bl-text);
	line-height: 1.3;
	margin: 0 0 10px;
}

.bractwo-lajki-top__list {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.bractwo-lajki-top__item {
	align-items: center;
	display: grid;
	gap: 8px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 0;
}

.bractwo-lajki-top__link,
.bractwo-lajki-top__text {
	color: var(--bl-text);
	font-weight: 700;
	line-height: 1.35;
	min-width: 0;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.bractwo-lajki-top__link {
	color: var(--bl-gold);
	display: inline;
	padding: 0;
}

.bractwo-lajki-top__link:hover,
.bractwo-lajki-top__link:focus {
	color: var(--bl-text);
	text-decoration: none;
}

.bractwo-lajki-top__likes {
	align-items: center;
	color: var(--bl-gold);
	display: inline-flex;
	font-weight: 700;
	gap: 5px;
	white-space: nowrap;
}

.bractwo-lajki-top__empty {
	color: var(--bl-muted);
	margin: 0;
}