/*---------------------------------------------------------------------------*\
	#Carwatch-Weekly-Archive
\*---------------------------------------------------------------------------*/

.carwatch-weekly-archive:where( :not( :first-child ) ) {
	margin-top: var( --gap--lg );
}

.carwatch-weekly-archive:where( :not( :last-child ) ) {
	margin-bottom: var( --gap--lg );
}

.carwatch-weekly-archive_wrapper {
	display: grid;
	gap: var( --gap );
	grid-template-columns: 1fr;
}





/*---------------------------------------------------------------------------*\
	#Carwatch-Weekly-Filter
\*---------------------------------------------------------------------------*/

.cw-field--carwatch-weekly-filter--year :where( .cw-field_wrapper ) {
	justify-content: start;
}

.cw-field--carwatch-weekly-filter--year :where( .cw-field__part ) {
	flex: initial;
}

.cw-field--carwatch-weekly-filter--year :where( .cw-field__part--value ) {
	/* Temp fix for options width */
	flex: 0 0 12ch;
}





/*---------------------------------------------------------------------------*\
	#Carwatch-Weekly-Results
\*---------------------------------------------------------------------------*/

.carwatch-weekly-results_wrapper {
	display: grid;
	gap: var( --gap );
	grid-template-columns: 1fr;
}

.carwatch-weekly-results__year {
	display: grid;
	gap: var( --gap--sm );
	grid-template-columns: repeat( auto-fill, minmax( calc( 2ch + var( --gap--sm ) * 2 ), 1fr ) );
	align-items: end;
}

	.carwatch-weekly-results__year--is-hidden {
		display: none;
	}


.carwatch-weekly-result {
	text-align: center;
}

.carwatch-weekly-result--year {
	background: #808080;
	color: #fff;
	font-size: 2.4rem;
	grid-column: 1 / 3;
	padding: var( --gap--xs ) var( --gap--sm );
}

.carwatch-weekly-results__link {
	background: var( --color--primary );
	color: #fff;
	display: block;
	padding: var( --gap--xs ) var( --gap--sm );
	transition: .25s background-color;
}

	/* :is() to override a:pseudo-class */
	.carwatch-weekly-results__link:is( :active, :focus, :hover ) {
		color: #fff;
		background: #b8b8b8;
	}