/* ==========================================================================
 * NEXAR DESIGN — viva883.gr (μόνο για όποιον έχει body.vnx)
 * Χρώματα από το μοκάπ του Τάσου (6/10/2026): πορτοκαλί Viva, σκούρο μπλε.
 * ======================================================================== */
body.vnx {
	--vnx-o: #f47b16;
	--vnx-o2: #e86a05;
	--vnx-ink: #1f2a5c;
	--vnx-muted: #6b7191;
	--vnx-bg: #f5f6fa;
	--vnx-card: #e3e2eb; /* το απαλό μωβ του παλιού site, πίσω από τα τραγούδια */
	--vnx-row: #fff;
	--vnx-line: rgba(31, 42, 92, .07);
	--vnx-shadow: 0 14px 40px rgba(31, 42, 92, .08), 0 2px 6px rgba(31, 42, 92, .04);
	--vnx-font: 'Manrope', 'Segoe UI', Roboto, Arial, sans-serif;
	background: var(--vnx-bg) !important;
	color: var(--vnx-ink);
}
body.vnx .wrapper.vnx-wrapper {
	position: relative;
	background: transparent;
}
.vnx *,
.vnx *::before,
.vnx *::after {
	box-sizing: border-box;
}
.vnx .vnx-hdr,
.vnx .vnx-home {
	font-family: var(--vnx-font);
}
.vnx-i {
	display: inline-block;
	width: 1em;
	height: 1em;
	flex: 0 0 auto;
	vertical-align: middle;
}

/* ---------- φόντο: κύματα + τελίτσες ----------
   Οι κορδέλες πιάνουν από την άκρη της οθόνης μέχρι ~80px ΚΑΤΩ από την πάνω
   κάρτα (πλάτος περιεχομένου 1120px στη μέση): πλάτος = μισή οθόνη - 480px. */
.vnx-art {
	--vnx-aw: max(400px, calc(50% - 480px));
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 560px;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
}
.vnx-art svg {
	position: absolute;
	display: block;
}
.vnx-rb {
	top: 0;
	height: 460px;
	width: var(--vnx-aw);
}
.vnx-rb-l {
	left: 0;
}
.vnx-rb-r {
	right: 0;
}
.vnx-dots-l {
	left: 0;
	top: 0;
	width: 280px;
	height: 160px;
}
.vnx-dots-l2 {
	top: 236px;
	left: calc(var(--vnx-aw) - 330px);
	width: 300px;
	height: 110px;
}
.vnx-dots-r {
	right: 0;
	top: 116px;
	width: min(370px, var(--vnx-aw));
	height: 310px;
}
body.vnx .wrapper.vnx-wrapper {
	max-width: none !important;
	width: 100% !important;
	overflow-x: clip; /* δίχτυ ασφαλείας: τίποτα δεν φαρδαίνει τη σελίδα στο κινητό */
}
/* Η μπάρα διαχείρισης (μόνο συνδεδεμένοι): το θέμα σπρώχνει το header 32px πιο
   κάτω με top - εδώ ο χώρος κρατιέται σωστά πάνω από όλη τη σελίδα. */
body.vnx .vnx-hdr {
	top: auto !important;
}
body.vnx.admin-bar .wrapper.vnx-wrapper {
	padding-top: 32px;
}
@media (max-width: 782px) {
	body.vnx.admin-bar .wrapper.vnx-wrapper {
		padding-top: 46px;
	}
}
/* ---------- κεφαλίδα ---------- */
.vnx-hdr {
	position: relative;
	z-index: 20;
}
/* 1.4.4 - ΕΣΩΤΕΡΙΚΕΣ ΣΕΛΙΔΕΣ: το fmwave (.trheader header) κάνει την κεφαλίδα
   «αιωρούμενη» (absolute) και το περιεχόμενο ξεκινούσε ΚΑΤΩ από αυτήν (ο τίτλος
   πάνω στο μενού). Εκτός αρχικής η κεφαλίδα μπαίνει κανονικά στη ροή. Τα κύματα
   μένουν μόνο γύρω από την κεφαλίδα, για να μην περνάνε πίσω από τα κείμενα. */
body.vnx:not(.vnx-front) header.vnx-hdr {
	position: relative;
}
body.vnx:not(.vnx-front) .vnx-art {
	height: 190px;
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
}
.vnx-hdr-in {
	max-width: 1170px; /* ίδιο πλάτος με τις κάρτες από κάτω (1120 + 25 + 25) */
	margin: 0 auto;
	padding: 12px 25px 0;
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 120px;
}
@media (max-width: 1199px) {
	.vnx-hdr-in {
		max-width: 960px;
	}
}
@media (max-width: 991px) {
	.vnx-hdr-in {
		max-width: 720px;
	}
}
@media (max-width: 767px) {
	.vnx-hdr-in {
		max-width: 540px;
	}
}
@media (max-width: 575px) {
	.vnx-hdr-in {
		max-width: none;
	}
}
.vnx-logo {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}
.vnx-logo img {
	width: 140px;
	height: auto;
	display: block;
}
.vnx-nav {
	flex: 1 1 auto;
	min-width: 0;
}
.vnx-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	flex-wrap: wrap;
}
.vnx-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vnx-menu a {
	display: block;
	padding: 13px 10px;
	border-radius: 12px;
	font: 700 13.5px/1 var(--vnx-font);
	letter-spacing: .02em;
	color: var(--vnx-ink) !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .15s, color .15s;
}
.vnx-menu a:hover {
	color: var(--vnx-o) !important;
}
/* το παλιό θέμα βάζει «κυματάκια» στο ενεργό στοιχείο του μενού - εδώ όχι */
.vnx-menu a::before,
.vnx-menu a::after {
	content: none !important;
	display: none !important;
}
.vnx-menu .current-menu-item > a,
.vnx-menu .current_page_item > a {
	background: linear-gradient(180deg, #ff8d2a, var(--vnx-o2));
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(240, 110, 10, .28);
}
.vnx-act {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
}
.vnx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 48px;
	padding: 0 20px;
	border-radius: 13px;
	background: linear-gradient(180deg, #ff8d2a, var(--vnx-o2));
	color: #fff !important;
	font: 700 15px/1 var(--vnx-font);
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: 0 10px 22px rgba(240, 110, 10, .3);
	transition: transform .15s, box-shadow .15s;
}
.vnx-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 26px rgba(240, 110, 10, .36);
}
.vnx-btn .vnx-i {
	width: 19px;
	height: 19px;
}
.vnx-soc {
	display: inline-flex;
	line-height: 0;
	color: var(--vnx-ink) !important;
	transition: color .15s;
}
.vnx-soc .vnx-i {
	width: 27px;
	height: 27px;
}
.vnx-soc:hover,
.vnx-soc:focus-visible {
	color: var(--vnx-o) !important;
}
.vnx-menu-btn {
	display: none;
}

/* ---------- αρχική ---------- */
.vnx-home {
	position: relative;
	z-index: 5;
	max-width: 1170px;
	margin: 8px auto 0;
	padding: 0 25px 34px;
	color: var(--vnx-ink);
}
/* Ίδιο πλάτος με τα «Τελευταία Νέα» από κάτω σε κάθε οθόνη:
   1120 / 910 / 670 / 490 px και στο κινητό 25px από την άκρη. */
@media (max-width: 1199px) {
	.vnx-home {
		max-width: 960px;
	}
}
@media (max-width: 991px) {
	.vnx-home {
		max-width: 720px;
	}
}
@media (max-width: 767px) {
	.vnx-home {
		max-width: 540px;
	}
}
@media (max-width: 575px) {
	.vnx-home {
		max-width: none;
	}
}
.vnx-lbl {
	display: block;
	font: 800 12.5px/1 var(--vnx-font);
	letter-spacing: .16em;
	color: #7c8099;
	text-transform: uppercase;
}
.vnx-artist {
	display: block;
	font-weight: 600;
	color: var(--vnx-ink);
}
.vnx-title {
	display: block;
	font-style: normal;
	color: var(--vnx-muted);
}

/* Πάνω κάρτα: τρεις ΙΣΕΣ στήλες — Τώρα παίζει | Επόμενο | Έπαιξαν πριν.
 * Οι ετικέτες και των τριών στην ίδια γραμμή πάνω. Τώρα παίζει και Επόμενο ίδιο μέγεθος.
 * Στα 1120px κάθε στήλη = 348px = όσο οι γραμμές του Top 10 από κάτω, άρα το «Έπαιξαν πριν»
 * ευθυγραμμίζεται ακριβώς με το Top 10.
 * Το εξώφυλλο έχει ΑΚΡΙΒΩΣ το ύψος των 5 γραμμών «Έπαιξαν πριν» (5 γραμμές + 4 κενά), ώστε
 * οι τρεις στήλες να τελειώνουν στο ίδιο ύψος — χωρίς κενό κάτω από Τώρα παίζει / Επόμενο. */
.vnx-now {
	--vnx-pvh: 36px;
	--vnx-pvg: 4px;
	--vnx-sz: calc(5 * var(--vnx-pvh) + 4 * var(--vnx-pvg));
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	align-items: start;
	padding: 20px 22px 22px;
	background: rgba(227, 226, 235, .95);
	border-radius: 22px;
	box-shadow: var(--vnx-shadow);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}
.vnx-col {
	min-width: 0;
}
.vnx-col-h {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 24px;
	margin-bottom: 12px;
}
.vnx-col-h .vnx-lbl {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}
.vnx-lbl-on {
	color: var(--vnx-o);
	font-size: 13px;
	letter-spacing: .16em;
}
.vnx-lbl-on .vnx-i {
	width: 20px;
	height: 20px;
}
.vnx-song {
	cursor: pointer;
}
.vnx-song-b {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.vnx-song-img {
	flex: 0 0 auto;
	width: var(--vnx-sz);
	height: var(--vnx-sz);
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 12px 26px rgba(31, 42, 92, .18);
	background: #eceef5;
}
.vnx-song-t {
	min-width: 0;
}
.vnx-song .vnx-artist {
	font-size: 15px;
	line-height: 1.35;
	margin-bottom: 6px;
}
.vnx-song .vnx-title {
	font: 800 19px/1.2 var(--vnx-font);
	color: var(--vnx-ink);
	letter-spacing: -.01em;
	overflow-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Έπαιξαν πριν: «Δες περισσότερα» δεξιά, όπως το «Όλο το chart» στο Top 10. */
.vnx-before .vnx-col-h {
	justify-content: space-between;
}
.vnx-before .vnx-pv-more {
	margin: 0 !important;
	padding: 2px 0 !important;
	min-height: 0 !important;
	height: auto !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	color: var(--vnx-o) !important;
	font: 700 13.5px/1 var(--vnx-font) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	white-space: nowrap;
	cursor: pointer;
}
.vnx-before .vnx-pv-more:hover {
	color: var(--vnx-o2) !important;
}
.vnx-before.is-more .vnx-pv-list .vnx-pv {
	display: flex;
}
.vnx-before.is-more .vnx-pv-more .vnx-i {
	transform: rotate(-90deg);
}

/* Κάτω από 1200: Τώρα παίζει | Επόμενο δίπλα-δίπλα, από κάτω τα Έπαιξαν πριν σε όλο το
   πλάτος (σε 3 στήλες δεν χωράει το εξώφυλλο στο ύψος της λίστας μαζί με τον τίτλο). */
@media (max-width: 1199px) {
	.vnx-now {
		--vnx-pvh: 42px;
		--vnx-pvg: 6px;
		--vnx-sz: 150px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 20px;
	}
	.vnx-before {
		grid-column: 1 / -1;
	}
	.vnx-song .vnx-title {
		font-size: 20px;
	}
}
@media (max-width: 991px) {
	.vnx-now {
		--vnx-sz: 120px;
	}
	.vnx-song-b {
		gap: 12px;
	}
	.vnx-song .vnx-artist {
		font-size: 14.5px;
	}
	.vnx-song .vnx-title {
		font-size: 18px;
	}
}
/* Κινητό: όλα το ένα κάτω από το άλλο, Τώρα παίζει και Επόμενο ίδιο μέγεθος */
@media (max-width: 600px) {
	.vnx-now {
		--vnx-sz: 96px;
		grid-template-columns: minmax(0, 1fr);
		row-gap: 16px;
		padding: 14px 14px 16px;
		border-radius: 18px;
	}
	.vnx-col-h {
		margin-bottom: 9px;
	}
	.vnx-lbl-on {
		font-size: 12px;
	}
	.vnx-song .vnx-artist {
		font-size: 14.5px;
		margin-bottom: 3px;
	}
	.vnx-song .vnx-title {
		font-size: 18px;
		-webkit-line-clamp: 3;
	}
}
@media (max-width: 360px) {
	.vnx-now {
		--vnx-sz: 80px;
	}
	.vnx-lbl-on {
		font-size: 11px;
		letter-spacing: .08em;
		gap: 6px;
	}
	.vnx-song .vnx-title {
		font-size: 16.5px;
	}
}

/* Έπαιξαν πριν — οι γραμμές ευθυγραμμίζονται με αυτές του Top 10 από κάτω. */
.vnx-pv-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--vnx-pvg, 6px);
}
.vnx-pv {
	display: flex;
	align-items: center;
	gap: 12px;
	box-sizing: border-box;
	height: var(--vnx-pvh, 42px);
	margin: 0;
	padding: 0 14px 0 4px;
	overflow: hidden;
	list-style: none;
	background: var(--vnx-row);
	border-radius: 10px;
	min-width: 0;
}
.vnx-pv img {
	flex: 0 0 auto;
	width: calc(var(--vnx-pvh, 42px) - 8px);
	height: calc(var(--vnx-pvh, 42px) - 8px);
	object-fit: cover;
	border-radius: 6px;
	background: #e3e5ee;
}
.vnx-pv-t {
	flex: 1 1 auto;
	min-width: 0;
}
.vnx-pv .vnx-artist,
.vnx-pv .vnx-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vnx-pv .vnx-artist {
	font: 700 14px/1.2 var(--vnx-font);
}
.vnx-pv .vnx-title {
	font: 400 13px/1.2 var(--vnx-font);
}
.vnx-pv-time {
	flex: 0 0 auto;
	font: 700 12.5px/1 var(--vnx-font);
	color: var(--vnx-muted);
}

/* Μικρότερες οθόνες (910px και κάτω): η πάνω κάρτα και η από κάτω σειρά σε μία στήλη. */
/* Κινητό: Τώρα παίζει, από κάτω Επόμενο (μικρό), μετά τα 5 «Έπαιξαν πριν». */

/* Δεύτερη σειρά: Τελευταία Νέα | Top 10 */
.vnx-row2 {
	display: grid;
	grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
	gap: 22px;
	margin-top: 22px;
	align-items: stretch;
}
.vnx-card {
	background: var(--vnx-card);
	border-radius: 20px;
	box-shadow: var(--vnx-shadow);
	padding: 20px 22px 22px;
	min-width: 0;
}
.vnx-card-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 12px;
	margin-bottom: 18px;
}
/* Σε πολύ στενή οθόνη το «Όλο το chart» πάει κάτω από τον τίτλο αντί να βγει έξω. */
.vnx-card-head .vnx-h2 {
	flex: 1 1 170px;
	min-width: 0;
}
.vnx-h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	font: 800 22px/1.15 var(--vnx-font) !important;
	color: var(--vnx-ink) !important;
	letter-spacing: -.01em;
	text-transform: none !important;
}
.vnx-h2 .vnx-i {
	width: 25px;
	height: 30px;
	color: var(--vnx-o);
}
.vnx-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font: 700 13.5px/1 var(--vnx-font);
	color: var(--vnx-o) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.vnx-more .vnx-i {
	width: 13px;
	height: 13px;
}
.vnx-more:hover {
	color: var(--vnx-o2) !important;
}

.vnx-top-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.vnx-top-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vnx-top-list a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 4px 14px 4px 10px;
	background: var(--vnx-row);
	border-radius: 12px;
	text-decoration: none !important;
	color: var(--vnx-ink) !important;
	transition: background-color .15s;
}
.vnx-top-list a:hover {
	background: #f6f5fa;
}
.vnx-top-n {
	flex: 0 0 26px;
	text-align: center;
	font: 700 16px/1 var(--vnx-font);
	color: var(--vnx-o);
}
.vnx-top-list img {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 6px;
	background: #e3e5ee;
}
.vnx-top-t {
	flex: 1 1 auto;
	min-width: 0;
}
.vnx-top-t b,
.vnx-top-t i {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vnx-top-t b {
	font: 700 14.5px/1.25 var(--vnx-font);
	color: var(--vnx-ink);
	margin-bottom: 2px;
}
.vnx-top-t i {
	font: 400 13.5px/1.25 var(--vnx-font);
	font-style: normal;
	color: var(--vnx-muted);
}
.vnx-top-list .vnx-i-chev {
	width: 14px;
	height: 14px;
	color: #b7bbcc;
}

/* onradio: μικρό, στο κέντρο */
.vnx-onradio {
	display: block;
	width: min(360px, 92%);
	margin: 26px auto 0;
	line-height: 0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--vnx-shadow);
}
.vnx-onradio img {
	width: 100%;
	height: auto;
	display: block;
}

/* Η παλιά κορυφή της αρχικής (slider, Παίζει τώρα, Ακούστηκαν/Top 10/onradio) και τα παλιά
   «Τελευταία Νέα» (τίτλος, άρθρα, κουμπί) κρύβονται: τη θέση τους παίρνει η νέα αρχική
   (τα νέα ως «Περισσότερα νέα» στο ίδιο σημείο). Μένει μόνο το «Διαφημιστείτε». */
body.vnx-front .elementor-13063 .elementor-element-d415323,
body.vnx-front .elementor-13063 .elementor-element-c2d1d7d,
body.vnx-front .elementor-13063 .elementor-element-1a55842,
body.vnx-front .elementor-13063 .elementor-element-3cae4f5,
body.vnx-front .elementor-13063 .elementor-element-693b3c2,
body.vnx-front .elementor-13063 .elementor-element-cbf6d95 {
	display: none !important;
}
body.vnx-front .content-area {
	padding-top: 20px;
}
/* 1.4.5: «Διαφημιστείτε στον Viva 88.3 FM» (Elementor) ίδιο πλάτος με τις κάρτες
   από πάνω, με τις ίδιες στρογγυλεμένες γωνίες. Ο γονέας του είναι 25px (μεγάλη
   οθόνη) / 10px (πιο κάτω) φαρδύτερος από τις κάρτες. */
body.vnx-front .elementor-13063 .elementor-element-6c54a84 {
	width: auto !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
	border-radius: 20px;
	overflow: hidden;
}
@media (max-width: 1199px) {
	body.vnx-front .elementor-13063 .elementor-element-6c54a84 {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
}

/* ---------- tablet ---------- */
@media (max-width: 1199px) {
	.vnx-hdr-in {
		gap: 10px;
	}
	.vnx-logo img {
		width: 104px;
	}
	.vnx-menu {
		gap: 0;
	}
	.vnx-menu a {
		padding: 10px 7px;
		font-size: 12px;
		letter-spacing: 0;
	}
	.vnx-act {
		gap: 10px;
	}
	.vnx-hdr .vnx-btn {
		padding: 0 14px;
		height: 42px;
		font-size: 13.5px;
		gap: 8px;
	}
	.vnx-soc .vnx-i {
		width: 24px;
		height: 24px;
	}
	/* 910px και κάτω: Τελευταία Νέα, από κάτω Top 10 */
	.vnx-row2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- μικρές οθόνες: ☰ | λογότυπο | Άκου ---------- */
@media (max-width: 991px) {
	.vnx-hdr-in {
		min-height: 84px;
		padding-top: 6px;
		gap: 12px;
		flex-wrap: wrap;
	}
	.vnx-menu-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		border: 0;
		border-radius: 12px;
		background: #fff;
		color: var(--vnx-ink);
		box-shadow: var(--vnx-shadow);
		cursor: pointer;
		padding: 0;
	}
	.vnx-menu-btn .vnx-i {
		width: 24px;
		height: 24px;
	}
	.vnx-menu-btn .vnx-i-close,
	.vnx-hdr.is-open .vnx-menu-btn .vnx-i-menu {
		display: none;
	}
	.vnx-hdr.is-open .vnx-menu-btn .vnx-i-close {
		display: inline-block;
	}
	/* ☰ | λογότυπο | ▶ : τρεις στήλες, οι δύο άκρες ίσες, ώστε το λογότυπο να είναι πάντα στο κέντρο. */
	.vnx-hdr-in {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		min-height: 104px;
	}
	.vnx-menu-btn {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}
	.vnx-logo {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		margin: 0;
	}
	.vnx-act {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}
	.vnx-nav {
		grid-column: 1 / -1;
		grid-row: 2;
	}
	.vnx-logo img {
		width: auto;
		height: 88px;
	}
	.vnx-soc {
		display: none;
	}
	.vnx-nav {
		display: none;
		background: #fff;
		border-radius: 16px;
		box-shadow: var(--vnx-shadow);
		padding: 10px;
		margin-bottom: 8px;
	}
	.vnx-hdr.is-open .vnx-nav {
		display: block;
	}
	.vnx-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 2px;
	}
	.vnx-menu a {
		padding: 14px 16px;
		font-size: 14px;
	}
	.vnx-row2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 600px) {
	.vnx-hdr-in {
		padding: 6px 25px 0;
		min-height: 92px;
	}
	.vnx-logo img {
		height: 76px;
	}
	.vnx-art {
		opacity: .6;
	}
	.vnx-hdr .vnx-btn-live {
		height: 44px;
		padding: 0 14px;
		font-size: 14px;
		gap: 8px;
	}
	.vnx-home {
		padding: 0 25px 26px;
	}
	/* Κινητό: εξώφυλλο αριστερά, κείμενο δεξιά, κουμπί σε όλο το πλάτος από κάτω
	   (αλλιώς το κουμπί δεν χωράει και η σελίδα «φαρδαίνει» και κόβεται δεξιά). */
	.vnx-card {
		padding: 16px 14px 18px;
		border-radius: 18px;
	}
	.vnx-h2 {
		font-size: 20px !important;
	}
	.vnx-h2 .vnx-i {
		width: 24px;
		height: 24px;
	}
	.vnx-more,
	.vnx-before .vnx-pv-more {
		font-size: 13px !important;
	}
}
.vnx-rb g path {
	vector-effect: non-scaling-stroke;
}

/* Μικρά κινητά: το «Άκου Ζωντανά» μεγάλο, σε όλο το πλάτος κάτω από το λογότυπο
   (δίπλα στο λογότυπο δεν χωράει με το κείμενο). */
@media (max-width: 480px) {
	.vnx-hdr .vnx-act {
		grid-column: 1 / -1;
		grid-row: 3;
		justify-self: stretch;
		margin: 10px 0 2px;
	}
	.vnx-hdr .vnx-btn-live {
		width: 100%;
		height: 48px;
		font-size: 15.5px;
	}
}

/* ---------- Έπαιξαν πριν: «Δες περισσότερα» ---------- */
.vnx-pv-list .vnx-pv:nth-child(n+6) {
	display: none;
}
.vnx-pv-more .vnx-i {
	transition: transform .2s;
}

/* ---------- Νέα: «Τελευταία Νέα» (δίπλα στο Top 10) και «Περισσότερα νέα» ---------- */
.vnx-nw-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
.vnx-nw-grid3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.vnx-nw {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: var(--vnx-row);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 6px 16px rgba(31, 42, 92, .06);
}
.vnx-nw-img {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	line-height: 0;
	background: #e3e5ee;
}
.vnx-nw-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s;
}
.vnx-nw:hover .vnx-nw-img img {
	transform: scale(1.04);
}
.vnx-nw-t {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 12px 14px 14px;
	min-width: 0;
}
.vnx-nw-h {
	margin: 0 !important;
	padding: 0 !important;
	font: 700 15px/1.32 var(--vnx-font) !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vnx-nw-h a {
	color: var(--vnx-ink) !important;
	text-decoration: none !important;
}
.vnx-nw-h a:hover {
	color: var(--vnx-o) !important;
}
.vnx-nw-ex {
	margin: 0 !important;
	font: 400 13.5px/1.45 var(--vnx-font);
	color: var(--vnx-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vnx-nw-date {
	margin-top: auto;
	font: 600 12.5px/1 var(--vnx-font);
	color: #8a90aa;
}
.vnx-nw-grid3 .vnx-nw-h {
	font-size: 16px !important;
}
.vnx-more-news {
	margin-top: 26px;
}
@media (max-width: 1199px) {
	.vnx-nw-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}
	.vnx-nw-grid3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 991px) {
	.vnx-nw-grid,
	.vnx-nw-grid3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
/* Κινητό: μικρή φωτογραφία αριστερά, τίτλος δεξιά */
@media (max-width: 600px) {
	.vnx-nw-grid,
	.vnx-nw-grid3 {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}
	.vnx-nw {
		display: grid;
		grid-template-columns: 112px minmax(0, 1fr);
		align-items: center;
		border-radius: 12px;
	}
	.vnx-nw-img {
		aspect-ratio: 4 / 3;
		height: 100%;
	}
	.vnx-nw-t {
		padding: 9px 12px;
		gap: 6px;
	}
	.vnx-nw-h,
	.vnx-nw-grid3 .vnx-nw-h {
		font-size: 14.5px !important;
		-webkit-line-clamp: 3;
	}
	.vnx-nw-ex {
		display: none;
	}
	.vnx-more-news {
		margin-top: 20px;
	}
}


/* ---------- Footer (όλες οι σελίδες) — 1.4.3 ----------
   Χωρίς το σκούρο μπλε: απαλό μωβ όπως οι κάρτες, σκούρα γράμματα (Manrope όπως
   το υπόλοιπο design), πορτοκαλί εικονίδια. Στη γραμμή του copyright δεξιά το
   «Σχεδιασμός: nexar.gr» (template-parts/footer/footer-4.php). */
.vnx .footer-wrap.footer-style-4::before {
	display: none !important;
}
.vnx .footer-wrap .main-footer,
.vnx .footer-wrap .footer-bottom {
	background: var(--vnx-card) !important;
}
.vnx .footer-wrap .main-footer {
	padding-top: 60px !important;
}
.vnx .footer-wrap .footer-bottom {
	border-top: 1px solid rgba(31, 42, 92, .12) !important;
	padding: 18px 0 !important;
}
.vnx .footer-wrap .footer-title .widget-title {
	font: 800 20px/1.2 var(--vnx-font) !important;
	letter-spacing: -.01em;
	color: var(--vnx-ink) !important;
}
.vnx .footer-wrap .main-footer,
.vnx .footer-wrap .main-footer p,
.vnx .footer-wrap .main-footer li,
.vnx .footer-wrap .main-footer a,
.vnx .footer-wrap .main-footer .textwidget {
	color: #3b4369 !important;
}
.vnx .footer-wrap .footer-box ul li,
.vnx .footer-wrap .footer-box ul li a,
.vnx .footer-wrap .footer-address li {
	font: 500 15px/1.5 var(--vnx-font) !important;
}
.vnx .footer-wrap .footer-middle .footer-box .widget_nav_menu ul.menu li a,
.vnx .footer-wrap .footer-middle .footer-box ul.menu li a {
	font-weight: 500 !important;
	color: #3b4369 !important;
}
.vnx .footer-wrap .main-footer a:hover,
.vnx .footer-wrap .footer-middle .footer-box .widget_nav_menu ul.menu li a:hover,
.vnx .footer-wrap .footer-middle .footer-box ul.menu li a:hover {
	color: var(--vnx-o) !important;
}
.vnx .footer-wrap .upcontent .textwidget {
	font: 600 15px/1.45 var(--vnx-font) !important;
	color: var(--vnx-ink) !important;
}
.vnx .footer-wrap .footer-address i {
	color: var(--vnx-o) !important;
}
.vnx .footer-wrap .footer-social a {
	border-color: rgba(31, 42, 92, .3) !important;
	color: var(--vnx-ink) !important;
	background: transparent !important;
}
.vnx .footer-wrap .footer-social a i,
.vnx .footer-wrap .footer-social a svg {
	color: inherit !important;
	fill: currentColor !important;
}
.vnx .footer-wrap .footer-social a:hover {
	background: var(--vnx-o) !important;
	border-color: var(--vnx-o) !important;
	color: #fff !important;
}
/* 1.4.5: τα εικονίδια στο ΚΕΝΤΡΟ του κύκλου (το θέμα τα άφηνε ~8px ψηλά) και
   οι τέσσερις κύκλοι στην ίδια ευθεία (το X καθόταν 2px πιο ψηλά). */
.vnx .footer-wrap .footer-social li {
	vertical-align: top;
}
.vnx .footer-wrap .footer-social a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1 !important;
	padding: 0 !important;
}
.vnx .footer-wrap .footer-social a i,
.vnx .footer-wrap .footer-social a svg {
	display: block;
	line-height: 1 !important;
	margin: 0 !important;
}
.vnx .footer-wrap .footer-copyright,
.vnx .footer-wrap .footer-copyright a,
.vnx .footer-wrap .vnx-copy > span {
	color: var(--vnx-muted) !important;
}
.vnx .footer-wrap .footer-copyright {
	font: 500 14px/1.5 var(--vnx-font) !important;
}
.vnx .footer-wrap .vnx-copy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 24px;
	text-align: left;
}
.vnx .footer-wrap .vnx-credit a {
	color: var(--vnx-ink) !important;
	font-weight: 700;
}
.vnx .footer-wrap .footer-copyright a:hover,
.vnx .footer-wrap .vnx-credit a:hover {
	color: var(--vnx-o) !important;
}
@media (max-width: 600px) {
	.vnx .footer-wrap .vnx-copy {
		justify-content: center;
		text-align: center;
	}
}

/* ---------- Αρχική: «Δες περισσότερα» = σύνδεσμος για τη σελίδα Playlist ---------- */
.vnx-before a.vnx-pv-more,
.vnx-before a.vnx-pv-more:hover {
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* ==========================================================================
 * ΣΕΛΙΔΑ PLAYLIST (viva883.gr/playlist) — [vnx_playlist]
 * ======================================================================== */
.vnx-plp {
	--vnx-sz: 220px;
	position: relative;
	z-index: 5;
	max-width: 1170px;
	margin: 0 auto;
	padding: 10px 25px 50px;
	font-family: var(--vnx-font);
	color: var(--vnx-ink);
}
.vnx-plp-head {
	margin-bottom: 26px;
	text-align: center;
}
.vnx-plp-top {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 18px;
}
.vnx-plp-top .vnx-song,
.vnx-plp-hist {
	padding: 20px 22px 22px;
	background: rgba(227, 226, 235, .95);
	border-radius: 22px;
	box-shadow: var(--vnx-shadow);
}
.vnx-plp-top .vnx-song .vnx-title {
	font-size: 24px;
}
.vnx-plp-top .vnx-song .vnx-artist {
	font-size: 16px;
}
.vnx-plp-grid {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
.vnx-plp-it {
	position: relative;
	margin: 0 !important;
	padding: 14px;
	background: var(--vnx-row);
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(31, 42, 92, .06);
	min-width: 0;
	list-style: none !important;
}
.vnx-plp-it img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 10px;
	background: #eceef5;
}
.vnx-plp-t {
	display: block;
	padding: 14px 4px 4px;
	text-align: center;
	min-width: 0;
}
.vnx-plp-t .vnx-title {
	display: block;
	font: 800 17px/1.25 var(--vnx-font);
	color: var(--vnx-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vnx-plp-t .vnx-artist {
	display: block;
	margin-top: 3px;
	font: 500 14.5px/1.3 var(--vnx-font);
	font-style: normal;
	color: var(--vnx-muted);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vnx-plp-time {
	position: absolute;
	top: 24px;
	left: 24px;
	padding: 3px 8px;
	border-radius: 20px;
	background: rgba(31, 42, 92, .82);
	color: #fff;
	font: 700 12px/1.2 var(--vnx-font);
}
@media (max-width: 1199px) {
	.vnx-plp { max-width: 960px; --vnx-sz: 180px; }
}
@media (max-width: 991px) {
	.vnx-plp { max-width: 720px; --vnx-sz: 130px; }
	.vnx-plp-top .vnx-song .vnx-title { font-size: 19px; }
	.vnx-plp-grid { gap: 16px; }
}
@media (max-width: 767px) {
	.vnx-plp { max-width: 540px; }
	.vnx-plp-top { grid-template-columns: 1fr; }
	.vnx-plp-grid { gap: 12px; }
	.vnx-plp-it { padding: 8px; border-radius: 12px; }
	.vnx-plp-t { padding: 8px 0 2px; }
	.vnx-plp-t .vnx-title { font-size: 14px; }
	.vnx-plp-t .vnx-artist { font-size: 12.5px; }
	.vnx-plp-time { top: 14px; left: 14px; font-size: 11px; padding: 2px 6px; }
}
@media (max-width: 575px) {
	.vnx-plp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vnx-plp { max-width: none; padding: 6px 16px 40px; --vnx-sz: 110px; }
	.vnx-plp-top .vnx-song, .vnx-plp-hist { padding: 16px; border-radius: 18px; }
}

/* ---------- 1.5.1: το μενού σε ΜΙΑ γραμμή (με το Playlist είναι 8 στοιχεία) ---------- */
@media (min-width: 992px) {
	.vnx-menu {
		flex-wrap: nowrap;
		gap: 2px;
	}
}
@media (min-width: 1200px) {
	.vnx-menu a {
		padding: 13px 8px;
		font-size: 13px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.vnx-menu a {
		padding: 10px 5px;
		font-size: 11.5px;
	}
}