/* LDDP Player — palette « Décision/achat ». Variables surchargeables (ex. section sombre). */
button.lddp-play {
	--p: 0;
	--lddp-play-accent: #8C3B2E;
	--lddp-play-hover: #B5581E;
	--lddp-play-bg: #FBF7EE;
	--lddp-play-track: #E4DBC9;

	position: relative;
	display: inline-grid;
	place-items: center;
	flex: none;
	inline-size: 2.25rem;
	block-size: 2.25rem;
	margin: 0 .75rem 0 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: conic-gradient(var(--lddp-play-accent) calc(var(--p) * 1%), var(--lddp-play-track) 0);
	color: var(--lddp-play-accent);
	vertical-align: middle;
	cursor: pointer;
	transition: color .15s;
}

button.lddp-play::before {
	content: "";
	position: absolute;
	inset: 2px;
	border-radius: 50%;
	background: var(--lddp-play-bg);
}

button.lddp-play svg {
	position: relative;
	inline-size: 1rem;
	block-size: 1rem;
	fill: currentColor;
}

button.lddp-play .lddp-icon-pause { display: none; }
button.lddp-play.is-playing .lddp-icon-pause { display: block; }
button.lddp-play.is-playing .lddp-icon-play { display: none; }

button.lddp-play:hover { color: var(--lddp-play-hover); }
button.lddp-play:focus-visible { outline: 2px solid #221D18; outline-offset: 2px; }
button.lddp-play.is-loading { cursor: progress; opacity: .65; }
button.lddp-play.is-error { --lddp-play-accent: #7A7166; opacity: .5; }

/* Ligne de tracklist : bouton aligné avec le texte, sans toucher au layout existant */
.lddp-tracklist__row.lddp-has-extrait > .lddp-play { align-self: center; }

/* Tracklist sur fond sombre (palette « Identité »). Retire ce bloc si la section est claire. */
.lddp-tracklist button.lddp-play {
	--lddp-play-accent: #D98E3B;
	--lddp-play-hover: #F1EDE4;
	--lddp-play-bg: #1C1917;
	--lddp-play-track: #322D28;
	inline-size: 2rem;
	block-size: 2rem;
}

/* Vignette boutique : posée sur l'image, en dehors du lien produit */
.woocommerce ul.products li.product { position: relative; }

button.lddp-play--vignette {
	position: absolute;
	top: .75rem;
	left: .75rem;
	z-index: 3;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	margin: 0;
	box-shadow: 0 1px 4px rgba(34, 29, 24, .3);
}

button.lddp-play--vignette svg { inline-size: 1.15rem; block-size: 1.15rem; }

@media (prefers-reduced-motion: reduce) {
	button.lddp-play { transition: none; }
}