/*
 * Site-specific overrides.
 * Keep changes scoped and avoid altering mobile/touch behavior.
 */

@media (hover: hover) and (pointer: fine) {
	/* Card text block: move to bottom-centered on desktop hover-capable devices. */
	.post-link {
		position: relative;
	}

	.post-link .post_info {
		position: absolute;
		top: auto !important;
		bottom: 20px !important;
		left: 50%;
		transform: translate(-50%, 0) !important;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3%;
		height: auto;
	}

	/* Hover-only typography tweaks (keep existing hover/opacity triggers intact). */
	.post-link:hover .post_info {
		top: auto !important;
		bottom: 20px !important;
		transform: translate(-50%, 0) !important;
		margin-bottom: 3%;
	}

	.post-link:hover .post_info h2 {
		font-size: calc(var(--font-huge, 56px) * 0.5);
		line-height: 1.2;
		margin-bottom: 1% !important;
	}

	.post-link:hover .post_info .category-name,
	.post-link:hover .post_info .category-name li {
		font-size: 18px !important;
		font-weight: 600 !important;
		padding: 0;
	}

	.post-link:hover .post_info .list-tag,
	.post-link:hover .post_info .list-tag li {
		font-size: calc(var(--font-base, 18px) * 0.8);
	}
}