/**
 * Royal Audio Player Enhanced
 * Supplemental styles — loads after css/fwdrap.css
 */

/* -------------------------------------------------------------------------
   Design tokens (Zanderjaz brand)
   ------------------------------------------------------------------------- */
:root {
	--fwdrap-enhanced-accent: #fd6427;
	--fwdrap-enhanced-accent-glow: rgba(253, 100, 39, 0.45);
	--fwdrap-enhanced-transition: 0.25s ease;
	--fwdrap-enhanced-playlist-row-height: 50px;
	--fwdrap-enhanced-playlist-text-size: 17.5px;
	--fwdrap-enhanced-scrollbar-width: 18px;
	--fwdrap-enhanced-search-placeholder: rgba(255, 255, 255, 0.32);
}

/* -------------------------------------------------------------------------
   Controller thumbnail — visual polish only (do NOT change layout box size;
   FWDRAP positions transport buttons from its internal thumbWidthAndHeight)
   ------------------------------------------------------------------------- */
.fwdrap-controler-thumbnail {
	overflow: hidden;
	transition: opacity var(--fwdrap-enhanced-transition), box-shadow var(--fwdrap-enhanced-transition), transform var(--fwdrap-enhanced-transition);
}

.fwdrap-enhanced-thumbnail-wrap {
	cursor: zoom-in;
	border-radius: 4px;
}

.fwdrap-enhanced-thumbnail-wrap:hover,
.fwdrap-enhanced-thumbnail-wrap:focus-visible {
	box-shadow: 0 0 0 2px var(--fwdrap-enhanced-accent), 0 0 14px var(--fwdrap-enhanced-accent-glow);
	outline: none;
}

.fwdrap-enhanced-thumbnail-wrap::after {
	content: "";
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.55);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M15 3h6v6M14 10l7-7M9 21H3v-6M10 14l-7 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px 11px;
	opacity: 0;
	transition: opacity var(--fwdrap-enhanced-transition);
	pointer-events: none;
}

.fwdrap-enhanced-thumbnail-wrap:hover::after,
.fwdrap-enhanced-thumbnail-wrap:focus-visible::after {
	opacity: 1;
}

.fwdrap-controler-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* -------------------------------------------------------------------------
   Typography — bump readable sizes by ~2px
   ------------------------------------------------------------------------- */
.fwdrap-controler-title {
	font-size: 14px !important;
	line-height: 1.35 !important;
	letter-spacing: 0.01em;
}

.fwdrap-controller-time {
	font-size: 14px !important;
}

.fwdrap-selector-text {
	font-size: 16px !important;
}

/* Playlist selector — always reads as a dropdown control */
[id^="fwdrapDiv"] .fwdrap-combobox-background.fwdrap-enhanced-selector-ready {
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 8px !important;
	background-color: rgba(0, 0, 0, 0.28) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	transition: border-color var(--fwdrap-enhanced-transition), background-color var(--fwdrap-enhanced-transition), box-shadow var(--fwdrap-enhanced-transition);
}

[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor {
	position: relative;
}

[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor:hover .fwdrap-combobox-background.fwdrap-enhanced-selector-ready,
[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor:focus-within .fwdrap-combobox-background.fwdrap-enhanced-selector-ready {
	border-color: rgba(253, 100, 39, 0.55) !important;
	background-color: rgba(0, 0, 0, 0.42) !important;
	box-shadow: 0 0 0 1px rgba(253, 100, 39, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.fwdrap-enhanced-selector-label {
	position: absolute;
	left: 8px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 118px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	pointer-events: none;
	white-space: nowrap;
}

.fwdrap-enhanced-selector-icon {
	flex-shrink: 0;
	font-size: 14px !important;
	line-height: 1;
	color: var(--fwdrap-enhanced-accent) !important;
}

.fwdrap-enhanced-selector-label-text {
	line-height: 1.1;
}

[id^="fwdrapDiv"] .fwdrap-combobox-background.fwdrap-enhanced-selector-ready .fwdrap-selector-text {
	font-weight: 600 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

[id^="fwdrapDiv"] .fwdrap-combobox-selector-background {
	background-color: transparent !important;
	overflow: visible !important;
}

[id^="fwdrapDiv"] .fwdrap-combobox-background.fwdrap-enhanced-selector-ready {
	overflow: visible !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-selector-item-text {
	font-size: 15px !important;
	line-height: 1.45 !important;
}

.fwdrap-playlist-item-dark-text {
	font-size: var(--fwdrap-enhanced-playlist-text-size) !important;
}

.fwdrap-playlist-item-white-text {
	font-size: var(--fwdrap-enhanced-playlist-text-size) !important;
}

.fwdrap-playlist-item-dark-text .fwdrap-title,
.fwdrap-playlist-item-dark-text .fwdrap-artist,
.fwdrap-playlist-item-white-text .fwdrap-title,
.fwdrap-playlist-item-white-text .fwdrap-artist {
	font-size: inherit !important;
	line-height: 1.35 !important;
}

.fwdrap-categories-dark-text,
.fwdrap-categories-white-text {
	font-size: 15px !important;
}

.fwdrap-categories-dark-text .fwdrap-title,
.fwdrap-categories-white-text .fwdrap-title {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

.fwdrap-label,
.fwdrap-playbackrate-text,
.fwdrap-a-to-b-text {
	font-size: 14px !important;
}

/* -------------------------------------------------------------------------
   Transport & utility icons — larger but constrained to FWDRAP button slots
   ------------------------------------------------------------------------- */
.fwdrap-main-button-normal-state,
.fwdrap-main-button-selected-state {
	font-size: 22px !important;
	line-height: 1 !important;
	overflow: hidden !important;
	transition: color var(--fwdrap-enhanced-transition), opacity var(--fwdrap-enhanced-transition), filter var(--fwdrap-enhanced-transition);
}

.fwdrap-main-button-normal-state .table-fwdrap-button,
.fwdrap-main-button-selected-state .table-fwdrap-button {
	width: 100%;
	height: 100%;
}

.fwdrap-main-button-normal-state .fwdrap-icon-play:before,
.fwdrap-main-button-selected-state .fwdrap-icon-play:before {
	font-size: 32px;
	line-height: 1;
}

.fwdrap-main-button-normal-state .fwdrap-icon-pause:before,
.fwdrap-main-button-selected-state .fwdrap-icon-pause:before {
	font-size: 28px;
	line-height: 1;
}

.fwdrap-main-button-normal-state .fwdrap-icon-FF-left:before,
.fwdrap-main-button-selected-state .fwdrap-icon-FF-left:before,
.fwdrap-main-button-normal-state .fwdrap-icon-FF-right:before,
.fwdrap-main-button-selected-state .fwdrap-icon-FF-right:before {
	font-size: 22px;
	line-height: 1;
}

.fwdrap-icon-shuffle:before {
	font-size: 26px !important;
	line-height: 1;
}

/* Loop glyph is taller than shuffle at equal font-size; FWDRAP slots are 22px with overflow:hidden */
[id^="fwdrapDiv"] .fwdrap-main-button-normal-state .fwdrap-icon.fwdrap-icon-loop,
[id^="fwdrapDiv"] .fwdrap-main-button-selected-state .fwdrap-icon.fwdrap-icon-loop {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	height: 100%;
	line-height: 1 !important;
}

[id^="fwdrapDiv"] .fwdrap-icon-loop:before {
	font-size: 22px !important;
	line-height: 1 !important;
	display: block;
	transform: translateY(-1px);
}

.fwdrap-icon-cart:before,
.fwdrap-icon-download:before {
	font-size: 22px !important;
	line-height: 1;
}

.fwdrap-icon-small.fwdrap-icon-download:before,
.fwdrap-icon-small.fwdrap-icon-cart:before {
	font-size: 17px !important;
	top: -2px !important;
}

.fwdrap-icon-volume:before,
.fwdrap-icon-sound:before,
.fwdrap-icon-sound-off:before {
	font-size: 22px !important;
	line-height: 1;
}

.fwdrap-main-button-selected-state {
	filter: drop-shadow(0 0 6px var(--fwdrap-enhanced-accent-glow));
}

.fwdrap-main-button-normal-state:hover {
	color: #cccccc !important;
	opacity: 0.92;
}

/* -------------------------------------------------------------------------
   Search field — input-only styling (let FWDRAP position layout + sort buttons)
   ------------------------------------------------------------------------- */
.fwdrap-search-input {
	font-size: 14px !important;
	padding: 0 28px 0 12px !important;
	border-radius: 6px !important;
	border: none !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
	background-color: rgba(0, 0, 0, 0.4) !important;
	color: #f0f0f0 !important;
	box-sizing: border-box !important;
	line-height: 1.2 !important;
	transition: box-shadow var(--fwdrap-enhanced-transition), background-color var(--fwdrap-enhanced-transition);
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar {
	overflow: visible !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-playlist-bottom-bar-background,
[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-search-input {
	overflow: visible !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-playlist-search-icon {
	pointer-events: none;
	opacity: 0.72;
}

/* Remove stock titlebar tiles — input carries its own field styling */
[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-playlist-bottom-bar-background {
	background: none !important;
	opacity: 0 !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-titlebar-background-middle {
	background: none !important;
	background-image: none !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-titlebar-background-left,
[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-titlebar-right-right {
	display: none !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-bottom-bar.fwdrap-enhanced-search-bar .fwdrap-controler-separator {
	opacity: 0.35;
}

.fwdrap-search-input::placeholder {
	color: var(--fwdrap-enhanced-search-placeholder) !important;
	opacity: 1;
}

.fwdrap-search-input:hover {
	box-shadow: inset 0 0 0 1px rgba(253, 100, 39, 0.35) !important;
}

.fwdrap-search-input:focus {
	outline: none !important;
	box-shadow: inset 0 0 0 1px var(--fwdrap-enhanced-accent), 0 0 0 3px var(--fwdrap-enhanced-accent-glow), 0 0 14px var(--fwdrap-enhanced-accent-glow) !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
}

/* -------------------------------------------------------------------------
   Playlist rows — typography only; do not override FWDRAP absolute layout
   ------------------------------------------------------------------------- */
[id^="fwdrapDiv"] .fwdrap-playlist-item-dark-text,
[id^="fwdrapDiv"] .fwdrap-playlist-item-white-text {
	font-size: var(--fwdrap-enhanced-playlist-text-size) !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
	transition: color var(--fwdrap-enhanced-transition);
}

[id^="fwdrapDiv"] .fwdrap-playlist-item-dark-text .fwdrap-title,
[id^="fwdrapDiv"] .fwdrap-playlist-item-dark-text .fwdrap-artist,
[id^="fwdrapDiv"] .fwdrap-playlist-item-white-text .fwdrap-title,
[id^="fwdrapDiv"] .fwdrap-playlist-item-white-text .fwdrap-artist {
	font-size: inherit !important;
	line-height: inherit !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-even,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-odd,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-even,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-odd {
	height: var(--fwdrap-enhanced-playlist-row-height) !important;
	min-height: var(--fwdrap-enhanced-playlist-row-height) !important;
	background-image: none !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-even,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-even {
	background-color: #1e1e1e !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-odd,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-odd {
	background-color: #181818 !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-even img,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-background-odd img,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-even img,
[id^="fwdrapDiv"] .fwdrap-playlist-background.fwdrap-main-holder .fwdrap-playlist-item-bacground-odd img {
	opacity: 0 !important;
	visibility: hidden !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-item-gradient-even,
[id^="fwdrapDiv"] .fwdrap-playlist-item-gradient-odd {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

[id^="fwdrapDiv"] .fwdrap-playlist-item-gradient-even img,
[id^="fwdrapDiv"] .fwdrap-playlist-item-gradient-odd img {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Wider playlist scrollbar track + handle */
[id^="fwdrapDiv"] .fwdrap-scrollbar-top-background,
[id^="fwdrapDiv"] .fwdrap-scrollbar-middle-background,
[id^="fwdrapDiv"] .fwdrap-scrollbar-bottom-background,
[id^="fwdrapDiv"] .fwdrap-handler-lines-1,
[id^="fwdrapDiv"] .fwdrap-handler-lines-2 {
	width: var(--fwdrap-enhanced-scrollbar-width) !important;
	min-width: var(--fwdrap-enhanced-scrollbar-width) !important;
	max-width: var(--fwdrap-enhanced-scrollbar-width) !important;
	box-sizing: border-box !important;
}

[id^="fwdrapDiv"] .fwdrap-scrollbar-middle-background {
	object-fit: fill !important;
}

[id^="fwdrapDiv"] .fwdrap-enhanced-scrollbar-host {
	width: var(--fwdrap-enhanced-scrollbar-width) !important;
	min-width: var(--fwdrap-enhanced-scrollbar-width) !important;
}

/* Thumbnail lightbox */
body.fwdrap-enhanced-lightbox-open {
	overflow: hidden;
}

.fwdrap-enhanced-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(0, 0, 0, 0.88);
}

.fwdrap-enhanced-lightbox[hidden] {
	display: none !important;
}

.fwdrap-enhanced-lightbox-frame {
	max-width: min(92vw, 640px);
	max-height: min(92vh, 640px);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.fwdrap-enhanced-lightbox-image {
	display: block;
	width: auto;
	height: auto;
	max-width: min(92vw, 640px);
	max-height: min(92vh, 640px);
	object-fit: contain;
}

.fwdrap-enhanced-lightbox-close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transition: background-color var(--fwdrap-enhanced-transition), color var(--fwdrap-enhanced-transition);
}

.fwdrap-enhanced-lightbox-close:hover,
.fwdrap-enhanced-lightbox-close:focus-visible {
	background: var(--fwdrap-enhanced-accent);
	outline: none;
}

[id^="fwdrapDiv"] .fwdrap-playlist-item-dark-duration,
[id^="fwdrapDiv"] .fwdrap-playlist-item-white-duration {
	font-size: var(--fwdrap-enhanced-playlist-text-size) !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
}

.fwdrap-playlist-selector-item-text {
	font-size: 15px !important;
	line-height: 1.45 !important;
}

/* Combobox dropdown rows — do NOT inherit 50px playlist track row rules */
[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-even,
[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-odd {
	height: auto !important;
	min-height: 0 !important;
	background-image: none !important;
	overflow: visible !important;
}

[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-even {
	background-color: #1e1e1e !important;
}

[id^="fwdrapDiv"] .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-odd {
	background-color: #181818 !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-combobox-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-background,
[id^="fwdrapDiv"].fwdrap-enhanced-combobox-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-even,
[id^="fwdrapDiv"].fwdrap-enhanced-combobox-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-item-background-odd,
[id^="fwdrapDiv"].fwdrap-enhanced-combobox-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-selector-item-text {
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-combobox-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-selector-item-text {
	display: inline-block !important;
	padding: 6px 12px !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-playlist-open .fwdrap-enhanced-selector-anchor .fwdrap-playlist-background,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-open .fwdrap-combobox-selector-background,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-open .fwdrap-combobox-background {
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
}

/* -------------------------------------------------------------------------
   Progress & volume scrubbers (DOM skin images)
   ------------------------------------------------------------------------- */
.fwdrap-enhanced-scrubber img {
	transition: filter var(--fwdrap-enhanced-transition);
}

.fwdrap-enhanced-scrubber:hover img {
	filter: brightness(1.15);
}

/* -------------------------------------------------------------------------
   Tooltips & subtle motion
   ------------------------------------------------------------------------- */
.fwdrap-controler-tooltip-text {
	transition: opacity var(--fwdrap-enhanced-transition);
}

.fwdrap-enhanced-download-tooltip {
	position: fixed;
	z-index: 100001;
	padding: 6px 10px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	background: rgba(18, 18, 18, 0.96);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, calc(-100% - 8px));
	transition: opacity var(--fwdrap-enhanced-transition);
}

.fwdrap-enhanced-download-tooltip.is-visible {
	opacity: 1;
}

.fwdrap-enhanced-download-tooltip[hidden] {
	display: none !important;
}

[id^="fwdrapDiv"] [class*="fwdrap-playlist-item-"] .fwdrap-main-button-normal-state .fwdrap-icon-download {
	cursor: pointer;
}

.fwdrap-categories-dark-text .fwdrap-title,
.fwdrap-categories-white-text .fwdrap-title {
	transition: color var(--fwdrap-enhanced-transition), opacity var(--fwdrap-enhanced-transition) !important;
}

.fwdrap-categories-dark-text:hover .fwdrap-title,
.fwdrap-categories-white-text:hover .fwdrap-title {
	opacity: 1;
}

.fwdrap-close-button-normal-state,
.fwdrap-close-button-selected-state,
.fwdrap-categories-next-and-prev-normal-state,
.fwdrap-categories-next-and-prev-selected-state {
	transition: color var(--fwdrap-enhanced-transition), background-color var(--fwdrap-enhanced-transition);
}

/* -------------------------------------------------------------------------
   Playlist preloader — enlarged equalizer bars + loading message
   ------------------------------------------------------------------------- */
[id^="fwdrapDiv"].fwdrap-enhanced-has-loader {
	position: relative !important;
}

.fwdrap-enhanced-loading-host {
	position: relative !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-is-loading,
.fwdrap-enhanced-loading-host.fwdrap-enhanced-is-loading {
	min-height: 180px;
	overflow: visible !important;
}

.content-home .zj-home-player__stage.fwdrap-enhanced-stage-loading {
	overflow: visible;
}

[id^="fwdrapDiv"] .fwdrap-enhanced-loading-text,
.fwdrap-enhanced-loading-host .fwdrap-enhanced-loading-text {
	position: absolute;
	left: 50%;
	z-index: 200;
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, 0.88);
	font-family: var(--font-body, 'Inter', Arial, sans-serif);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.02em;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	transform: translateX(-50%);
}

[id^="fwdrapDiv"] .fwdrap-enhanced-loading-text[hidden],
.fwdrap-enhanced-loading-host .fwdrap-enhanced-loading-text[hidden] {
	display: none !important;
}

/* -------------------------------------------------------------------------
   Custom Web Audio spectrum — replaces stock FWDRAP visualizer when ready
   Stock waveform: bare <canvas> inside controller_do.vis (FWDRAPVisualizer).
   Custom host overlays that band at the top of the controller area.
   ------------------------------------------------------------------------- */
[id^="fwdrapDiv"] .zj-fwdrap-spectrum-host {
	position: absolute;
	inset: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	min-height: 0;
	overflow: hidden;
	pointer-events: none;
}

[id^="fwdrapDiv"] .zj-fwdrap-spectrum-canvas {
	display: block;
	width: 100%;
	height: 100%;
	transition: opacity 0.35s ease;
}

[id^="fwdrapDiv"].zj-fwdrap-spectrum-idle .zj-fwdrap-spectrum-canvas {
	opacity: 0.55;
}

[id^="fwdrapDiv"].zj-fwdrap-spectrum-active .zj-fwdrap-spectrum-canvas {
	opacity: 1;
}

/* Breathing room between visualizer band and controller */
[id^="fwdrapDiv"].zj-fwdrap-spectrum-ready .fwdrap-controler {
	margin-top: var(--zj-fwdrap-spectrum-gap-below, 12px);
}

/* Keep scrubber/progress from bleeding into the playlist block */
[id^="fwdrapDiv"] .fwdrap-controler {
	isolation: isolate;
	overflow: hidden;
}

/* Hide stock Royal Audio Player waveform only after custom init succeeds */
[id^="fwdrapDiv"].zj-fwdrap-spectrum-ready .zj-fwdrap-spectrum-host + canvas,
[id^="fwdrapDiv"].zj-fwdrap-spectrum-ready canvas.zj-fwdrap-stock-waveform {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
	[id^="fwdrapDiv"] .zj-fwdrap-spectrum-canvas {
		opacity: 0.92;
	}
}

/* Playlist block — overflow visible only while playlist is expanded */
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-open .fwdrap-playlist-background.fwdrap-main-holder,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-open .fwdrap-playlist-background {
	overflow: visible !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed,
.content-home .zj-home-player .entry-content .wrapper-player [id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed {
	overflow: hidden !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed .fwdrap-playlist-background,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed .fwdrap-playlist-background.fwdrap-main-holder,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed .fwdrap-combobox-background,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed .fwdrap-combobox-selector-background,
[id^="fwdrapDiv"].fwdrap-enhanced-playlist-collapsed .fwdrap-playlist-bottom-bar {
	overflow: hidden !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

[id^="fwdrapDiv"] .fwdrap-combobox-background.fwdrap-enhanced-selector-ready {
	margin-top: var(--zj-fwdrap-controller-selector-gap, 12px);
}

/* -------------------------------------------------------------------------
   Controller chrome — hide popup + playlist toggle; tighten utility icon row
   ------------------------------------------------------------------------- */
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-enhanced-hidden-control,
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-icon-popup,
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-main-button-normal-state:has(.fwdrap-icon-popup),
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-main-button-selected-state:has(.fwdrap-icon-popup) {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Playlist toggle only — never match the selector label icon outside the controller */
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler > div > .fwdrap-main-button-normal-state:has(.fwdrap-icon-playlist),
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler > div > .fwdrap-main-button-selected-state:has(.fwdrap-icon-playlist) {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-main-button-normal-state,
[id^="fwdrapDiv"].fwdrap-enhanced-chrome-ready .fwdrap-controler .fwdrap-main-button-selected-state {
	min-width: 22px;
	min-height: 22px;
}

[id^="fwdrapDiv"] .fwdrap-playlist-item-dark-duration,
[id^="fwdrapDiv"] .fwdrap-playlist-item-white-duration {
	padding-right: 4px !important;
	letter-spacing: 0.01em;
}