/*
 * Sahah Addariyah — Player Rekaman Suara (audio)
 * Memakai ulang variabel --sahah-* dari sahah-frontend.css (dimuat lebih dulu)
 * dan layout .sahah-player-layout / .sahah-player-sidebar yang sama dengan video,
 * supaya "daftar sesi" tampil konsisten.
 */

/* Player file (HTML5 audio custom) */
.sahah-audio-player {
	background: #16171a;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* "Piringan" audio + judul kecil di atas kontrol (opsional dekoratif) */
.sahah-audio-player::before {
	content: "\1F3A7"; /* 🎧 */
	font-size: 1.6rem;
	line-height: 1;
	opacity: 0.85;
}

.sahah-audio-controls {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.sahah-actrl {
	background: rgba(255, 255, 255, 0.06);
	color: #f3f3f0;
	border: none;
	border-radius: 8px;
	padding: 8px 11px;
	font-size: 0.95rem;
	cursor: pointer;
	line-height: 1;
	transition: background 0.15s ease;
}
.sahah-actrl:hover {
	background: var(--sahah-green, #1e8a4c);
	color: #fff;
}
.sahah-actrl-play {
	background: var(--sahah-green, #1e8a4c);
	color: #fff;
	min-width: 42px;
	font-size: 1.05rem;
}
.sahah-actrl-play.is-playing {
	background: var(--sahah-gold, #d4a530);
}

.sahah-actrl-time {
	font-variant-numeric: tabular-nums;
	font-size: 0.85rem;
	color: #b9bbb9;
	white-space: nowrap;
}

.sahah-actrl-seek {
	flex: 1 1 160px;
	min-width: 120px;
	accent-color: var(--sahah-green, #1e8a4c);
	cursor: pointer;
}

.sahah-actrl-speed {
	background: rgba(255, 255, 255, 0.06);
	color: #f3f3f0;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	padding: 6px 8px;
	font-size: 0.85rem;
	cursor: pointer;
}

/* Embed pihak ketiga (Google Drive / SoundCloud / Spotify) */
.sahah-audio-embed {
	border-radius: 14px;
	overflow: hidden;
	background: #16171a;
	border: 1px solid rgba(255, 255, 255, 0.08);
}
.sahah-audio-embed iframe {
	display: block;
	width: 100%;
	border: 0;
}
.sahah-audio-soundcloud iframe { height: 166px; }
.sahah-audio-spotify iframe { height: 152px; }
.sahah-audio-gdrive iframe { height: 62px; }

@media (prefers-color-scheme: light) {
	.sahah-audio-player,
	.sahah-audio-embed {
		background: #f4f3ef;
		border-color: rgba(0, 0, 0, 0.08);
	}
	.sahah-actrl {
		background: rgba(0, 0, 0, 0.05);
		color: #17181a;
	}
	.sahah-actrl-speed {
		background: rgba(0, 0, 0, 0.04);
		color: #17181a;
		border-color: rgba(0, 0, 0, 0.15);
	}
	.sahah-actrl-time { color: #5c5f5c; }
}

@media (max-width: 480px) {
	.sahah-actrl-time { order: 5; width: 100%; }
}