/* ------------------------------------------------------------------
 * eradio-player.css
 *
 * Skin gia to OpenPlayerJS, koino gia ton kyrio player kai ta mini.
 * Krataei tin emfanisi tou palaiou jPlayer skin (player/jplayer292/eradio.css):
 * mavri bara 60px, mple #0079ff play koumpi 60x60, gkri plaisio gia tin ora.
 * ------------------------------------------------------------------ */

/* Mexri na arxikopoiithei to OpenPlayerJS, to <audio controls> einai "gymno"
   sto DOM kai o browser tou deixnei to native UI - asximo flash merika
   defterolepta mexri na fortosoun ta scripts (einai sto telos tou body).
   Oso to audio einai AMESO paidi tou container tou (= den exei tylixtei
   akoma sto .op-player), to kryvoume. Meta to init i vivliothiki to
   metakinei mesa sto wrapper kai o selector stamataei na pianei.
   #pcCenter = i bara tou player.asp, body = to mini.asp. */
#pcCenter > audio.op-player__media,
body > audio.op-player__media {
	display: none;
}

.op-player {
	background: transparent;
	width: 100%;

	/* PROSOXI - min steileis to height se auto/min-height mono.
	   To .op-controls tou OpenPlayerJS einai "position:absolute; bottom:0", opote
	   pataei sto KATO meros tou .op-player. Xoris statheró ypsos, o .op-player
	   os flex item tentonetai (align-items: stretch) sto ypsos tis grammis tou
	   kai ta koumpia play/mute pane KATO apo tin orati bara ton 60px.
	   O palios jPlayer den to eixe giati ta controls tou itan se kanoniki roi.
	   (To istoriko 150px bug me to iframe tou whatson exei ekleipsei - to iframe
	   aposyrthike 08/2026 - alla to kleidoma xreiazetai akoma gia to mini.
	   Ston megalo player to player.asp to epikalyptei scoped se 46px.) */
	height: 60px;
	min-height: 60px;
	max-height: 60px;
}

.op-player__audio {
	width: 100%;
}

/* Oi palioi kanones #playerControls1/#playerControls1A/#playerControls1B
   efygan 08/2026: to markup tis kato baras tou player.asp ksanagraftike
   (pcInfo/pcCenter/pcRight) kai to iframe tou whatson aposyrthike. Kanena
   apo ta ids ayta den ypirxe sto mini.asp. */

.op-controls {
	background: transparent;
	padding: 0;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
}

/* ---------- play / pause ---------- */

.op-controls__playpause {
	width: 60px;
	height: 60px;
	background-color: #0079ff !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	flex-shrink: 0;
}

.op-controls button {
	padding: 2px 4px 0 !important;
	z-index: 4;
}

.op-controls__playpause button {
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	padding: 0;
}

.op-controls__playpause:before,
.op-controls__playpause--pause::before {
	content: '';
	display: block;
	width: 100% !important;
	height: 100% !important;
	background-repeat: no-repeat;
	background-size: 40px 40px !important;
	background-position: center;
}

/* Ta idia PNG (40x40) pou eixe to palio jPlayer skin - oxi ta SVG ton demos */
.op-controls__playpause:before {
	background-image: url('/_img/jplayer.play.png');
}

.op-controls__playpause:hover:before {
	background-image: url('/_img/jplayer.play.hover.png');
}

.op-controls__playpause--pause::before {
	background-image: url('/_img/jplayer.pause.png');
}

.op-controls__playpause--pause:hover::before {
	background-image: url('/_img/jplayer.pause.hover.png');
}

/* ---------- ora ---------- */

.op-controls-time,
.op-controls__time {
	font-size: 14px;
	color: #fff;
	min-width: 40px;
}

/* ---------- entasi ---------- */

.op-controls__volume {
	width: 100px;
	margin-top: 0 !important;   /* override tou OpenPlayerJS default */
	display: flex;
	align-items: center;
}

.op-controls__volume input[type=range] {
	height: 4px;
	background: #0079ff;
}

.op-controls__mute,
.volume-full {
	background: transparent;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 0 5px;
	display: flex;
	align-items: center;
}

.volume-full svg {
	width: 20px;
	height: 20px;
	fill: #fff;
}

/* ---------- controls pou den exoun noima se live stream ---------- */

.op-controls__progress,
.op-controls__fullscreen,
.op-controls__captions,
.op-controls__settings {
	display: none !important;
}

/* ------------------------------------------------------------------
 * Diafimiseis (VAST)
 * ------------------------------------------------------------------ */

.op-ads {
	background: #000;
}

/* Companion banner - kryfo mexri na erthei ontos companion creative */
#ad-companion[hidden] {
	display: none;
}

#ad-companion {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	min-height: 0;
}

#ad-companion img,
#ad-companion iframe {
	max-width: 100%;
	border: 0;
}