/*
 * Category images rendered inside the native ThemeREX Blogger featured-image slot.
 * The class names intentionally match Blogger so the theme's existing Wide styles,
 * widths, positions and hover effects continue to apply.
 */
.apphub_blogger_term_featured.post_featured_bg {
	position: relative;
	overflow: hidden;
}

/* ThemeREX supports a fixed set of ratios via :before. For term images we use
   aspect-ratio so theme-added ratios such as 10:7 work too. */
.apphub_blogger_term_featured.post_featured_bg[data-ratio]::before {
	display: none !important;
	padding-top: 0 !important;
}

.apphub_blogger_term_featured.post_featured_bg[data-ratio] {
	aspect-ratio: var(--apphub-term-ratio);
}

.apphub_blogger_term_featured.post_featured_bg .post_thumb {
	display: block;
	position: absolute;
	z-index: 0;
	inset: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.apphub_blogger_term_featured > img {
	display: block;
	width: 100%;
	height: auto;
}

.apphub_blogger_term_featured .post_link {
	position: absolute;
	z-index: 3;
	inset: 0;
}