/* Le Chalet — Galerie Spotify (mur de pochettes) */

.lcgal__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 14px;
}
.lcgal__item {
	position: relative;
	aspect-ratio: 1 / 1;
	display: block;
	background: #16161a center/cover no-repeat;
	border: 1px solid var(--wp--preset--color--ink, #0a0a0a);
	box-shadow: 0 6px 18px rgba(10,10,10,0.12);
	overflow: hidden;
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease, z-index 0s;
}
.lcgal__item:hover {
	transform: translateY(-4px) scale(1.03);
	box-shadow: 0 18px 40px rgba(10,10,10,0.28);
	z-index: 3;
}
/* pochette en <img> (lazy-load natif + dimensions) sous l'overlay d'info */
.lcgal__img {
	position: absolute; inset: 0; z-index: 1;
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
}
/* fenêtre d'info au survol */
.lcgal__info {
	position: absolute; inset: 0; z-index: 2;
	display: flex; flex-direction: column; justify-content: flex-end; gap: 4px;
	padding: 14px;
	color: #fff;
	background: linear-gradient(0deg, rgba(8,8,12,0.92) 0%, rgba(8,8,12,0.45) 45%, transparent 80%);
	opacity: 0; transform: translateY(8px);
	transition: opacity .25s ease, transform .25s ease;
}
.lcgal__item:hover .lcgal__info { opacity: 1; transform: none; }
.lcgal__track {
	font-family: var(--wp--preset--font-family--heading, sans-serif);
	text-transform: uppercase; line-height: 1; font-size: 1rem;
}
.lcgal__artist {
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.75);
}
.lcgal__play {
	margin-top: 6px;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--wp--preset--color--accent, #c9a7ff);
}
@media (max-width: 600px) {
	.lcgal__grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
	/* sur mobile pas de survol : on montre titre + artiste en permanence, discret */
	.lcgal__info { opacity: 1; transform: none; background: linear-gradient(0deg, rgba(8,8,12,0.85), transparent 70%); padding: 10px; }
	.lcgal__track { font-size: 0.8rem; }
	.lcgal__play { display: none; }
}