/* pr/straipsniai · Figma: Section/straipsniai (2030:370) + mobile (2048:412). */

.pr-straipsniai {
	padding-block: 3rem;
}

.pr-straipsniai__row {
	display: grid;
	gap: 0.375rem;
	padding-block: 0.875rem;
	border-top: 1px solid var(--pr-line);
}

.pr-straipsniai__row:last-child {
	border-bottom: 1px solid var(--pr-line);
}

.pr-straipsniai__row--head {
	display: none;
}

.pr-straipsniai__topic {
	font-family: var(--pr-font-mono);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pr-petrol);
}

.pr-straipsniai .pr-straipsniai__title {
	font-size: 1.0625rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}

.pr-straipsniai .pr-straipsniai__title a {
	color: var(--pr-heading);
	text-decoration: none;
}

.pr-straipsniai .pr-straipsniai__title a:hover {
	text-decoration: underline;
}

.pr-straipsniai__time {
	display: none;
}

.pr-straipsniai__empty {
	padding: 1rem;
	border: 1px dashed var(--pr-line-strong);
	font-size: 0.875rem;
	color: var(--pr-muted);
}

@media (max-width: 689px) {
	.pr-straipsniai .pr-head-b--row {
		display: grid;
	}

	.pr-straipsniai .pr-head-b--row .pr-more {
		order: 2;
	}

	.pr-straipsniai .pr-inner {
		display: flex;
		flex-direction: column;
	}

	.pr-straipsniai .pr-head-b {
		display: contents;
	}

	.pr-straipsniai .pr-head-b > .wp-block-group {
		margin-bottom: 1.5rem;
	}

	.pr-straipsniai .pr-more {
		order: 3;
		margin-top: 1.5rem;
	}

	.pr-straipsniai__table {
		order: 2;
	}
}

@media (min-width: 690px) {
	.pr-straipsniai__table {
		border: var(--pr-stroke) solid var(--pr-heading);
	}

	.pr-straipsniai__row {
		grid-template-columns: 15rem minmax(0, 1fr) 8.75rem;
		gap: 0;
		padding: 0;
		border-top: 1px solid var(--pr-line);
	}

	.pr-straipsniai__row:last-child {
		border-bottom: 0;
	}

	.pr-straipsniai__row > * {
		padding: 1.25rem;
	}

	.pr-straipsniai__row > * + * {
		border-left: 1px solid var(--pr-line);
	}

	.pr-straipsniai__row--head {
		display: grid;
		border-top: 0;
		background: var(--pr-surface);
	}

	.pr-straipsniai__row--head > * {
		padding-block: 0.625rem;
		font-family: var(--pr-font-mono);
		font-size: 0.6875rem;
		font-weight: 500;
		text-transform: uppercase;
		color: var(--pr-muted);
	}

	.pr-straipsniai__topic,
	.pr-straipsniai__time {
		display: block;
		font-size: 0.8125rem;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		color: var(--pr-heading);
		font-family: var(--pr-font-mono);
	}

	.pr-straipsniai .pr-straipsniai__title {
		font-size: 1.25rem;
	}
}

@media (min-width: 1000px) {
	.pr-straipsniai {
		padding-block: 7rem;
	}
}

.pr-straipsniai:not(:has(.pr-straipsniai__table, .pr-straipsniai__empty)) {
	display: none;
}