/* Play & Mix — overrides del reproductor On Air
   Se cargan solo si el plugin pmt-onair está presente. */

/* 1. El iframe oficial se muestra dentro del drawer */
#pmt-onair-bar #pmt-onair-embed{
	position: static;
	width: 100%;
	height: auto;
	opacity: 1;
	pointer-events: auto;
	background: #050505;
	padding: 10px 12px;
	border-top: 1px solid rgba(242,191,7,.18);
	box-sizing: border-box;
}
#pmt-onair-bar #pmt-onair-embed iframe{
	display: block;
	width: 100%;
	height: 72px;
	border: 1px solid rgba(255,255,255,.08);
	background: #000;
}
#pmt-onair-bar #pmt-onair-embed[hidden],
#pmt-onair-drawer[hidden] + #pmt-onair-embed{
	display: none;
}

/* 2. Aviso legal al final de la lista */
#pmt-onair-drawer::after{
	content: "Play & Mix no aloja ni almacena audio. Las sesiones se reproducen desde los reproductores oficiales de Mixcloud, SoundCloud o Hearthis, en los canales de sus autores.";
	display: block;
	padding: 12px 16px 14px;
	font: 400 11px/1.45 var(--body, "Roboto Condensed", "Arial Narrow", sans-serif);
	color: rgba(255,255,255,.55);
	background: #050505;
	border-top: 1px solid rgba(242,191,7,.18);
}

/* 3. Pestaña para colapsar (solo móvil) */
#pmt-onair-collapse{ display: none; }

@media (max-width: 600px){
	#pmt-onair-collapse{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		height: 28px;
		padding: 0;
		border: 0;
		border-top: 1px solid rgba(242,191,7,.45);
		background: linear-gradient(180deg, #0b0b0b 0%, #000 100%);
		color: var(--gold, #f2bf07);
		font: 800 10px/1 var(--display, "Big Shoulders Display", "Arial Narrow", sans-serif);
		letter-spacing: .18em;
		text-transform: uppercase;
		cursor: pointer;
		position: relative;
	}
	#pmt-onair-collapse::before{
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 64px;
		height: 2px;
		background: var(--gold, #f2bf07);
		opacity: .55;
	}
	#pmt-onair-collapse .pmt-collapse-chevron{
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		margin-top: -3px;
		transition: transform .2s ease, margin .2s ease;
		flex: 0 0 auto;
	}
	#pmt-onair-collapse[aria-expanded="false"] .pmt-collapse-chevron{
		transform: rotate(-135deg);
		margin-top: 3px;
	}
	#pmt-onair-collapse:hover,
	#pmt-onair-collapse:focus-visible{
		background: var(--gold, #f2bf07);
		color: #000;
		outline: none;
	}

	#pmt-onair-bar.pmt-collapsed{ height: 28px; }
	#pmt-onair-bar.pmt-collapsed #pmt-onair-drawer,
	#pmt-onair-bar.pmt-collapsed #pmt-onair-embed,
	#pmt-onair-bar.pmt-collapsed #pmt-onair-strip{ display: none; }

	#pmt-onair-bar #pmt-onair-embed iframe{ height: 64px; }
	#pmt-onair-drawer{ max-height: 40vh; }
}

@media (max-width: 360px){
	#pmt-onair-collapse{ font-size: 9px; letter-spacing: .12em; gap: 6px; }
}