/**
 * MADEX Audio — accessibility safeguards.
 */

.madex-audio-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.madex-audio-player {
	--madex-on-primary: #ffffff;
}

/* A two-tone ring stays visible against both light and dark customer skins. */
.madex-audio-player :where(button, a, input[type="range"]):focus-visible,
.madex-audio-player[tabindex="0"]:focus-visible {
	outline: 2px solid #ffffff !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 4px #111111 !important;
}

.madex-audio-player__play,
.madex-audio-expanded__play {
	color: var(--madex-on-primary, #ffffff);
}

/* Make disabled state perceivable beyond color alone. */
.madex-audio-player button:disabled,
.madex-audio-player [aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.48;
}

/* Maintain readable controls in Windows High Contrast / forced-colors modes. */
@media (forced-colors: active) {
	.madex-audio-player,
	.madex-audio-expanded__surface,
	.madex-audio-queue__surface {
		forced-color-adjust: auto;
		border: 1px solid CanvasText;
		background: Canvas;
		color: CanvasText;
	}

	.madex-audio-player :where(button, a, input[type="range"]):focus-visible,
	.madex-audio-player[tabindex="0"]:focus-visible {
		outline: 3px solid Highlight !important;
		box-shadow: none !important;
	}

	.madex-audio-player button,
	.madex-audio-player a,
	.madex-audio-expanded__track-button,
	.madex-audio-queue__action {
		border: 1px solid ButtonText;
		color: ButtonText;
	}

	.madex-audio-player button[aria-pressed="true"],
	.madex-audio-expanded__track-button[aria-current="true"] {
		border-color: Highlight;
		color: Highlight;
	}

	.madex-audio-player__waveform-canvas,
	.madex-audio-expanded__waveform-canvas {
		forced-color-adjust: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.madex-audio-player *,
	.madex-audio-player *::before,
	.madex-audio-player *::after {
		scroll-behavior: auto !important;
	}
}