/**
 * BN Baza Danych — style frontowe bloków danych.
 *
 * Neutralne, spójne z motywem Blocksy (dziedziczą zmienne CSS motywu, gdy są).
 * Bloki są rozwijane (akordeon natywny <details>).
 *
 * @package BN_Baza_Danych
 */

.bn-bd-block {
	margin: 1.5em 0;
	font-size: 0.95rem;
}

/* Akordeon */
.bn-bd-accordion {
	border: 1px solid var(--theme-border-color, #e2e2e2);
	border-radius: 6px;
	margin: 1em 0;
	background: var(--theme-surface-color, #fff);
}

.bn-bd-accordion__summary {
	cursor: pointer;
	padding: 0.75em 1em;
	font-weight: 600;
	list-style: none;
	user-select: none;
}

.bn-bd-accordion__summary::-webkit-details-marker {
	display: none;
}

.bn-bd-accordion__summary::after {
	content: "▾";
	float: right;
	transition: transform 0.2s ease;
}

.bn-bd-accordion[open] .bn-bd-accordion__summary::after {
	transform: rotate(180deg);
}

.bn-bd-accordion__body {
	padding: 0.5em 1em 1em;
}

/* Tabela macierzy */
.bn-bd-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.bn-bd-table th,
.bn-bd-table td {
	padding: 0.5em 0.6em;
	border-bottom: 1px solid var(--theme-border-color, #ececec);
	text-align: left;
	vertical-align: top;
}

.bn-bd-table thead th {
	font-weight: 600;
	border-bottom-width: 2px;
}

.bn-bd-table .bn-bd-num {
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* Graf relacji */
.bn-bd-graf-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bn-bd-graf-item {
	padding: 0.4em 0;
	border-bottom: 1px dashed var(--theme-border-color, #ececec);
}

.bn-bd-rel {
	display: inline-block;
	min-width: 9em;
	color: var(--theme-text-light-color, #666);
	font-size: 0.85em;
	text-transform: lowercase;
}

/* Karty badań */
.bn-bd-badania-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 0.75em;
}

.bn-bd-card {
	border: 1px solid var(--theme-border-color, #e2e2e2);
	border-radius: 6px;
	padding: 0.75em;
}

.bn-bd-card__head {
	margin-bottom: 0.5em;
}

.bn-bd-tag {
	display: inline-block;
	padding: 0.1em 0.5em;
	border-radius: 4px;
	background: var(--theme-palette-color-7, #f3f4f6);
	font-size: 0.8em;
	font-weight: 600;
}

.bn-bd-meta {
	color: var(--theme-text-light-color, #666);
	font-size: 0.85em;
}

.bn-bd-card__facts {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}

.bn-bd-card__facts li {
	padding: 0.1em 0;
}

/* Zamki PRO + wartości */
.bn-bd-lock {
	display: inline-flex;
	align-items: center;
	gap: 0.25em;
	padding: 0.1em 0.5em;
	border-radius: 4px;
	background: var(--theme-palette-color-7, #f3f4f6);
	color: var(--theme-text-light-color, #555);
	font-size: 0.8em;
	font-weight: 600;
	text-decoration: none;
}

.bn-bd-lock--cta:hover {
	background: var(--theme-palette-color-1, #2563eb);
	color: #fff;
}

.bn-bd-lock.is-loading {
	opacity: 0.6;
}

.bn-bd-pro {
	font-size: 0.85em;
	border-top: 1px solid var(--theme-border-color, #ececec);
	margin-top: 0.5em;
	padding-top: 0.5em;
}

.bn-bd-pro-row {
	display: block;
	padding: 0.1em 0;
}

.bn-bd-pro-cytat {
	margin: 0.5em 0 0;
	padding: 0.4em 0.7em;
	border-left: 3px solid var(--theme-palette-color-3, #cbd5e1);
	font-style: italic;
}

/* Upsell */
.bn-bd-upsell {
	margin: 1em 0 0;
	padding: 0.8em 1em;
	border: 1px dashed var(--theme-palette-color-1, #2563eb);
	border-radius: 6px;
	background: var(--theme-palette-color-8, #f8fafc);
}

.bn-bd-upsell__cta {
	display: inline-block;
	margin-top: 0.4em;
	font-weight: 600;
}

/* Disclaimer */
.bn-bd-disclaimer {
	margin: 1em 0 0;
	font-size: 0.8em;
	color: var(--theme-text-light-color, #666);
	font-style: italic;
}

/* ── Okruszki / „Zobacz też" / kotwice sekcji (Etap E) ───────────────────── */
.bn-bd-breadcrumbs {
	margin: 0 0 1em;
	font-size: 0.9em;
	color: var(--theme-text-light-color, #666);
}
.bn-bd-breadcrumbs a {
	color: var(--theme-link-color, #2271b1);
	text-decoration: none;
}
.bn-bd-breadcrumbs a:hover {
	text-decoration: underline;
}
.bn-bd-breadcrumbs__sep {
	margin: 0 0.4em;
	color: var(--theme-border-color, #c3c4c7);
}
.bn-bd-breadcrumbs__current {
	color: var(--theme-text-color, #1d2327);
	font-weight: 600;
}

.bn-bd-powiazane {
	margin: 1.5em 0;
}
.bn-bd-powiazane__title {
	margin: 0 0 0.5em;
	font-size: 1.05em;
}
.bn-bd-powiazane__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bn-bd-powiazane__list li {
	margin: 0;
}
.bn-bd-powiazane__list a {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid var(--theme-border-color, #e2e2e2);
	border-radius: 16px;
	text-decoration: none;
	font-size: 0.9em;
}
.bn-bd-powiazane__list a:hover {
	background: var(--theme-palette-color-8, #f3f4f5);
}

/* Kotwice: odstęp, by nagłówek nie chował się pod sticky-headerem po skoku. */
.bn-bd-block {
	scroll-margin-top: 80px;
}

/* ── Udostępnianie (Etap G) ──────────────────────────────────────────────── */
.bn-bd-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 1.25em 0;
}
.bn-bd-share__copy,
.bn-bd-share__btn {
	display: inline-block;
	padding: 5px 14px;
	border: 1px solid var(--theme-border-color, #c3c4c7);
	border-radius: 16px;
	background: var(--theme-palette-color-8, #f6f7f7);
	color: var(--theme-text-color, #1d2327);
	font-size: 0.9em;
	line-height: 1.5;
	text-decoration: none;
	cursor: pointer;
}
.bn-bd-share__copy:hover,
.bn-bd-share__btn:hover {
	background: var(--theme-palette-color-7, #eef0f1);
}
.bn-bd-share__done {
	font-size: 0.9em;
	color: #00712e;
	font-weight: 600;
}