/* Full designed image (no side crop) — home + category/archive pages.
   Classic cards, list thumbs, band layout. */

body.home .sc_blogger .post_featured.post_featured_bg,
body.frontpage .sc_blogger .post_featured.post_featured_bg,
body.home .sc_blogger_band .post_featured.post_featured_bg,
body.frontpage .sc_blogger_band .post_featured.post_featured_bg,
body.home .post_layout_band .post_featured.post_featured_bg,
body.frontpage .post_layout_band .post_featured.post_featured_bg,
body.archive .post_layout_band .post_featured.post_featured_bg,
body.category .post_layout_band .post_featured.post_featured_bg,
body.tag .post_layout_band .post_featured.post_featured_bg,
body.archive .sc_blogger .post_featured.post_featured_bg,
body.category .sc_blogger .post_featured.post_featured_bg {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding-bottom: 0 !important;
	background-color: transparent !important;
}

/* Band layout: desktop/tablet side thumb only */
@media (min-width: 768px) {
	body.home .post_layout_band .post_featured.post_featured_bg,
	body.frontpage .post_layout_band .post_featured.post_featured_bg,
	body.home .sc_blogger_band .post_layout_band .post_featured,
	body.frontpage .sc_blogger_band .post_layout_band .post_featured,
	body.archive .post_layout_band .post_featured.post_featured_bg,
	body.category .post_layout_band .post_featured.post_featured_bg,
	body.tag .post_layout_band .post_featured.post_featured_bg {
		height: auto !important;
		align-self: flex-start !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
		width: 280px !important;
		max-width: 40% !important;
		flex-basis: 280px !important;
	}
}

/* Mobile: full-width image cards */
@media (max-width: 767px) {
	body.home .post_layout_band .post_featured.post_featured_bg,
	body.frontpage .post_layout_band .post_featured.post_featured_bg,
	body.home .sc_blogger_band .post_layout_band .post_featured,
	body.frontpage .sc_blogger_band .post_layout_band .post_featured,
	body.archive .post_layout_band .post_featured.post_featured_bg,
	body.category .post_layout_band .post_featured.post_featured_bg,
	body.tag .post_layout_band .post_featured.post_featured_bg,
	body.archive .sc_blogger .post_featured.post_featured_bg,
	body.category .sc_blogger .post_featured.post_featured_bg,
	body.tag .sc_blogger .post_featured.post_featured_bg {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		flex-grow: 1 !important;
		align-self: stretch !important;
	}

	body.home .post_layout_band,
	body.frontpage .post_layout_band,
	body.archive .post_layout_band,
	body.category .post_layout_band,
	body.tag .post_layout_band {
		flex-direction: column !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Kill theme ratio spacer */
body.home .sc_blogger .post_featured.post_featured_bg:before,
body.frontpage .sc_blogger .post_featured.post_featured_bg:before,
body.home .sc_blogger_band .post_featured.post_featured_bg:before,
body.frontpage .sc_blogger_band .post_featured.post_featured_bg:before,
body.home .post_layout_band .post_featured.post_featured_bg:before,
body.frontpage .post_layout_band .post_featured.post_featured_bg:before,
body.archive .post_layout_band .post_featured.post_featured_bg:before,
body.category .post_layout_band .post_featured.post_featured_bg:before,
body.tag .post_layout_band .post_featured.post_featured_bg:before {
	content: none !important;
	display: none !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 0 !important;
	height: 0 !important;
}

body.home .sc_blogger .post_featured.post_featured_bg .featured_bg_wrapper,
body.frontpage .sc_blogger .post_featured.post_featured_bg .featured_bg_wrapper,
body.home .sc_blogger_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.frontpage .sc_blogger_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.home .post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.frontpage .post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.archive .post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.category .post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper,
body.tag .post_layout_band .post_featured.post_featured_bg .featured_bg_wrapper {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}

body.home .sc_blogger .featured_bg,
body.frontpage .sc_blogger .featured_bg,
body.home .sc_blogger_band .featured_bg,
body.frontpage .sc_blogger_band .featured_bg,
body.home .post_layout_band .featured_bg,
body.frontpage .post_layout_band .featured_bg,
body.archive .post_layout_band .featured_bg,
body.category .post_layout_band .featured_bg,
body.tag .post_layout_band .featured_bg,
body.archive .sc_blogger .featured_bg,
body.category .sc_blogger .featured_bg {
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
	-webkit-transition: transform 0.6s ease !important;
	transition: transform 0.6s ease !important;
}

body.home .sc_blogger .sc_blogger_item:hover .featured_bg,
body.frontpage .sc_blogger .sc_blogger_item:hover .featured_bg,
body.home .sc_blogger_band .post_item:hover .featured_bg,
body.frontpage .sc_blogger_band .post_item:hover .featured_bg,
body.home .post_layout_band:hover .featured_bg,
body.frontpage .post_layout_band:hover .featured_bg,
body.archive .post_layout_band:hover .featured_bg,
body.category .post_layout_band:hover .featured_bg,
body.tag .post_layout_band:hover .featured_bg {
	-webkit-transform: scale(1.08) !important;
	-ms-transform: scale(1.08) !important;
	transform: scale(1.08) !important;
}

/* Band posts: default = heading only; hover = excerpt + arrow slide up from bottom */
@media (hover: hover) and (pointer: fine) {
	.post_layout_band .post_content,
	.post_layout_band .sc_button {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		-webkit-transform: translateY(18px);
		-ms-transform: translateY(18px);
		transform: translateY(18px);
		-webkit-transition:
			opacity 0.4s ease,
			transform 0.45s ease,
			max-height 0.45s ease,
			margin 0.35s ease;
		transition:
			opacity 0.4s ease,
			transform 0.45s ease,
			max-height 0.45s ease,
			margin 0.35s ease;
		pointer-events: none;
	}

	.post_layout_band .sc_button {
		display: inline-block;
		visibility: hidden;
	}

	.post_layout_band:hover .post_content,
	.post_layout_band:focus-within .post_content {
		max-height: 8em;
		opacity: 1;
		margin-top: 9px !important;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto;
	}

	.post_layout_band:hover .sc_button,
	.post_layout_band:focus-within .sc_button {
		max-height: 3em;
		opacity: 1;
		visibility: visible;
		margin-top: 16px !important;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto;
	}
}