/* UC Play Along */

/* ── כפתור "נגן את השיר המקורי" ── */
.uc-pa-open {
	display: inline-flex;
	align-items: center;
	gap: .45em;
	margin: 0 0 .9rem;
	padding: .45em 1em;
	font: inherit;
	font-size: .9rem;
	font-weight: 600;
	color: var(--accent-primary);
	background: transparent;
	border: 1px solid var(--accent-primary);
	border-radius: 999px;
	cursor: pointer;
	line-height: 1.2;
}
.uc-pa-open:hover,
.uc-pa-open[aria-pressed="true"] {
	background: var(--accent-primary);
	color: var(--accent-primary-text);
}
.uc-pa-open:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 3px; }
.uc-pa-along { margin-top: .9rem; }

/* ── הנגן הקטן ── */
.uc-pa-mini {
	position: fixed;
	right: 12px;
	bottom: 16px;
	z-index: 999;
	width: min(300px, 60vw);
	background: var(--bg-control, #1e2533);
	border: 1px solid var(--border-color, rgba(255,255,255,.15));
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(0,0,0,.35);
	overflow: hidden;
}
.uc-pa-mini.uc-pa-big { width: min(560px, calc(100vw - 24px)); }
.uc-pa-bar {
	display: flex;
	align-items: center;
	gap: .4em;
	padding: 2px 4px;
	direction: rtl;
}
.uc-pa-label {
	flex: 1;
	font-size: .78rem;
	color: var(--text-secondary, inherit);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.uc-pa-bar button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	color: var(--text-primary, inherit);
	background: transparent;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
}
.uc-pa-bar button:hover { background: rgba(127,127,127,.18); }
.uc-pa-bar button:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: -2px; }
.uc-pa-frame { position: relative; aspect-ratio: 16 / 9; background: #000; }
.uc-pa-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* ── שיר אקראי ── */
.uc-pa-random {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5em;
	margin: 0 0 1.5rem;
	padding: .85rem 1rem;
	font-weight: 700;
	color: var(--accent-primary);
	background: var(--bg-control);
	border: 1px solid var(--accent-primary);
	border-radius: var(--radius-md, 10px);
	text-decoration: none;
}
.uc-pa-random:hover { background: var(--accent-primary); color: var(--accent-primary-text); }
.uc-pa-random:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 3px; }

@media print { .uc-pa-open, .uc-pa-mini, .uc-pa-random { display: none !important; } }