/* Binge52 homepage layout: 2-up posters on phones, tighter bands, featured crop */
body.home .wp-block-query .wp-block-post-template.is-layout-grid {
	gap: 10px !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 781px) {
	body.home .wp-block-query .wp-block-post-template.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

body.home .wp-block-query .wp-block-post-template.is-layout-grid .wp-block-post-title {
	margin-top: .4rem;
}

/* header: spacing between menu items, smaller gap under header */
header .wp-block-navigation .wp-block-page-list, header .wp-block-navigation__container {
	gap: 2rem;
}

header.wp-block-template-part > .wp-block-spacer {
	height: 24px !important;
}

/* featured latest review: portrait poster beside the title, never cropped */
body.home .b52-feature {
	gap: 2.5rem;
	align-items: center;
}

body.home .b52-feature .wp-block-post-featured-image img {
	aspect-ratio: 2 / 3 !important;
	width: 100%;
	height: auto;
	object-fit: cover;
}

body.home .b52-feature .wp-block-post-title {
	margin-top: .5rem;
	font-size: 2rem;
}

@media (max-width: 781px) {
	body.home .b52-feature {
		gap: 1rem;
	}
	
	body.home .b52-feature > .wp-block-column:first-child {
		flex: 0 0 auto !important;
		width: 56% !important;
		max-width: 56%;
	}
	
	body.home .b52-feature > .wp-block-column:last-child {
		flex: 1 1 100% !important;
	}
	
	body.home .b52-feature .wp-block-post-title {
		font-size: 1.5rem;
	}
}

/* Spotlights: keep posters 2:3, never cropped */
body .wp-block-columns .wp-block-query .wp-block-post-featured-image img {
	aspect-ratio: 2/3 !important;
	height: auto !important;
}

@media (max-width: 781px) {
	body:not(.home) .wp-block-columns.is-not-stacked-on-mobile {
		gap: 40px 10px !important;
		flex-wrap: wrap !important;
	}
	
	body:not(.home) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex: 0 0 calc(50% - 5px) !important;
	}
	
	body:not(.home) .wp-block-columns .wp-block-post-title {
		font-size: 1rem !important;
	}
	
	body:not(.home) .wp-block-columns p {
		font-size: .9rem !important;
	}
}

body:not(.home) .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column > p {
	margin-block-end: .5rem !important;
}

body .b52-tiles img {
	filter: grayscale(1);
}

/* B52 rating borders (2026-11-01 v4): green 8-10, red 1-5, thin black 6-7; homepage grid loop only; border on figure (img has duotone grayscale filter that would gray the border) */
body.home .wp-block-post-template.is-layout-grid .wp-block-post.tag-imdb-1-5 .wp-block-post-featured-image {
	border: 3px solid #c0392b;
	box-sizing: border-box;
}

body.home .wp-block-post-template.is-layout-grid .wp-block-post.tag-imdb-8 .wp-block-post-featured-image,
body.home .wp-block-post-template.is-layout-grid .wp-block-post.tag-imdb-9-10 .wp-block-post-featured-image {
	border: 3px solid #27ae60;
	box-sizing: border-box;
}

body.home .wp-block-post-template.is-layout-grid .wp-block-post.tag-imdb-6 .wp-block-post-featured-image,
body.home .wp-block-post-template.is-layout-grid .wp-block-post.tag-imdb-7 .wp-block-post-featured-image {
	border: 1px solid #222;
	box-sizing: border-box;
}

/* Binge52 facet cloud */
.b52-cloud {
	font: inherit;
}

.b52-facet h3 {
	margin: 1.2em 0 .3em;
	font-size: 1em;
	letter-spacing: .02em;
}

.b52-terms {
	line-height: 2.1;
	margin: .2em 0;
}

.b52-cloud-term {
	white-space: nowrap;
	text-decoration: none;
	margin-right: .9em;
}

.b52-cloud-term .b52-n {
	font-size: .65em;
	opacity: .55;
	vertical-align: super;
}

.b52-years summary {
	cursor: pointer;
	font-weight: 600;
	padding: .15em 0;
}

.b52-cloud {
	padding-left: 24px;
	padding-right: 24px;
}