/**
 * MADEX Audio — dedicated mobile/touch optimization layer.
 * Loaded after the core player CSS so desktop styling remains unchanged.
 */

:root {
	--madex-mobile-viewport-height: 100dvh;
	--madex-safe-top: env(safe-area-inset-top, 0px);
	--madex-safe-right: env(safe-area-inset-right, 0px);
	--madex-safe-bottom: env(safe-area-inset-bottom, 0px);
	--madex-safe-left: env(safe-area-inset-left, 0px);
}

.madex-audio-player,
.madex-audio-expanded,
.madex-audio-queue {
	-webkit-tap-highlight-color: transparent;
}

.madex-audio-player button,
.madex-audio-player a,
.madex-audio-player input[type="range"] {
	touch-action: manipulation;
}

@media (pointer: coarse) {
	.madex-audio-player__icon-button,
	.madex-audio-player__mobile-expand,
	.madex-audio-expanded__control,
	.madex-audio-expanded__small-button,
	.madex-audio-expanded__close,
	.madex-audio-expanded__queue-button,
	.madex-audio-queue__close,
	.madex-audio-queue__action {
		min-width: 44px;
		min-height: 44px;
	}

	.madex-audio-player__play,
	.madex-audio-expanded__play {
		min-width: 52px;
		min-height: 52px;
	}

	.madex-audio-expanded__track-actions button,
	.madex-audio-expanded__track-buy,
	.madex-audio-player__purchase,
	.madex-audio-expanded__purchase,
	.madex-audio-queue__clear {
		min-height: 44px;
	}

	.madex-audio-player input[type="range"],
	.madex-audio-expanded input[type="range"] {
		min-height: 32px;
	}
}

@media (max-width: 760px) {
	body.madex-audio-has-sticky-bottom {
		padding-bottom: 0;
	}

	body.madex-audio-has-sticky-top {
		padding-top: var(--madex-mobile-sticky-height, calc(86px + var(--madex-safe-top)));
	}

	.madex-audio-player--sticky-bottom {
		padding-bottom: var(--madex-safe-bottom);
	}

	.madex-audio-player--sticky-top {
		padding-top: var(--madex-safe-top);
	}

	body.admin-bar .madex-audio-player--sticky-top {
		top: 46px;
	}

	.madex-audio-player__shell {
		position: relative;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px;
		padding-right: max(10px, var(--madex-safe-right));
		padding-left: max(10px, var(--madex-safe-left));
	}

	.madex-audio-player__track {
		padding-right: 2px;
	}

	.madex-audio-player__title {
		max-width: 42vw;
	}

	.madex-audio-player__artist {
		max-width: 42vw;
	}

	.madex-audio-player__center {
		align-items: flex-end;
	}

	.madex-audio-player__transport {
		min-height: 48px;
	}

	.madex-audio-player__icon-button[data-madex-action="previous"] {
		display: inline-flex;
	}

	/* Keep a thin, touch-seekable progress rail on phones instead of hiding progress entirely. */
	.madex-audio-player__timeline {
		position: absolute;
		left: max(10px, var(--madex-safe-left));
		right: max(10px, var(--madex-safe-right));
		bottom: 2px;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		width: auto;
		height: 12px;
		z-index: 3;
	}

	.madex-audio-player__timeline > .madex-audio-player__time {
		display: none;
	}

	.madex-audio-player__waveform {
		height: 12px !important;
		border-radius: 999px;
	}

	.madex-audio-player__waveform-canvas {
		op: 3px;
		height: 6px;
	}

	.madex-audio-player__waveform-fallback {
		height: 2px;
	}

	.madex-audio-player__progress {
		min-height: 12px;
	}

	.madex-audio-player__utility {
		display: none;
	}

	.madex-audio-player__mobile-expand {
		display: inline-flex;
		width: 44px;
		height: 44px;
	}

	.madex-audio-player__purchase {
		max-width: 116px;
		min-height: 40px;
		padding: .48rem .62rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Expanded player uses the visual viewport, not the unstable CSS 100vh on mobile Safari/Chrome. */
	.madex-audio-expanded {
		height: var(--madex-mobile-viewport-height);
		max-height: var(--madex-mobile-viewport-height);
		overflow: hidden;
		overscroll-behavior: none;
	}

	.madex-audio-expanded__surface {
		height: 100%;
		max-height: 100%;
		padding-top: var(--madex-safe-top);
		padding-right: var(--madex-safe-right);
		padding-bottom: var(--madex-safe-bottom);
		padding-left: var(--madex-safe-left);
	}

	.madex-audio-expanded__header,
	.madex-audio-queue__header {
		position: relative;
		touch-action: pan-x;
	}

	.madex-audio-expanded__header::before,
	.madex-audio-queue__header::before {
		position: absolute;
		top: 6px;
		left: 50%;
		width: 38px;
		height: 4px;
		border-radius: 999px;
		background: color-mix(in srgb, var(--madex-muted) 35%, transparent);
		content: "";
		transform: translateX(-50%);
		pointer-events: none;
	}

	.madex-audio-expanded__layout {
		height: calc(100% - 66px);
		max-height: calc(100% - 66px);
		overflow-y: auto;
		overscroll-behavior-y: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.madex-audio-expanded__layout::-webkit-scrollbar,
	.madex-audio-queue__list::-webkit-scrollbar {
		display: none;
	}

	.madex-audio-expanded__stage {
		padding-bottom: 24px;
	}

	.madex-audio-expanded__artwork-frame {
		width: min(52vw, 245px);
		max-height: 31vh;
		aspect-ratio: 1;
	}

	.madex-audio-expanded__title {
		font-size: clamp(24px, 7.2vw, 34px);
		line-height: 1.06;
	}

	.madex-audio-expanded__artist,
	.madex-audio-expanded__album {
		font-size: 13px;
	}

	.madex-audio-expanded__waveform {
		height: 52px;
	}

	.madex-audio-expanded__transport {
		gap: 3px;
	}

	.madex-audio-expanded__control {
		width: 44px;
		height: 44px;
	}

	.madex-audio-expanded__play {
		width: 62px;
		height: 62px;
	}

	.madex-audio-expanded__volume-row {
		width: min(100%, 280px);
	}

	.madex-audio-expanded__playlist {
		min-height: 0;
		padding-bottom: calc(28px + var(--madex-safe-bottom));
	}

	.madex-audio-expanded__track-row {
		content-visibility: auto;
		contain-intrinsic-size: 92px;
	}

	.madex-audio-expanded__track-button {
		min-height: 58px;
	}

	.madex-audio-expanded__track-actions {
		flex-wrap: wrap;
		gap: 8px;
		padding: 3px 8px 12px 58px;
	}

	.madex-audio-expanded__track-actions button,
	.madex-audio-expanded__track-buy {
		padding: 8px 11px;
		font-size: 10px;
	}

	/* Queue becomes a mobile sheet with safe-area padding and touch-first row actions. */
	.madex-audio-queue {
		height: var(--madex-mobile-viewport-height);
		max-height: var(--madex-mobile-viewport-height);
		overscroll-behavior: none;
	}

	.madex-audio-queue__surface {
		width: 100%;
		height: 100%;
		max-height: 100%;
		padding: calc(18px + var(--madex-safe-top)) max(14px, var(--madex-safe-right)) calc(14px + var(--madex-safe-bottom)) max(14px, var(--madex-safe-left));
		border-left: 0;
		border-radius: 0;
	}

	.madex-audio-queue__list {
		overscroll-behavior-y: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.madex-audio-queue__item {
		grid-template-columns: 18px 44px minmax(0, 1fr);
		min-height: 64px;
		padding: 8px 6px;
		touch-action: pan-y;
		content-visibility: auto;
		contain-intrinsic-size: 64px;
	}

	.madex-audio-queue__item[data-madex-touch-reorder="buttons"] {
		cursor: default;
	}

	.madex-audio-queue__actions {
		grid-column: 2 / -1;
		justify-content: flex-end;
		gap: 4px;
		padding-top: 2px;
	}

	.madex-audio-queue__action {
		width: 44px;
		height: 44px;
		font-size: 15px;
	}

	.madex-audio-queue__duration {
		display: none;
	}

	.madex-audio-queue__copy strong {
		font-size: 12px;
	}

	.madex-audio-queue__copy small {
		font-size: 10px;
	}

	.madex-audio-queue__footer {
		padding-bottom: 2px;
	}

	.madex-audio-player__error {
		right: max(12px, var(--madex-safe-right));
		left: max(12px, var(--madex-safe-left));
		max-width: none;
	}
}

@media (max-width: 430px) {
	.madex-audio-player__shell {
		padding-right: max(6px, var(--madex-safe-right));
		padding-left: max(6px, var(--madex-safe-left));
	}

	.madex-audio-player__artwork-wrap {
		flex-basis: 46px;
		width: 46px;
		height: 46px;
	}

	.madex-audio-player__track {
		gap: 8px;
	}

	.madex-audio-player__title,
	.madex-audio-player__artist {
		max-width: 34vw;
	}

	.madex-audio-player__icon-button[data-madex-action="previous"] {
		display: none;
	}

	.madex-audio-player__play {
		width: 48px;
		height: 48px;
	}

	.madex-audio-expanded__artwork-frame {
		width: min(56vw, 220px);
	}

	.madex-audio-expanded__track-button {
		grid-template-columns: 42px minmax(0, 1fr) auto;
	}

	.madex-audio-expanded__track-actions {
		padding-left: 50px;
	}

	.madex-audio-queue__header h2 {
		font-size: 22px;
	}

}

/* Landscape phones: keep controls usable without forcing the user through a giant cover image. */
@media (max-width: 900px) and (max-height: 520px) and (orientation: landscape) {
	.madex-audio-expanded__layout {
		display: grid;
		grid-template-columns: minmax(0, 1.08fr) minmax(270px, .92fr);
		overflow: hidden;
	}

	.madex-audio-expanded__stage {
		display: grid;
		grid-template-columns: 118px minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		align-content: center;
		column-gap: 18px;
		padding: 14px 18px;
		overflow-y: auto;
	}

	.madex-audio-expanded__artwork-frame {
		grid-column: 1;
		grid-row: 1 / 4;
		width: 118px;
		margin: 0;
		align-self: start;
	}

	.madex-audio-expanded__meta,
	.madex-audio-expanded__timeline,
	.madex-audio-expanded__transport,
	.madex-audio-expanded__volume-row {
		grid-column: 2;
	}

	.madex-audio-expanded__meta {
		margin-bottom: 4px;
	}

	.madex-audio-expanded__title {
		font-size: clamp(20px, 4vw, 28px);
	}

	.madex-audio-expanded__waveform {
		height: 38px;
	}

	.madex-audio-expanded__transport {
		margin-top: 2px;
	}

	.madex-audio-expanded__volume-row {
		display: none;
	}

	.madex-audio-expanded__playlist {
		height: 100%;
		min-height: 0;
		overflow-y: auto;
		padding: 16px 12px;
		border-top: 0;
		border-left: 1px solid rgba(255,255,255,.075);
	}

	.madex-audio-queue__surface {
		padding-top: max(12px, var(--madex-safe-top));
	}

	.madex-audio-queue__now {
		margin: 10px 0 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.madex-audio-expanded__layout,
	.madex-audio-queue__list {
		scroll-behavior: auto;
	}
}


@media (max-width: 767px) {
	.madex-audio-player__mobile-minimize { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; border: 0; border-radius: 10px; background: transparent; color: var(--madex-muted); }
	.madex-audio-player__mobile-minimize svg { width: 18px; height: 18px; fill:none; stroke:currentColor; stroke-width:1.8; }
	.madex-audio-player__minimize-hook { display: none; }
	.madex-audio-player__minimized-launcher { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); min-height: 50px; max-width: calc(100vw - 24px); }
	.madex-audio-player__minimized-copy strong { max-width: 160px; }
	.madex-audio-player__ad-link { display:none; }
}