/* ============================================================
LaFaccia Music Player — player.css
Versione: 2.1.7 (2026-08-12)
Base: v2.1.5 (invariata) + VARIANTE "links" in coda.
- Header "Fuori Ora" rimosso dal markup PHP (v2.1.6): i blocchi
  .lfi-header restano qui solo per retro-compatibilità e non
  vengono più renderizzati.
- [lafaccia_player theme="links"]: embed linktree (navy),
  niente box, metadata nascosti, cover a piena larghezza.
Senza theme="links" il player è IDENTICO alla versione marmo.
============================================================ */

.lfi-player{
	--night:#141a2e;
	--ink:#1c2233;
	--muted:#7a7e89;
	--faint:#9a9da5;
	--gold:#B08D57;
	--teal:#2fb8c9;
	--paper:#fbfaf7;
	--line:rgba(20,26,46,.09);
	--serif:'Playfair Display','Cormorant Garamond',Georgia,'Times New Roman',serif;
	--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	--ease:cubic-bezier(.22,.61,.36,1);
	font-family:var(--sans);
	color:var(--night);
	padding:clamp(20px,4.5vw,60px) clamp(10px,3.5vw,40px);
	background:none; /* trasparente: si vede il marble globale della pagina */
	overflow-x:clip;
	-webkit-tap-highlight-color:transparent;
}

.lfi-player *,.lfi-player *::before,.lfi-player *::after{box-sizing:border-box}

.lfi-container{max-width:min(1180px,100%);margin:0 auto}

/* ---------- Header (legacy: non più renderizzato dalla v2.1.6) ---------- */
.lfi-header{text-align:center;margin:0 auto clamp(14px,2vw,26px)}
.lfi-header .lfi-title{
	font-family:var(--serif);
	font-weight:500;
	font-size:clamp(2rem,4.6vw,3.4rem);
	letter-spacing:.012em;
	line-height:1.08;
	color:var(--ink);
	margin:0 0 6px;
}
.lfi-header p{
	font-family:var(--serif);
	color:var(--faint);
	font-size:clamp(1rem,1.7vw,1.22rem);
	font-weight:300;
	letter-spacing:.04em;
	margin:0;
}

/* ---------- Pannello INCAVATO nel marmo ---------- */
.lfi-card{
	background:rgba(255,255,255,.26);
	border:1px solid rgba(20,26,46,.055);
	border-radius:clamp(20px,3vw,32px);
	box-shadow:
		inset 0 2px 14px rgba(20,26,46,.055),
		inset 0 1px 3px rgba(20,26,46,.045),
		0 1px 0 rgba(255,255,255,.55);
	padding:clamp(20px,3.5vw,40px) clamp(10px,2.4vw,30px) clamp(20px,3vw,36px);
	position:relative;
	overflow:hidden;
}

/* ---------- Stage (flow + colonna metadati) ---------- */
.lfi-stage{position:relative}

/* ---------- Colonna metadati (nascosta su Mobile) ---------- */
.lfi-details{display:none}
.lfi-detail.is-empty{display:none}

/* ---------- Cover Flow ---------- */
.lfi-flow{
	--lfi-cover-ratio:1.54;  /* Mobile: +15% verticale (~2:3) */
	--lfi-cover-w:.84;
	--lfi-cover-max:460;
	--lfi-cover-spacing:.78;
	--lfi-cover-tilt:50;
	position:relative;
	width:100%;
	margin-inline:auto;
	perspective:1400px;
	transform-style:preserve-3d;
	touch-action:pan-y;
	overscroll-behavior-x:contain;
	user-select:none;
	-webkit-user-select:none;
}

@media (min-width:560px){ /* smartphone grandi / small tablet */
	.lfi-flow{--lfi-cover-ratio:1.3;--lfi-cover-w:.72;--lfi-cover-max:500}
}

.lfi-flow-item{
	position:absolute;
	left:50%;
	top:0;
	border-radius:clamp(16px,2.4vw,24px);
	overflow:hidden;
	background:#161b30;
	box-shadow:0 18px 44px -14px rgba(20,26,46,.30);
	cursor:pointer;
	transition:
		transform .6s var(--ease),
		opacity .6s ease,
		box-shadow .45s ease;
	will-change:transform;
}

.lfi-flow-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	pointer-events:none;
	-webkit-user-drag:none;
}

.lfi-flow-item:not(.is-active)::before{
	content:'';
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(160deg,rgba(251,250,247,.38),rgba(251,250,247,.16));
	pointer-events:none;
}

.lfi-flow-item:not(.is-active) img{filter:saturate(.88) brightness(1.03)}

.lfi-flow-item.is-active{
	box-shadow:
		0 46px 100px -24px rgba(20,26,46,.48),
		0 8px 24px -8px rgba(20,26,46,.18);
}

/* ---------- UI dentro la cover ---------- */
.lfi-ui{
	position:absolute;
	inset:0;
	z-index:6;
	pointer-events:none;
	border-radius:inherit;
	overflow:hidden;
}

.lfi-ui::after{
	content:'';
	position:absolute;
	left:0;right:0;bottom:0;
	height:64%;
	background:linear-gradient(to top,rgba(7,9,17,.78) 0%,rgba(7,9,17,.34) 46%,transparent 100%);
	pointer-events:none;
}

.lfi-ui>*{pointer-events:auto}

.lfi-ui-meta{
	position:absolute;
	left:18px;
	right:18px;
	bottom:188px;
	max-width:58%;
	text-align:left;
	z-index:2;
}

.lfi-ui-title{
	color:#fff;
	font-family:var(--serif);
	font-size:clamp(18px,2.4vw,24px);
	font-weight:500;
	letter-spacing:.01em;
	text-shadow:0 2px 10px rgba(0,0,0,.55);
	margin:0;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.lfi-ui-artist{
	color:rgba(255,255,255,.82);
	font-size:12.5px;
	font-weight:300;
	letter-spacing:.03em;
	text-shadow:0 1px 4px rgba(0,0,0,.55);
	margin:4px 0 0;
}

.lfi-ui-progress{
	position:absolute;
	left:18px;
	right:18px;
	bottom:134px;
	z-index:2;
}

.lfi-seek{
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height:3px;
	border-radius:2px;
	background:rgba(255,255,255,.38);
	outline:none;
	cursor:pointer;
	padding:0;margin:0;border:none;display:block;
}

.lfi-seek:disabled{cursor:default;opacity:.55}

.lfi-seek::-webkit-slider-thumb{
	-webkit-appearance:none;appearance:none;
	width:15px;height:15px;border-radius:50%;
	background:#fff;cursor:pointer;border:none;
	box-shadow:0 1px 5px rgba(0,0,0,.45);
}

.lfi-seek::-moz-range-thumb{
	width:15px;height:15px;border-radius:50%;
	background:#fff;cursor:pointer;border:none;
	box-shadow:0 1px 5px rgba(0,0,0,.45);
}

.lfi-ui-times{display:flex;justify-content:space-between;margin-top:6px}

.lfi-time{
	font-size:11px;
	font-weight:300;
	color:rgba(255,255,255,.88);
	text-shadow:0 1px 3px rgba(0,0,0,.5);
	font-variant-numeric:tabular-nums;
}

.lfi-ui-play{
	position:absolute;
	top:auto;
	bottom:56px;
	left:50%;
	transform:translateX(-50%);
	width:66px;
	height:66px;
	border-radius:50%;
	border:2.5px solid rgba(255,255,255,.95);
	background:rgba(18,24,38,.28);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:transform .25s var(--ease),background .25s ease,border-color .25s ease;
	padding:0;
	z-index:3;
}

.lfi-ui-play svg{width:24px;height:24px;fill:currentColor}
.lfi-ui-play:hover{transform:translateX(-50%) scale(1.07);background:rgba(176,141,87,.5)}
.lfi-ui-play:active{transform:translateX(-50%) scale(.96)}

.lfi-ui-nav{
	position:absolute;
	top:auto;
	bottom:67px;
	background:none;
	border:none;
	color:#fff;
	cursor:pointer;
	padding:12px;
	opacity:.9;
	transition:opacity .2s ease,transform .2s var(--ease);
	z-index:3;
	line-height:0;
}

.lfi-ui-nav svg{width:24px;height:24px;fill:currentColor;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}
.lfi-ui-nav:hover{opacity:1;transform:scale(1.14)}
.lfi-ui-prev{left:calc(50% - 96px)}
.lfi-ui-next{right:calc(50% - 96px)}
.lfi-ui-nav:disabled{opacity:.22;cursor:default;transform:none}

/* ---------- Chip piattaforme ---------- */
.lfi-ui-links{
	position:absolute;
	left:12px;
	right:12px;
	bottom:12px;
	display:flex;
	justify-content:center;
	gap:8px;
	overflow-x:auto;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	z-index:3;
	padding:2px;
}

.lfi-ui-links::-webkit-scrollbar{display:none}

.lfi-link-chip{
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:none;
	white-space:nowrap;
	text-decoration:none;
	font-weight:400;
	line-height:1;
	transition:transform .22s var(--ease),background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.lfi-link-chip span{font-weight:400;letter-spacing:.02em}

.lfi-link-chip::before{
	content:'';
	width:16px;
	height:16px;
	flex:none;
	background:center/contain no-repeat;
}

/* --- Icone SCURE (desktop, pill chiare) --- */
.lfi-link-chip[href*="spotify"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23111'/%3E%3Cpath d='M7.2 10.1c3.1-1 6.9-.8 9.8 1' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' fill='none'/%3E%3Cpath d='M7.6 13.2c2.6-.7 5.6-.6 8.1.8' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M8 16c2.1-.5 4.4-.4 6.5.7' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
.lfi-link-chip[href*="apple"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23111'/%3E%3Cpath d='M10 17.5a2.4 2.4 0 1 1-2.4-2.4c.3 0 .58.05.84.14V8.1l8-1.8v7.94a2.4 2.4 0 1 1-2.4-2.4c.28 0 .55.05.8.13V9.1L10 10.5z' fill='%23fff'/%3E%3C/svg%3E")}
.lfi-link-chip[href*="youtu"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5.5' width='20' height='13' rx='3.6' fill='%23111'/%3E%3Cpath d='M10.2 9.4v5.2l4.6-2.6z' fill='%23fff'/%3E%3C/svg%3E")}
.lfi-link-chip[href*="soundcloud"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23111'%3E%3Crect x='2.4' y='12' width='1.5' height='4' rx='.7'/%3E%3Crect x='4.7' y='10' width='1.5' height='6' rx='.7'/%3E%3Crect x='7' y='9' width='1.5' height='7' rx='.7'/%3E%3Crect x='9.3' y='8.2' width='1.4' height='7.8' rx='.7'/%3E%3Cpath d='M12.4 16V7.6c.5-.1 1-.16 1.5-.16a5.3 5.3 0 0 1 5 3.5A3.4 3.4 0 0 1 18.5 16z'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-link-chip[href*="deezer"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23111'%3E%3Crect x='3' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='7' width='3.4' height='4' rx='.7'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-link-chip[href*="amazon"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23111'/%3E%3Cpath d='M10.6 8.4a1.9 1.9 0 1 1 1.5-3.05V4h2.1l-1.6 6.6h-1.4z' fill='%23fff'/%3E%3Cpath d='M5 14.8c2.6 2.3 6 3.5 9.3 3.4 2.3-.1 4.4-.9 6.1-2.2' stroke='%23fff' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18.3 13.9l1.9 1.1-1 1.9z' fill='%23fff'/%3E%3C/svg%3E")}

/* Dentro la cover (Mobile): SOLO loghi bianchi, SENZA bordo, 38px */
.lfi-ui .lfi-link-chip{
	width:38px;
	height:38px;
	padding:0;
	justify-content:center;
	border-radius:11px;
	background:rgba(10,14,26,.38);
	border:none;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	color:#fff;
}

.lfi-ui .lfi-link-chip span{display:none}
.lfi-ui .lfi-link-chip::before{width:18px;height:18px}
.lfi-ui .lfi-link-chip:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}

/* --- Icone BIANCHE (mobile, dentro la cover) --- */
.lfi-ui .lfi-link-chip[href*="spotify"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23fff'/%3E%3Cpath d='M7.2 10.1c3.1-1 6.9-.8 9.8 1' stroke='%23141a2e' stroke-width='1.7' stroke-linecap='round' fill='none'/%3E%3Cpath d='M7.6 13.2c2.6-.7 5.6-.6 8.1.8' stroke='%23141a2e' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M8 16c2.1-.5 4.4-.4 6.5.7' stroke='%23141a2e' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
.lfi-ui .lfi-link-chip[href*="apple"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23fff'/%3E%3Cpath d='M10 17.5a2.4 2.4 0 1 1-2.4-2.4c.3 0 .58.05.84.14V8.1l8-1.8v7.94a2.4 2.4 0 1 1-2.4-2.4c.28 0 .55.05.8.13V9.1L10 10.5z' fill='%23141a2e'/%3E%3C/svg%3E")}
.lfi-ui .lfi-link-chip[href*="youtu"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5.5' width='20' height='13' rx='3.6' fill='%23fff'/%3E%3Cpath d='M10.2 9.4v5.2l4.6-2.6z' fill='%23141a2e'/%3E%3C/svg%3E")}
.lfi-ui .lfi-link-chip[href*="soundcloud"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff'%3E%3Crect x='2.4' y='12' width='1.5' height='4' rx='.7'/%3E%3Crect x='4.7' y='10' width='1.5' height='6' rx='.7'/%3E%3Crect x='7' y='9' width='1.5' height='7' rx='.7'/%3E%3Crect x='9.3' y='8.2' width='1.4' height='7.8' rx='.7'/%3E%3Cpath d='M12.4 16V7.6c.5-.1 1-.16 1.5-.16a5.3 5.3 0 0 1 5 3.5A3.4 3.4 0 0 1 18.5 16z'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-ui .lfi-link-chip[href*="deezer"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23fff'%3E%3Crect x='3' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='7' width='3.4' height='4' rx='.7'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-ui .lfi-link-chip[href*="amazon"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23fff'/%3E%3Cpath d='M10.6 8.4a1.9 1.9 0 1 1 1.5-3.05V4h2.1l-1.6 6.6h-1.4z' fill='%23141a2e'/%3E%3Cpath d='M5 14.8c2.6 2.3 6 3.5 9.3 3.4 2.3-.1 4.4-.9 6.1-2.2' stroke='%23141a2e' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18.3 13.9l1.9 1.1-1 1.9z' fill='%23141a2e'/%3E%3C/svg%3E")}

/* Barra piattaforme Desktop (fuori dalla cover, sotto lo stage) */
.lfi-platforms{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:clamp(8px,1.4vw,14px);
	margin-top:clamp(26px,3.5vw,46px);
	position:relative;
	z-index:200;
}

.lfi-platforms:empty{display:none}

.lfi-platforms .lfi-link-chip{
	padding:11px 20px;
	border-radius:999px;
	background:#fff;
	border:1px solid var(--line);
	color:var(--ink);
	font-size:13px;
	font-weight:400;
	box-shadow:0 2px 10px rgba(20,26,46,.05);
}

.lfi-platforms .lfi-link-chip:hover{
	transform:translateY(-2px);
	border-color:rgba(20,26,46,.2);
	box-shadow:0 10px 24px -8px rgba(20,26,46,.18);
}

.lfi-ui button:focus-visible,
.lfi-link-chip:focus-visible{outline:3px solid var(--teal);outline-offset:2px}

.lfi-player.lfi-no-audio .lfi-ui-play{display:none}

/* ---------- Toggle autoadvance ---------- */
.lfi-autoadvance{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	font-size:12px;
	font-weight:300;
	color:var(--faint);
	letter-spacing:.02em;
	cursor:pointer;
	user-select:none;
	margin-top:clamp(14px,2vw,20px);
	position:relative;
	z-index:200;
}

.lfi-autoadvance input{accent-color:var(--gold);cursor:pointer;margin:0}

/* ---------- Discografia ---------- */
.lfi-discography{
	max-width:min(960px,100%);
	margin:clamp(38px,6vw,68px) auto 0;
	padding:0 clamp(4px,2vw,20px);
	font-family:var(--sans);
}

.lfi-discography > h2,
.lfi-discography > h3,
.lfi-discography .lfi-disc-heading{
	font-size:12px;
	font-weight:400;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:var(--faint);
	text-align:center;
	margin:0 0 clamp(18px,3vw,28px);
}

.lfi-disc-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:clamp(18px,3vw,34px) clamp(14px,2.5vw,28px);
}

@media (min-width:900px){
	.lfi-disc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
}

.lfi-disc-item{
	background:none;
	border:none;
	padding:0;
	cursor:pointer;
	text-align:center;
	font-family:inherit;
	transition:transform .35s var(--ease);
}

.lfi-disc-item:hover{transform:translateY(-4px)}
.lfi-disc-item:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:18px}

.lfi-disc-cover{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:1;
	border-radius:clamp(14px,2vw,18px);
	overflow:hidden;
	box-shadow:0 16px 38px -14px rgba(20,26,46,.28);
}

.lfi-disc-cover img{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:transform .5s var(--ease);
}

.lfi-disc-item:hover .lfi-disc-cover img{transform:scale(1.045)}

.lfi-disc-cover::after{
	content:'';
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	width:clamp(44px,5vw,56px);
	height:clamp(44px,5vw,56px);
	border-radius:50%;
	background:rgba(255,255,255,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.5 5.5v13l10-6.5z' fill='%23141a2e'/%3E%3C/svg%3E") center/40% no-repeat;
	box-shadow:0 8px 22px rgba(0,0,0,.28);
	transition:transform .3s var(--ease);
	pointer-events:none;
	z-index:2;
}

.lfi-disc-item:hover .lfi-disc-cover::after{transform:translate(-50%,-50%) scale(1.08)}

.lfi-disc-badge{
	position:absolute;
	top:8px;right:8px;
	background:rgba(176,141,87,.95);
	color:#fff;
	width:24px;height:24px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	font-size:13px;
	box-shadow:0 2px 6px rgba(0,0,0,.3);
	z-index:3;
}

.lfi-disc-playing{
	position:absolute;inset:0;
	border-radius:inherit;
	border:3px solid transparent;
	transition:border-color .3s ease;
	pointer-events:none;
	z-index:3;
}

.lfi-disc-item.now-playing .lfi-disc-playing{
	border-color:var(--gold);
	animation:lfi-nowpulse 1.8s ease-in-out infinite;
}

@keyframes lfi-nowpulse{
	0%,100%{box-shadow:0 0 0 0 rgba(176,141,87,.35)}
	50%{box-shadow:0 0 0 9px rgba(176,141,87,0)}
}

.lfi-disc-title{
	display:block;
	margin-top:12px;
	font-family:var(--serif);
	font-size:clamp(14px,1.6vw,16.5px);
	font-weight:500;
	color:var(--ink);
}

.lfi-disc-artist{
	display:block;
	font-size:12.5px;
	color:var(--muted);
	font-weight:300;
	margin-top:2px;
}

/* ---------- Desktop: [aria] [COVER centrata] [separatore + META compatti] ---------- */
@media (min-width:900px){
	.lfi-stage{
		display:grid;
		grid-template-columns:minmax(160px,1fr) minmax(0,600px) minmax(160px,1fr);
		align-items:center;
		column-gap:clamp(12px,2vw,32px);
	}

	.lfi-flow{
		grid-column:2;
		grid-row:1;
		--lfi-cover-ratio:1;
		--lfi-cover-w:.52;
		--lfi-cover-max:480;
		--lfi-cover-spacing:.42;
		--lfi-cover-tilt:62;
	}

	.lfi-details{
		grid-column:3;
		grid-row:1;
		position:relative;
		z-index:200;
		justify-self:end;
		width:auto;
		max-width:100%;
		min-width:0;
		display:flex;
		flex-direction:column;
		gap:clamp(18px,2.2vw,28px);
		padding-left:clamp(16px,1.8vw,24px);
		border-left:1px solid var(--line);
	}

	.lfi-detail-label{
		display:block;
		font-size:11px;
		font-weight:400;
		letter-spacing:.16em;
		text-transform:uppercase;
		color:var(--faint);
		white-space:nowrap;
	}

	.lfi-detail-value{
		display:block;
		margin-top:6px;
		font-size:14px;
		font-weight:400;
		color:var(--ink);
	}

	.lfi-ui-meta{left:22px;right:22px;bottom:158px;max-width:56%}
	.lfi-ui-title{font-size:clamp(20px,2vw,26px)}
	.lfi-ui-progress{left:22px;right:22px;bottom:96px}
	.lfi-ui-play{bottom:18px;width:60px;height:60px}
	.lfi-ui-play svg{width:22px;height:22px}
	.lfi-ui-nav{bottom:27px}
	.lfi-ui-prev{left:calc(50% - 92px)}
	.lfi-ui-next{right:calc(50% - 92px)}
	.lfi-ui::after{height:56%}
}

@media (min-width:1500px){ /* ultrawide */
	.lfi-stage{grid-template-columns:minmax(200px,1fr) minmax(0,680px) minmax(200px,1fr)}
	.lfi-flow{--lfi-cover-w:.5;--lfi-cover-max:520}
}

/* ---------- Smartphone piccoli ---------- */
@media (max-width:380px){
	.lfi-flow{--lfi-cover-ratio:1.56;--lfi-cover-w:.86}
	.lfi-ui-meta{bottom:178px;max-width:62%}
	.lfi-ui-progress{bottom:126px}
	.lfi-ui-play{width:60px;height:60px;bottom:52px}
	.lfi-ui-nav{bottom:62px;padding:10px}
	.lfi-ui-prev{left:calc(50% - 84px)}
	.lfi-ui-next{right:calc(50% - 84px)}
	.lfi-ui .lfi-link-chip{width:36px;height:36px}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
	.lfi-flow-item{transition:opacity .2s ease,box-shadow .2s ease}
	.lfi-ui-play,.lfi-ui-nav,.lfi-link-chip,.lfi-disc-item,
	.lfi-disc-cover img,.lfi-disc-cover::after{transition:none}
	.lfi-disc-item.now-playing .lfi-disc-playing{animation:none}
}

/* ============================================================
VARIANTE "links" — embed per pagina linktree (navy)
Uso: [lafaccia_player theme="links"]
- NESSUN box/pannello attorno al player
- metadata NASCOSTI (mobile + desktop): spazio massimo alle cover
- testo chiaro, pill provider in vetro scuro, velo cover scuro
- Desktop: fascia centrale più ampia (760px), cover max 560px
============================================================ */

.lfi-player.lfi-theme-links{
	--ink:#f4f2ec;
	--muted:rgba(244,242,236,.68);
	--faint:rgba(244,242,236,.55);
	--line:rgba(255,255,255,.14);
	padding:clamp(8px,2.5vw,24px) clamp(4px,1.5vw,16px);
}

.lfi-player.lfi-theme-links .lfi-card{
	background:none;
	border:none;
	box-shadow:none;
	border-radius:0;
	padding:0;
	overflow:visible;
}

/* Metadata nascosti nella variante links (tutte le viewport) */
.lfi-player.lfi-theme-links .lfi-details{display:none}

.lfi-player.lfi-theme-links .lfi-flow-item:not(.is-active)::before{
	background:linear-gradient(160deg,rgba(8,14,32,.42),rgba(8,14,32,.18));
}

.lfi-player.lfi-theme-links .lfi-flow-item:not(.is-active) img{
	filter:saturate(.85) brightness(.92);
}

/* Pill provider Desktop: vetro scuro con icone chiare */
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.16);
	color:#f4f2ec;
	box-shadow:none;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip:hover{
	background:rgba(255,255,255,.16);
	border-color:rgba(255,255,255,.3);
	box-shadow:none;
}

.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="spotify"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23f4f2ec'/%3E%3Cpath d='M7.2 10.1c3.1-1 6.9-.8 9.8 1' stroke='%230a0e1a' stroke-width='1.7' stroke-linecap='round' fill='none'/%3E%3Cpath d='M7.6 13.2c2.6-.7 5.6-.6 8.1.8' stroke='%230a0e1a' stroke-width='1.5' stroke-linecap='round' fill='none'/%3E%3Cpath d='M8 16c2.1-.5 4.4-.4 6.5.7' stroke='%230a0e1a' stroke-width='1.3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="apple"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23f4f2ec'/%3E%3Cpath d='M10 17.5a2.4 2.4 0 1 1-2.4-2.4c.3 0 .58.05.84.14V8.1l8-1.8v7.94a2.4 2.4 0 1 1-2.4-2.4c.28 0 .55.05.8.13V9.1L10 10.5z' fill='%230a0e1a'/%3E%3C/svg%3E")}
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="youtu"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='5.5' width='20' height='13' rx='3.6' fill='%23f4f2ec'/%3E%3Cpath d='M10.2 9.4v5.2l4.6-2.6z' fill='%230a0e1a'/%3E%3C/svg%3E")}
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="soundcloud"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23f4f2ec'%3E%3Crect x='2.4' y='12' width='1.5' height='4' rx='.7'/%3E%3Crect x='4.7' y='10' width='1.5' height='6' rx='.7'/%3E%3Crect x='7' y='9' width='1.5' height='7' rx='.7'/%3E%3Crect x='9.3' y='8.2' width='1.4' height='7.8' rx='.7'/%3E%3Cpath d='M12.4 16V7.6c.5-.1 1-.16 1.5-.16a5.3 5.3 0 0 1 5 3.5A3.4 3.4 0 0 1 18.5 16z'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="deezer"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23f4f2ec'%3E%3Crect x='3' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='17' width='3.4' height='4' rx='.7'/%3E%3Crect x='7.6' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='12.2' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='12' width='3.4' height='4' rx='.7'/%3E%3Crect x='16.8' y='7' width='3.4' height='4' rx='.7'/%3E%3C/g%3E%3C/svg%3E")}
.lfi-player.lfi-theme-links .lfi-platforms .lfi-link-chip[href*="amazon"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='5.5' fill='%23f4f2ec'/%3E%3Cpath d='M10.6 8.4a1.9 1.9 0 1 1 1.5-3.05V4h2.1l-1.6 6.6h-1.4z' fill='%230a0e1a'/%3E%3Cpath d='M5 14.8c2.6 2.3 6 3.5 9.3 3.4 2.3-.1 4.4-.9 6.1-2.2' stroke='%230a0e1a' stroke-width='1.7' fill='none' stroke-linecap='round'/%3E%3Cpath d='M18.3 13.9l1.9 1.1-1 1.9z' fill='%230a0e1a'/%3E%3C/svg%3E")}

/* Desktop variante links: metadata via -> fascia centrale più ampia */
@media (min-width:900px){
	.lfi-player.lfi-theme-links .lfi-stage{
		grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);
	}
	.lfi-player.lfi-theme-links .lfi-flow{
		--lfi-cover-w:.56;
		--lfi-cover-max:560;
	}
}

@media (min-width:1500px){
	.lfi-player.lfi-theme-links .lfi-stage{
		grid-template-columns:minmax(0,1fr) minmax(0,840px) minmax(0,1fr);
	}
}