/* Treść wpisu (bloki WordPressa). Ten plik ładuje też edytor, żeby podgląd był zbliżony. */

.entry-content {
	display: flex;
	flex-direction: column;
	gap: var(--space-16);
	font-size: var(--text-base);
	line-height: var(--leading-relaxed);
	color: var(--color-ink);
}

.entry-content > * {
	margin: 0;
}

/* Nowa sekcja = nagłówek H2 albo samodzielny komponent: większy odstęp nad nim. */
.entry-content > h2,
.entry-content > .warning-box,
.entry-content > .account-summary,
.entry-content > .verdict,
.entry-content > .collapsible {
	margin-top: var(--space-36);
}

.entry-content > :first-child {
	margin-top: 0;
}

.entry-content :where(h2) {
	font-size: var(--text-title);
	line-height: var(--leading-section);
	letter-spacing: var(--tracking-snug);
}

.entry-content :where(h3) {
	font-size: var(--text-2xl);
	line-height: var(--leading-snug);
}

.entry-content :where(p) {
	margin: 0;
}

.entry-content :where(ul, ol) {
	display: flex;
	flex-direction: column;
	gap: var(--space-6);
	margin: 0;
	padding-left: var(--space-24);
}

.entry-content :where(a) {
	color: var(--color-brand);
}

.entry-content :where(a:hover) {
	color: var(--color-accent-text);
}

.entry-content .button-primary,
.entry-content .button-primary:hover,
.entry-content .button-brand,
.entry-content .button-ghost,
.entry-content .card-mini {
	color: var(--color-ink);
	text-decoration: none;
}

.entry-content .card-link {
	color: inherit;
	text-decoration: none;
}

.entry-content .card-link:hover {
	color: var(--color-brand);
}

.entry-content .doc-row {
	text-decoration: none;
}

.entry-content .button-primary,
.entry-content .button-primary:hover {
	color: var(--color-on-cta);
}

.entry-content .button-brand,
.entry-content .button-brand:hover {
	color: var(--color-on-dark);
}

.entry-content :where(img) {
	height: auto;
	border-radius: var(--radius-4xl);
}

/* Przypis pod blokiem (mały szary tekst) */
.content-note {
	font-size: var(--text-md);
	color: var(--color-text-muted);
}

/* Tabele */
.entry-content .wp-block-table {
	overflow-x: auto;
	border-radius: var(--radius-3xl);
	border: var(--border-width) solid var(--color-border);
	background: var(--color-surface);
}

.entry-content :where(table) {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-base-sm);
}

.entry-content :where(th, td) {
	padding: var(--space-12) var(--space-16);
	border-bottom: var(--border-width) solid var(--color-tint);
	text-align: left;
	vertical-align: top;
}

.entry-content :where(th) {
	background: var(--color-bg);
	font-weight: var(--weight-extrabold);
}

.entry-content :where(tr:last-child td) {
	border-bottom: 0;
}

/* FAQ: blok „Szczegóły” (details) */
.entry-content .wp-block-details {
	padding: 0 var(--space-18);
	border-radius: var(--radius-xl);
	border: var(--border-width) solid var(--color-border);
	background: var(--color-surface);
}

.entry-content > .wp-block-details + .wp-block-details {
	margin-top: calc(var(--space-12) - var(--space-16));
}

.entry-content .wp-block-details summary {
	display: flex;
	align-items: center;
	min-height: var(--size-summary);
	font-weight: var(--weight-extrabold);
	cursor: pointer;
}

.entry-content .wp-block-details > :not(summary) {
	margin: 0 0 var(--space-16);
	color: var(--color-text-body);
}

/* Cytat */
.entry-content :where(blockquote) {
	margin: 0;
	padding: var(--space-16) var(--space-20);
	border-left: var(--space-xs) solid var(--color-brand);
	border-radius: var(--radius-lg);
	background: var(--color-tint);
}

/* Sekcja zwijana na telefonie: na szerszych ekranach wygląda jak zwykła sekcja z H2. */
.collapsible-section .collapsible-summary {
	margin-bottom: var(--space-16);
}

.collapsible-section .collapsible-title {
	font-size: var(--text-title);
	letter-spacing: var(--tracking-snug);
}

.collapsible-section .collapsible-body {
	display: flex;
	flex-direction: column;
	gap: var(--space-16);
}

.collapsible-section .collapsible-body > * {
	margin: 0;
}

@media (max-width: 1023px) {
	.entry-content :where(h2),
	.collapsible-section .collapsible-title {
		font-size: var(--text-6xl);
	}
}

@media (max-width: 600px) {
	.collapsible-section .collapsible-summary {
		margin: 0;
	}

	.collapsible-section .collapsible-title {
		font-size: var(--text-lg);
		letter-spacing: 0;
	}

	.entry-content > h2,
	.entry-content > .warning-box,
	.entry-content > .account-summary,
	.entry-content > .verdict,
	.entry-content > .collapsible {
		margin-top: var(--space-12);
	}

	.entry-content :where(h2) {
		font-size: var(--text-5xl);
	}
}