/*
 * Kudłato Core — styl bloków.
 *
 * Kolory, odstępy i kroje bierzemy z tokenów motywu. Gdy wtyczka działa
 * z innym motywem, wartości awaryjne po przecinku dają czytelny wygląd
 * bez zależności od Kudłato.
 */

/* --- Okruszki ------------------------------------------------------------ */

.kudlato-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--meta, 0.8125rem);
	gap: 0 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.kudlato-breadcrumbs__list li + li::before {
	content: "/";
	margin-inline-end: 0.5rem;
	opacity: 0.6;
}

.kudlato-breadcrumbs__list li[aria-current="page"] {
	opacity: 0.75;
}

/* --- Metadane ------------------------------------------------------------ */

.kudlato-meta {
	color: var(--wp--preset--color--moss-strong, #556f5d);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--meta, 0.8125rem);
	line-height: 1.45;
}

.kudlato-meta__list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* --- Źródła i historia --------------------------------------------------- */

.kudlato-sources,
.kudlato-history,
.kudlato-expert-content {
	margin-block: var(--wp--preset--spacing--32, 2rem);
}

.kudlato-sources__heading,
.kudlato-history__heading {
	font-size: var(--wp--preset--font-size--large, 1.25rem);
}

.kudlato-sources__list {
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	padding-inline-start: 1.5rem;
}

.kudlato-sources__list li {
	margin-block: 0.4rem;
}

.kudlato-history__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kudlato-history__list li {
	border-top: 1px solid var(--wp--preset--color--mist, #e6f0ec);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	gap: 0 0.75rem;
	padding-block: 0.6rem;
}

.kudlato-history__date {
	color: var(--wp--preset--color--moss-strong, #556f5d);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--meta, 0.8125rem);
	flex: 0 0 8rem;
}

/* --- Karty ekspertów ---------------------------------------------------- */

.kudlato-experts__grid,
.kudlato-related__grid {
	display: grid;
	gap: var(--wp--preset--spacing--24, 1.5rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}

.kudlato-expert-card,
.kudlato-related__item {
	background-color: var(--wp--preset--color--white, #fff);
	border: 1px solid var(--wp--preset--color--mist, #e6f0ec);
	border-radius: var(--wp--custom--radius--card, 18px);
	padding: var(--wp--preset--spacing--24, 1.5rem);
}

.kudlato-expert-card__portrait {
	border-radius: 10px;
	height: auto;
	margin-bottom: 0.75rem;
	max-width: 96px;
}

.kudlato-expert-card__role {
	color: var(--wp--preset--color--moss-strong, #556f5d);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--meta, 0.8125rem);
	letter-spacing: 0.06em;
	margin: 0;
	text-transform: uppercase;
}

.kudlato-expert-card__name {
	font-size: var(--wp--preset--font-size--large, 1.25rem);
	margin: 0.25rem 0 0.5rem;
}

.kudlato-expert-card__title,
.kudlato-expert-card__limits {
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	margin: 0 0 0.5rem;
}

.kudlato-expert-card__limits {
	margin-bottom: 0;
}

.kudlato-related__title {
	font-size: 1.0625rem;
	line-height: 1.3;
	margin: 0 0 0.4rem;
}

.kudlato-related__meta {
	color: var(--wp--preset--color--moss-strong, #556f5d);
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: var(--wp--preset--font-size--meta, 0.8125rem);
	margin: 0;
}

/* --- Profil eksperta ---------------------------------------------------- */

.kudlato-expert__role {
	font-size: var(--wp--preset--font-size--lead, 1.125rem);
	margin-top: 0;
}

.kudlato-expert__block {
	margin-block: var(--wp--preset--spacing--24, 1.5rem);
}

.kudlato-expert__block h2 {
	font-size: var(--wp--preset--font-size--large, 1.25rem);
}

.kudlato-expert__block--limits {
	background-color: var(--wp--preset--color--mist, #e6f0ec);
	border-radius: var(--wp--custom--radius--card, 18px);
	padding: var(--wp--preset--spacing--24, 1.5rem);
}

.kudlato-expert-content__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kudlato-expert-content__list li {
	border-top: 1px solid var(--wp--preset--color--mist, #e6f0ec);
	padding-block: 0.6rem;
}

/* --- Podgląd w edytorze -------------------------------------------------- */

.kudlato-block-placeholder {
	background-color: var(--wp--preset--color--mist, #e6f0ec);
	border-left: 4px solid var(--wp--preset--color--moss, #6e8a75);
	font-size: 0.875rem;
	margin: 0;
	padding: 0.75rem 1rem;
}