/* ---------------------------------
   DESKTOP
---------------------------------- */
/* Reduce space between the links and video columns */
.zk-reel-row {
	gap: 12px;
}

/* Consistent spacing between individual links */
.link-list {
	display: flex;
	flex-direction: column;
	gap: 1.25em;
}

.link-list p {
	margin: 0;
}

/* Move links and awards slightly right on desktop only.
   clamp() scales the indent down as the window narrows, so it
   stops squeezing the awards column at smaller desktop sizes. */
@media (min-width: 782px) {
	.desktop-indent,
	main > .wp-block-columns:first-of-type {
		padding-left: clamp(0px, 6vw, 100px);
	}
}

/* Narrow desktop windows — shrink the awards text a touch.
   Delete this block if the clamp above is enough on its own. */
@media (min-width: 782px) and (max-width: 1100px) {
	.mobile-awards {
		font-size: 0.9em;
	}
}

/* ---------------------------------
   MOBILE
---------------------------------- */
@media (max-width: 781px) {
	main.wp-block-group {
		display: grid;
		grid-template-columns: .4fr .6fr;
		justify-items: stretch;
		column-gap: 20px;
		align-items: start;
	}

	/* keeps the award lines from wrapping in a narrow column */
	.mobile-awards {
		font-size: 0.9em;
	}

	main.wp-block-group > * {
		grid-column: 1 / -1;
		width: 100%;
		max-width: none;
	}

	/* Remove desktop spacers */
	main.wp-block-group > .wp-block-spacer {
		display: none;
	}

	/* Allow the reel and information blocks to join the mobile grid */
	main .zk-reel-row,
	main .zk-info-row,
	main .zk-reel-row > .wp-block-column:last-child {
		display: contents !important;
	}

	/* Video */
	.zk-reel-row > .wp-block-column:last-child > figure {
		grid-column: 1 / -1;
		grid-row: 2;
		margin-bottom: 1.25em;
		margin-top: 2em;
	}

	/* Links: left mobile column */
	.zk-reel-row > .wp-block-column:first-child {
		grid-column: 1;
		grid-row: 3;
		margin-top: 1em;
	}

	/* Awards: right mobile column */
	.zk-info-row > .wp-block-column:first-child {
		grid-column: 2;
		grid-row: 3;
		margin-top: 1em;
	}

	/* Dead Deer High premiere caption */
	.zk-reel-row > .wp-block-column:last-child > p {
		grid-column: 1 / -1;
		grid-row: 4;
	}

	/* Screening information */
	.zk-info-row > .wp-block-column:last-child {
		grid-column: 1 / -1;
		grid-row: 5;
		margin-top: 5em;
	}

	/* Remove all added desktop indentation */
	.desktop-indent {
		padding-left: 0 !important;
		margin-left: 0 !important;
	}

	/* Even spacing between the three links */
	.link-list {
		gap: 1em;
	}
}

/* ---------------------------------
   REPS DROPDOWN
---------------------------------- */
.reps-dropdown summary {
	list-style: none;
}

.reps-dropdown summary::-webkit-details-marker {
	display: none;
}