/*
 * Стил „Радио“ — медиуми и музика.
 * Целосно темно, неон розево и виолетово, сјај, мени преку цел екран со еквилајзер.
 */
:root {
	--rd-violet: #7b4dff;
	--rd-cyan: #33e1ff;
	--rd-grad: linear-gradient(100deg, var(--tx-accent), var(--rd-violet));
	--tx-footer-bg: #050409;
	--tx-btn-radius: 999px;
	--tx-radius: 22px;
	--tx-radius-lg: 30px;
	--tx-shadow: 0 30px 70px -30px rgba(123, 77, 255, 0.45);
}

body.tx-skin-radio {
	--tx-bg: #0f0d18;
	--tx-fg: #f3f1fb;
	--tx-muted: rgba(243, 241, 251, 0.64);
	--tx-line: rgba(255, 255, 255, 0.1);
	--tx-surface: #17142a;
	background-color: #0f0d18;
	color: var(--tx-fg);
}

/* Светлите шеми стануваат темни површини */
.tx-skin-radio .tpb-scheme-paper,
.tx-skin-radio .tpb-scheme-white,
.tx-skin-radio .tpb-scheme-mint {
	--tx-bg: #0f0d18;
	--tx-fg: #f3f1fb;
	--tx-muted: rgba(243, 241, 251, 0.64);
	--tx-line: rgba(255, 255, 255, 0.1);
	--tx-surface: #17142a;
	color: var(--tx-fg);
}

.tx-skin-radio .tpb-scheme-paper:not(.tpb-has-bg):not(.tpb-has-grad) { background-color: #0f0d18; }
.tx-skin-radio .tpb-scheme-white:not(.tpb-has-bg):not(.tpb-has-grad) { background-color: #131022; }
.tx-skin-radio .tpb-scheme-mint:not(.tpb-has-bg):not(.tpb-has-grad) { background: radial-gradient(80% 120% at 0% 0%, rgba(123, 77, 255, 0.18), transparent 60%), #120f1f; }

.tx-skin-radio .tpb-section.tx-dark:not(.tpb-has-bg):not(.tpb-has-grad),
.tx-skin-radio .tpb-scheme-dark:not(.tpb-has-bg):not(.tpb-has-grad) {
	--tx-bg: #09080f;
	background-color: #09080f;
	background-image: radial-gradient(60% 90% at 100% 0%, color-mix(in srgb, var(--tx-accent) 16%, transparent), transparent 60%), radial-gradient(60% 90% at 0% 100%, rgba(123, 77, 255, 0.18), transparent 60%);
}

.tx-skin-radio .tpb-scheme-accent:not(.tpb-has-bg):not(.tpb-has-grad) {
	background: var(--rd-grad);
}

.tx-skin-radio h1,
.tx-skin-radio h2,
.tx-skin-radio h3,
.tx-skin-radio h4,
.tx-skin-radio .tpb-heading__title {
	color: var(--tx-fg);
	font-weight: 400;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.tx-skin-radio .tx-hl,
.tx-skin-radio .tx-hl .tx-w__i {
	background: linear-gradient(90deg, var(--tx-accent), var(--rd-violet), var(--rd-cyan), var(--tx-accent)) 0 0 / 300% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 18px color-mix(in srgb, var(--tx-accent) 35%, transparent));
	animation: rd-neon 7s linear infinite;
}

.tx-skin-radio .tx-hl:has(.tx-w__i) {
	background: none;
	filter: none;
	animation: none;
}

@keyframes rd-neon {
	to { background-position: 300% 0; }
}

/* Ознаки: Oswald, со мал еквилајзер */
.tx-skin-radio .tx-label,
.tx-skin-radio .tx-eyebrow,
.tx-skin-radio .tpb-slide__eyebrow {
	gap: 0.7em;
	font-family: "Oswald", var(--tx-font-body);
	font-size: 0.85rem;
	font-weight: 500;
	letter-spacing: 0.24em;
	color: var(--tx-accent);
}

.tx-skin-radio .tx-label::before,
.tx-skin-radio .tx-eyebrow::before {
	content: "";
	width: 18px;
	height: 12px;
	flex: none;
	background:
		linear-gradient(currentColor, currentColor) 0 100% / 3px 60% no-repeat,
		linear-gradient(currentColor, currentColor) 5px 100% / 3px 100% no-repeat,
		linear-gradient(currentColor, currentColor) 10px 100% / 3px 40% no-repeat,
		linear-gradient(currentColor, currentColor) 15px 100% / 3px 80% no-repeat;
	animation: rd-eq 0.9s steps(3) infinite alternate;
}

@keyframes rd-eq {
	from { background-size: 3px 60%, 3px 100%, 3px 40%, 3px 80%; }
	to { background-size: 3px 100%, 3px 30%, 3px 90%, 3px 50%; }
}

/* Копчиња со неон сјај */
.tx-skin-radio .tx-btn--primary {
	--btn-hover-bg: #fff;
	--btn-hover-fg: #0f0d18;
	border: 0;
	background: var(--rd-grad);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 14px 40px -12px color-mix(in srgb, var(--tx-accent) 70%, transparent);
	font-family: "Oswald", var(--tx-font-body);
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.tx-skin-radio .tx-btn--primary:hover {
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 18px 50px -10px rgba(123, 77, 255, 0.9);
}

.tx-skin-radio .tx-btn--outline,
.tx-skin-radio .tx-btn--ghost {
	--btn-fg: #fff;
	--btn-border: rgba(255, 255, 255, 0.25);
}

.tx-skin-radio .tx-btn--light {
	--btn-bg: #fff;
	--btn-fg: #0f0d18;
	--btn-border: #fff;
	--btn-hover-bg: var(--tx-accent);
	--btn-hover-fg: #fff;
	font-family: "Oswald", var(--tx-font-body);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Плеерот во херо: помал наслов (Russo One е широк) */
.tx-skin-radio .tpb-radio--hero {
	--tpb-radio-size: clamp(120px, 13vw, 180px);
}

.tx-skin-radio .tpb-radio__info {
	min-width: 0;
}

.tx-skin-radio .tpb-radio--hero .tpb-radio__station {
	font-size: clamp(1.3rem, 2.3vw, 2.2rem);
}

.tx-skin-radio .tpb-radio--hero .tpb-radio__play {
	width: 78px;
	height: 78px;
}

/* Препораки (Toopix секција) */
.tx-skin-radio .tx-quote {
	background: #17142a;
	border-color: rgba(255, 255, 255, 0.08);
	color: var(--tx-fg);
}

.tx-skin-radio .tx-quote:nth-child(even) {
	background: linear-gradient(140deg, color-mix(in srgb, var(--tx-accent) 22%, transparent), rgba(123, 77, 255, 0.22)), #17142a;
}

/* Заглавие: проѕирно, при скролање темно стакло */
.tx-skin-radio .tx-header::before {
	background: rgba(9, 8, 15, 0.78);
	border-bottom-color: color-mix(in srgb, var(--tx-accent) 20%, transparent);
}

.tx-skin-radio .tx-burger {
	border-color: color-mix(in srgb, var(--tx-accent) 50%, transparent);
	box-shadow: 0 0 20px -6px color-mix(in srgb, var(--tx-accent) 80%, transparent);
}

.tx-skin-radio .tx-mobile-menu::before {
	background: radial-gradient(80% 80% at 100% 0%, color-mix(in srgb, var(--tx-accent) 25%, transparent), transparent 60%), radial-gradient(70% 70% at 0% 100%, rgba(123, 77, 255, 0.3), transparent 60%), #09080f;
}

.tx-skin-radio .tx-mobile-nav__list > li > a {
	font-family: var(--tx-font-display);
	text-transform: uppercase;
	transition: color 0.3s, text-shadow 0.3s, transform 0.4s var(--tx-ease);
}

.tx-skin-radio .tx-mobile-nav__list > li > a:hover {
	color: var(--tx-accent);
	text-shadow: 0 0 24px color-mix(in srgb, var(--tx-accent) 70%, transparent);
	transform: translateX(12px);
}

@media (min-width: 1181px) {
	.tx-skin-radio .tx-mobile-nav__list > li > a {
		font-size: clamp(2.4rem, 5vw, 4.6rem);
	}

	.tx-skin-radio .tx-mobile-menu__inner {
		max-width: var(--tx-container);
		margin-inline: auto;
	}
}

/* Картички: темно стакло со неон рамка */
.tx-skin-radio .tpb-card,
.tx-skin-radio .tx-card,
.tx-skin-radio .tpb-price,
.tx-skin-radio .tpb-quote,
.tx-skin-radio .tpb-acc__item,
.tx-skin-radio .tpb-timeline__card {
	position: relative;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 22px;
	color: var(--tx-fg);
}

.tx-skin-radio .tpb-card::before,
.tx-skin-radio .tx-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: 2;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(130deg, var(--tx-accent), var(--rd-violet), var(--rd-cyan));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
	opacity: 0;
	transition: opacity 0.4s;
	pointer-events: none;
}

.tx-skin-radio .tpb-card:hover::before,
.tx-skin-radio .tx-card:hover::before {
	opacity: 1;
}

.tx-skin-radio .tpb-card,
.tx-skin-radio .tx-card {
	transition: transform 0.5s var(--tx-ease), box-shadow 0.5s;
}

.tx-skin-radio .tpb-card:hover,
.tx-skin-radio .tx-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 30px 70px -30px color-mix(in srgb, var(--tx-accent) 55%, transparent);
}

.tx-skin-radio .tpb-card__title,
.tx-skin-radio .tpb-card__text,
.tx-skin-radio .tpb-price__title,
.tx-skin-radio .tpb-acc__title {
	color: var(--tx-fg);
}

.tx-skin-radio .tpb-card__text,
.tx-skin-radio .tpb-price__text {
	color: var(--tx-muted);
}

.tx-skin-radio .tpb-card__icon,
.tx-skin-radio .tpb-icon--framed,
.tx-skin-radio .tpb-icon--stacked {
	border-radius: 16px;
	background: var(--rd-grad);
	color: #fff;
	box-shadow: 0 10px 30px -10px color-mix(in srgb, var(--tx-accent) 80%, transparent);
}

.tx-skin-radio .tpb-counter__num {
	background: var(--rd-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family: var(--tx-font-display);
}

.tx-skin-radio .tpb-image img {
	border-radius: 24px;
}

.tx-skin-radio .tpb-text,
.tx-skin-radio .tpb-heading__text,
.tx-skin-radio .tpb-list__text {
	color: var(--tx-muted);
}

/* Подножје */
.tx-skin-radio .tx-footer {
	--tx-bg: var(--tx-footer-bg);
	background-color: var(--tx-footer-bg);
}

.tx-skin-radio .tx-progress span {
	background: var(--rd-grad);
	box-shadow: 0 0 12px color-mix(in srgb, var(--tx-accent) 80%, transparent);
}

.tx-skin-radio .tx-ambient--site {
	--amb-1: var(--tx-accent);
	--amb-2: #7b4dff;
	--amb-3: #33e1ff;
	opacity: 0.55;
}

.tx-skin-radio .tx-ph--equalizer .tx-ambient {
	--amb-1: var(--tx-accent);
	--amb-2: #b79bff;
	--amb-3: #33e1ff;
}

.tx-skin-radio .tx-preloader {
	background: radial-gradient(circle at 50% 40%, #241338, #09080f 70%);
}

/* Формулари */
.tx-skin-radio input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.tx-skin-radio textarea,
.tx-skin-radio select {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.14);
	color: var(--tx-fg);
}

/* Подвижни ленти: неон градиент */
.tx-skin-radio .tx-marquee--solid {
	background: var(--rd-grad);
	box-shadow: 0 0 40px -10px color-mix(in srgb, var(--tx-accent) 70%, transparent);
}

.tx-skin-radio .tx-marquee__sep {
	border-radius: 50%;
	box-shadow: 0 0 10px currentColor;
}

/* Сите „бели“ компоненти на темата во темна варијанта */
.tx-skin-radio .tx-service,
.tx-skin-radio .tx-blog-section,
.tx-skin-radio .tx-post-nav a,
.tx-skin-radio .tx-form-wrap,
.tx-skin-radio .tx-contact-card,
.tx-skin-radio .tx-cta--light,
.tx-skin-radio .tx-shop-section,
.tx-skin-radio .tx-product-aside__card,
.tx-skin-radio .tx-feature,
.tx-skin-radio .tx-plan,
.tx-skin-radio .woocommerce ul.products li.product,
.tx-skin-radio .woocommerce .woocommerce-message,
.tx-skin-radio .woocommerce .woocommerce-info,
.tx-skin-radio .woocommerce .woocommerce-error,
.tx-skin-radio .woocommerce table.shop_table,
.tx-skin-radio .woocommerce-checkout #payment,
.tx-skin-radio .tpb-pcat__arrow {
	background: var(--tx-surface);
	border-color: rgba(255, 255, 255, 0.08);
	color: var(--tx-fg);
}

.tx-skin-radio .tx-shop__sort select,
.tx-skin-radio .woocommerce form .form-row input.input-text,
.tx-skin-radio .woocommerce form .form-row textarea,
.tx-skin-radio .woocommerce form .form-row select,
.tx-skin-radio .comment-form input,
.tx-skin-radio .comment-form textarea {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.14);
	color: var(--tx-fg);
}

.tx-skin-radio .tx-form-wrap label,
.tx-skin-radio .tx-contact-card,
.tx-skin-radio .tx-post-nav a span,
.tx-skin-radio .tx-post-nav a strong {
	color: var(--tx-fg);
}

/* Истакнат збор на розева/виолетова позадина: темен, без неон */
.tx-skin-radio .tpb-scheme-accent .tx-hl,
.tx-skin-radio .tpb-scheme-accent .tx-hl .tx-w__i {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	color: #0f0d18;
	filter: none;
	animation: none;
}

/* Колони со светла шема → темна површина */
.tx-skin-radio .tpb-col.tpb-scheme-white > .tpb-col__inner,
.tx-skin-radio .tpb-col.tpb-scheme-paper > .tpb-col__inner,
.tx-skin-radio .tpb-col.tpb-scheme-mint > .tpb-col__inner {
	background-color: #17142a;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06), 0 30px 70px -30px rgba(123, 77, 255, 0.4);
}

/* Radio content must fit narrow screens without clipping wide display type. */
.tx-skin-radio :is(.tx-rstage__title, .tx-rstage__song, .tpb-heading__title, .tx-ph__title, .tx-fst__title) {
	overflow-wrap: anywhere;
}

/* A stage keeps readable type even inside a Builder column with a light
   scheme, or when a device disables decorative gradient compositing. */
.tx-skin-radio .tx-rstage__title {
	color: #fff;
	position: relative;
	z-index: 1;
}

.tx-skin-radio .tx-rstage__title .tx-hl,
.tx-skin-radio .tx-rstage__title .tx-hl .tx-w__i {
	color: var(--tx-accent, #ff7a1a);
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	filter: none;
	animation: none;
}

.tx-skin-radio :is(.tx-rstage__inner, .tx-rstage__info, .tx-rstage__deck, .tx-ra, .tx-ra__body, .tpb-col, .tpb-col__inner) {
	min-width: 0;
}

.tx-skin-radio .tx-ra :is(iframe, video, audio, input, textarea, select) {
	max-width: 100%;
}

.tx-skin-radio .tx-rstage__player {
	text-align: center;
}

.tx-skin-radio .tx-rstage__np-head {
	gap: 12px;
}

@media (max-width: 960px) {
	.tx-skin-radio .tx-rstage {
		min-height: 0;
	}

	.tx-skin-radio .tx-rstage__inner {
		gap: 20px;
		padding-top: calc(var(--tx-header-h, 80px) + var(--tx-admin-bar, 0px) + 24px);
		padding-bottom: 32px;
	}

	.tx-skin-radio .tx-rstage__title {
		font-size: clamp(2rem, 8.5vw, 4.6rem);
		line-height: 1.13;
	}

	.tx-skin-radio .tx-rstage__disc {
		width: min(40vw, 230px);
	}

	.tx-skin-radio .tx-rstage__np {
		width: 100%;
	}

	.tx-skin-radio .tx-rstage__text {
		max-width: 640px;
	}
}

@media (max-width: 600px) {
	.tx-skin-radio .tx-header__inner {
		gap: 10px;
	}

	.tx-skin-radio .tx-header__brand {
		flex: 0 1 auto;
		min-width: 0;
		max-width: 42%;
	}

	.tx-skin-radio .tx-hradio {
		flex: 0 1 auto;
		max-width: 38%;
		margin-inline: auto 0;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.tx-skin-radio .tx-hradio__meta {
		display: none;
	}

	.tx-skin-radio .tx-hradio__play,
	.tx-skin-radio .tx-burger {
		min-width: 44px;
		min-height: 44px;
	}

	.tx-skin-radio .tx-rstage__disc {
		width: min(44vw, 180px);
	}

	.tx-skin-radio .tx-rstage__eyebrow {
		gap: 8px;
		font-size: 0.68rem;
		letter-spacing: 0.08em;
	}

	.tx-skin-radio .tx-rstage__np {
		padding: 16px;
		border-radius: 16px;
	}

	.tx-skin-radio .tx-rstage__chips {
		gap: 6px;
	}

	.tx-skin-radio .tx-rstage__song {
		font-size: clamp(1.15rem, 5.5vw, 1.8rem);
	}

	.tx-skin-radio .tx-mobile-nav__list > li > a {
		font-size: clamp(1.35rem, 6vw, 2rem);
		letter-spacing: 0;
		overflow-wrap: anywhere;
	}

	.tx-skin-radio .tx-ra :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tx-skin-radio .tx-hl,
	.tx-skin-radio .tx-hl .tx-w__i,
	.tx-skin-radio .tx-label::before,
	.tx-skin-radio .tx-eyebrow::before {
		animation: none;
	}

	.tx-skin-radio :is(.tx-rstage__img, .tx-rstage__eq i, .tx-rstage__flash, .tx-rstage__track) {
		transition: none;
		animation: none;
	}
}