/**
 * =============================================================================
 * FEATURED CONTENT — ROWS VARIATION — SHARED STYLES (style.css)
 * =============================================================================
 *
 * Loaded on editor AND front end. Targets .collaborations-query-block on
 * core/query.
 *
 * CLASS NAMES RETAINED: this variation was originally "PCG Collaborations
 * Query". The collaborations-query-block* classes are written into saved
 * post_content on the live landing pages, so renaming them would need a content
 * migration — they stay as-is deliberately. Only the display name changed.
 *
 * STRUCTURE (from variation.js innerBlocks):
 *   .collaborations-query-block > ul > li > .collaborations-query-block-item
 *     > figure (post-featured-image) + .collaborations-query-block-caption
 *
 * LAYOUT:
 *   Alternating row/row-reverse per li:nth-child(even)
 *   Container query collapses to single column below 1300px
 */
.collaborations-query-block.wp-block-query {
	margin:var(--md-gap) auto var(--lg-gap);
	width: 1600px;
	container: featured-rows / inline-size;
}
.collaborations-query-block.wp-block-query ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--lg-gap);
}
.collaborations-query-block.wp-block-query li {
	margin: 0 0 var(--sm-gap, 1rem);
}
.collaborations-query-block.wp-block-query li:last-child {
	margin-bottom: 0;
}
.collaborations-query-block.wp-block-query .collaborations-query-block-item {
	--featured-rows-item-gap: var(--md-gap);
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--featured-rows-item-gap);
}
.collaborations-query-block.is-style-rounded.wp-block-query li img {
	border-radius: 4em 0 0 0;
}
.collaborations-query-block.wp-block-query li:nth-child(even) .collaborations-query-block-item {
	flex-direction: row-reverse;
}
.collaborations-query-block.is-style-rounded.wp-block-query li:nth-child(even) img {
	border-radius: 0 4em 0 0;
}
.collaborations-query-block.wp-block-query .collaborations-query-block-item > * {
	flex:0 0 calc(50% - var(--featured-rows-item-gap));
}
.collaborations-query-block.wp-block-query .wp-block-post-featured-image {
	margin: 0;
}

.collaborations-query-block.wp-block-query .collaborations-query-block-caption {
	margin-top: var(--min-gap, 0.5rem);
	background-color: rgba(255, 255, 255, 0.9);
    padding: var(--sm-gap) var(--md-gap) var(--md-gap);
    transform: translateX(-20%);
	z-index: 10;
}
.collaborations-query-block.wp-block-query li:nth-child(even) .collaborations-query-block-caption {
	transform: translateX(20%);
}
:where(.wp-child-theme-pc-ex-theme-child-for-pcgalleries-2026) #primary .entry-content .collaborations-query-block.wp-block-query .wp-block-post-title {
    font-size: clamp(1.75rem, calc(3.502rem + 1.101vw), 2.25rem);
	margin:var(--sm-gap) 0;
}

.collaborations-query-block.wp-block-query .wp-block-post-excerpt {
	font-size:0.9em;
	margin: 0;
}
@container featured-rows (width < 1300px) {
	.collaborations-query-block.wp-block-query ul {
		flex-direction: column;
		gap:0;
	}
	.collaborations-query-block.wp-block-query .collaborations-query-block-item > * {
		flex:1 0 100%;
	}
	.collaborations-query-block.wp-block-query .collaborations-query-block-caption,
	.collaborations-query-block.wp-block-query li:nth-child(even) .collaborations-query-block-caption {
		transform: translateX(0);
	}
}