/* ============================================================
	Path: 12/css/audioPlayer.css
============================================================
   AUDIO PLAYER – STATE & VISIBILITY ONLY
============================================================ */

/* Hele audio-området er skjult som default */
#audio-container-pagetop {
	display: none;
}

/* Aktiv audio (lokal eller Spotify) */
#audio-container-pagetop.is-active {
	display: block;
}

/* ------------------------------------------------------------
   Lokal audio
------------------------------------------------------------ */

/* <audio> er kun motor – aldri synlig */
.audio-player audio {
	display: none;
}

/* Selve audio-player-containeren
   (kun lett intern styling, ingen plassering) */
.audio-player {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

/* ------------------------------------------------------------
   Spotify
------------------------------------------------------------ */

#spotify-embed-container {
	display: none;
}

#spotify-embed-container.is-active {
	display: block;
}

/* ------------------------------------------------------------
   Audio modal
------------------------------------------------------------ */

#audio-modal {
	position: fixed;
	top: 0.75em;
	right: 0.75em;
	z-index: 5000;
	display: none;
}

#audio-modal.open {
	display: block;
}
.modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.45);
	display: none;
	z-index: 4999;
}

.modal-overlay.open {
	display: block;
}
.track-duration {
	align-self: flex-end;
	justify-self: flex-end;
}