/* Widget Elementor del tema (inc/elementor/widgets.php). */

/* ---------- Indice del catalogo ---------- */

.dc-index {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: var(--dc-border);
}
.dc-index__row {
	display: grid;
	grid-template-columns: 4rem 6.5rem minmax(0, 1fr) minmax(0, 16rem) minmax(0, 9rem) 4.5rem;
	gap: 1.5rem;
	align-items: center;
	padding-block: 1rem;
	border-bottom: 1px solid var(--dc-ink);
	text-decoration: none;
	transition: background 0.15s ease;
}
.dc-index__row:hover {
	background: var(--dc-ink);
	color: var(--dc-on-ink);
}
.dc-index__n,
.dc-index__year {
	font-family: var(--dc-font-display);
	font-size: clamp(1.3rem, 2vw, 1.75rem);
	padding-inline: 0.5rem;
}
.dc-index__year {
	text-align: right; /* il numero a sinistra, l'anno allineato a destra */
}
.dc-index__cover img,
.dc-index__cover .dc-cover-placeholder {
	width: 6.5rem;
	height: 6.5rem;
	object-fit: cover;
	border: var(--dc-border);
}
.dc-index__title {
	font-family: var(--dc-font-display);
	font-size: var(--dc-fs-l);
	line-height: var(--dc-lh-title);
	text-transform: uppercase;
}
.dc-index__genre {
	font-size: 1.35rem;
}

@media (max-width: 900px) {
	.dc-index__row {
		grid-template-columns: 4.5rem minmax(0, 1fr) auto;
		gap: 0.2rem 1rem;
	}
	.dc-index__n,
	.dc-index__genre {
		display: none;
	}
	.dc-index__cover {
		grid-row: span 2;
	}
	.dc-index__cover img,
	.dc-index__cover .dc-cover-placeholder {
		width: 4.5rem;
		height: 4.5rem;
	}
	.dc-index__title {
		grid-column: 2;
		font-size: 1.6rem;
	}
	.dc-index__artist {
		grid-column: 2;
		font-size: var(--dc-fs-s);
	}
	.dc-index__year {
		grid-column: 3;
		grid-row: 1;
		font-size: 1.1rem;
	}
}

/* ---------- Sul piatto (Now spinning) ---------- */

.dc-spinning {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	text-align: center;
}
.dc-spinning__vinyl {
	width: min(100%, 340px);
	box-shadow: 0 20px 40px rgb(0 0 0 / 0.35);
}
.dc-spinning__caption {
	font-size: var(--dc-fs-s);
}

/* ---------- Discografia ---------- */

.dc-disc__more {
	margin-top: 2rem;
}