/*
 * SECTION:  Product page: series strip
 * File:     assets/css/pages/product/sol-product-series.css
 * Used by:  template-parts/product/sol-product-series.php
 * To remove: delete this file and its line in inc/assets.php (handle "sol-product-series").
 */

/* Books in a series, in reading order. Swipe sideways on narrow screens. */
.sol-series-strip {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(108px, 1fr);
	gap: 16px;
	padding: 10px var(--sol-gutter) 14px;
	margin-inline: calc(var(--sol-gutter) * -1);
	overflow-x: auto;
	scroll-snap-type: x proximity;
}

.sol-series-item {
	color: inherit;
	text-decoration: none;
	scroll-snap-align: start;
}

.sol-series-item .sol-card__cover img,
.sol-series-item .sol-cover {
	width: 100%;
}

.sol-series-item.is-current .sol-card__cover > * {
	outline: 3px solid var(--sol-accent);
	outline-offset: 4px;
}

.sol-series-item__no {
	display: block;
	margin-top: 12px;
	color: var(--sol-gold-text);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

@media (min-width: 700px) {
	.sol-series-strip {
		padding-inline: 10px; /* room for the outline on the current book */
		margin-inline: -10px;
	}
}