/*
 * Home „Inspiracje” (template-parts/home/inspirations.php). No section mockup;
 * from the preview docs/preview/new_home7_2.png: heading with a rule, two post
 * cards side by side. The link to the posts page (user, 2026-10-26; not in
 * the preview) sits at the right end of the heading row.
 * Below 72em one card per row.
 */

.hf-inspirations
{
	padding-block: var(--hf-space-section-block);
}

.hf-inspirations__header
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--hf-space-s) var(--hf-space-l);
	margin-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
}

.hf-inspirations__eyebrow
{
	margin-bottom: var(--hf-space-s);
}

.hf-inspirations__title
{
	margin: 0;
	font-size: var(--hf-text-h2-s);
}

.hf-inspirations__all
{
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	/* Level with the heading text, above its rule. */
	margin-bottom: calc(var(--hf-space-s) + 2px);
	color: var(--hf-color-eyebrow);
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.1875rem);
	text-decoration: none;
}

.hf-inspirations__all-text
{
	text-decoration: underline;
	text-decoration-color: var(--hf-color-primary);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.35em;
}

.hf-inspirations__all:hover
{
	color: var(--hf-color-primary-hover);
}

.hf-inspirations__all-icon
{
	flex: none;
	width: 1.15em;
	height: 1.15em;
	transition: transform var(--hf-transition);
}

.hf-inspirations__all:hover .hf-inspirations__all-icon
{
	transform: translateX(3px);
}

.hf-inspirations__list
{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1rem, 0.6rem + 1.4vw, 2rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.hf-inspirations__item
{
	display: flex;
}

@media (max-width: 71.99em)
{
	.hf-inspirations__list
	{
		grid-template-columns: minmax(0, 1fr);
	}
}