/* M4Y Desktop Nav – Haupt- und Footermenue (PC) */

/* Lizenz-Block (GEMA/GVL) in linker Leiste — Hinweis steht im Footer */
#secondary #block-22,
#secondary .widget_block:has(a[href*="gema.de"]),
#secondary .widget_block:has(a[href*="gvl.de"]),
#secondary .widget_block:has(img[alt="GEMA"]),
#secondary .widget_block:has(img[alt="GVL"]) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/*
 * Linke Seitenleiste bündig mit On-Air (#content-sidebar, padding-top 72px).
 * Wie RNR: Customizer #secondary { padding-top: 85px } + Tagline/Margins.
 */
@media screen and (min-width: 1008px) {
	#secondary {
		padding-top: 72px !important;
	}

	#secondary .site-description {
		display: none !important;
		margin: 0 !important;
	}

	#secondary .primary-sidebar > .widget:empty {
		display: none !important;
		margin: 0 !important;
	}

	#secondary .primary-sidebar > .widget:not(:empty) h2:first-child,
	#secondary .primary-sidebar > .widget:not(:empty) > .text-center:first-child {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	/* Player-Cover bündig mit linker Leiste + rechter On-Air-Anzeige */
	#primary .entry-content {
		padding-top: 0 !important;
	}

	#primary .entry-content > p:first-child {
		margin-top: 0 !important;
	}
}

/*
 * Player-Links aus der linken Sidebar entfernen
 * (Popup + Tune-in sitzen jetzt im PawTunes-Player wie bei RNR, ohne Apps).
 */
#secondary #block-9,
#secondary .widget_block:has(a[href*="m4yplayer.html"]),
#secondary .widget_block:has(a[onclick*="m4yplayer.html"]) {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Linke Leiste: Plattformen → Social → Partner */
#secondary #primary-sidebar {
	display: flex !important;
	flex-direction: column !important;
	gap: 1.25rem;
}

#secondary #block-11 {
	order: 1; /* Online Radio Box */
}

#secondary #block-13 {
	order: 2; /* Radio Stream (radio.de) */
}

#secondary #block-19 {
	order: 3; /* Facebook */
}

#secondary #block-21 {
	order: 4; /* Partner */
}

/*
 * Überschriften: Korallenrot ohne Glow (wie Sendeplan-Akzent).
 */
#secondary #block-11 > h2,
#secondary #block-13 > h2,
#secondary #block-19 > h2,
#secondary #block-21 > h2,
#secondary #block-11 h2.text-center,
#secondary #block-13 h2.text-center,
#secondary #block-19 h2.text-center,
#secondary #block-21 h2.text-center,
#secondary .m4y-orb-title,
#secondary .m4y-rd-title {
	margin: 0 0 0.75rem !important;
	padding: 0 0 6px !important;
	font-size: 0.8125rem !important; /* „Online Radio Box“ in einer Zeile */
	line-height: 1.25 !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	text-transform: uppercase !important;
	color: #f4f1ec !important;
	text-align: center !important;
	white-space: nowrap !important;
	hyphens: none !important;
	-webkit-hyphens: none !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-image: linear-gradient(
		90deg,
		transparent 8%,
		#d9534f 28%,
		#e06a66 50%,
		#d9534f 72%,
		transparent 92%
	) 1 !important;
	box-shadow: none !important;
	filter: none !important;
	text-shadow: none !important;
}

#secondary .m4y-orb-widget,
#secondary .m4y-rd-widget {
	--m4y-red: #d9534f !important;
	--m4y-border: linear-gradient(
		90deg,
		transparent 8%,
		#d9534f 28%,
		#e06a66 50%,
		#d9534f 72%,
		transparent 92%
	) !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

/*
 * Plattformen: Glas-Kästen, ähnliche Größe.
 */
#secondary .m4y-orb-box,
#secondary .m4y-rd-box {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

#secondary .m4y-orb-link,
#secondary .m4y-rd-box .ng-app-embedded,
#secondary .m4y-rd-box .embedded-radio-player {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 10px !important;
	background: rgba(15, 15, 15, 0.25) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	text-decoration: none !important;
	line-height: 1 !important;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease !important;
}

#secondary .m4y-orb-link:hover,
#secondary .m4y-orb-link:focus {
	border-color: rgba(255, 255, 255, 0.9) !important;
	background: rgba(15, 15, 15, 0.4) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
	transform: translateY(-1px);
	filter: none !important;
	outline: none !important;
}

#secondary .m4y-orb-box img {
	display: block !important;
	width: auto !important;
	max-width: 148px !important;
	height: auto !important;
	max-height: 42px !important;
	margin: 0 auto !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: contain !important;
}

/* radio.de Embed auf Sidebar-Breite zähmen */
#secondary .m4y-rd-box .ng-app-embedded {
	overflow: hidden !important;
}

#secondary .m4y-rd-box .ng-app-embedded,
#secondary .m4y-rd-box .embedded-radio-player,
#secondary .m4y-rd-box [data-playerwidth] {
	width: 100% !important;
	max-width: 100% !important;
}

#secondary .m4y-rd-box .embedded-radio-player {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

#secondary .m4y-rd-box .ng-app-embedded {
	min-height: 92px;
}

/*
 * Facebook: Glyph im Glas-Kasten (PNG ausblenden).
 */
#secondary #block-19 .text-center,
#secondary #block-19 p.text-center {
	line-height: 1 !important;
	font-size: inherit !important;
	margin: 0 !important;
	text-align: center !important;
}

#secondary #block-19 .text-center > span,
#secondary #block-19 p.text-center > span {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
}

#secondary #block-19 a[href*="facebook.com"] {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 10px !important;
	background: rgba(15, 15, 15, 0.25) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	color: #f4f1ec !important;
	text-decoration: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		background 0.2s ease,
		transform 0.2s ease !important;
}

#secondary #block-19 a[href*="facebook.com"]:hover,
#secondary #block-19 a[href*="facebook.com"]:focus {
	color: #1877f2 !important;
	border-color: rgba(255, 255, 255, 0.9) !important;
	background: rgba(15, 15, 15, 0.4) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
	transform: translateY(-1px);
	outline: none !important;
}

#secondary #block-19 a img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
	opacity: 0 !important;
}

#secondary #block-19 a[href*="facebook.com"]::before {
	content: "" !important;
	display: block !important;
	width: 14px !important;
	height: 22px !important;
	background-color: currentColor !important;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.2l18-97.8H196v-34.4c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4.4 37.1 1.2V7.9C291.4 4.6 260.1 0 229.1 0 146.3 0 94.7 46.2 94.7 130.1v71.4H0v97.8h80z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.2l18-97.8H196v-34.4c0-51.7 20.3-71.5 72.7-71.5 16.3 0 29.4.4 37.1 1.2V7.9C291.4 4.6 260.1 0 229.1 0 146.3 0 94.7 46.2 94.7 130.1v71.4H0v97.8h80z'/%3E%3C/svg%3E");
}

/*
 * Partner: Glas + Weiß-Kontur.
 */
#secondary #block-21 .text-center {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 12px !important;
	margin: 0 !important;
	line-height: 1 !important;
	text-align: center !important;
}

#secondary #block-21 a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	border-radius: 10px !important;
	background: rgba(15, 15, 15, 0.25) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	text-decoration: none !important;
	transition:
		border-color 0.2s ease,
		background 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.2s ease !important;
}

#secondary #block-21 a:hover,
#secondary #block-21 a:focus {
	border-color: rgba(255, 255, 255, 0.9) !important;
	background: rgba(15, 15, 15, 0.4) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
	transform: translateY(-1px);
	outline: none !important;
}

#secondary #block-21 a img {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 56px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

/* Copyright-Streifen: Overlay nur auf #main, Footer transparent */
body .site,
body #page {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
}

body #main {
	background: rgba(0, 0, 0, 0.6) !important;
}

footer.site-footer,
#colophon.site-footer,
body .site-footer,
footer .site-info,
#colophon .site-info,
body .site-info,
.site-info {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/*
 * Desktop: Hauptmenü + Footermenü (PC-Ansicht)
 * Brand: RNR-Orange statt Twenty-Fourteen-Grün
 */
@media screen and (min-width: 783px) {
	:root {
		--rnr-nav-ink: #f4f1ec;
		--rnr-nav-muted: rgba(244, 241, 236, 0.62);
		--rnr-nav-line: rgba(255, 255, 255, 0.14);
		--rnr-nav-hot: #e24f00;
		--rnr-nav-hot-soft: #ff6412;
		--rnr-nav-bar: linear-gradient(
			90deg,
			rgba(18, 10, 10, 0.92) 0%,
			rgba(78, 8, 8, 0.55) 48%,
			rgba(40, 28, 8, 0.45) 100%
		);
	}

	/* ----- Hauptmenü ----- */
	.primary-navigation {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-bottom: 1px solid var(--rnr-nav-line) !important;
		background: var(--rnr-nav-bar) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
		font-size: 13px !important;
		letter-spacing: 0.06em;
		text-transform: uppercase;
	}

	.primary-navigation .menu-toggle {
		display: none !important;
	}

	.primary-navigation .menu-header-container,
	.primary-navigation .nav-menu,
	.primary-navigation #primary-menu {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: stretch !important;
		gap: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 8px !important;
		list-style: none !important;
		float: none !important;
	}

	.primary-navigation .nav-menu > li,
	.primary-navigation #primary-menu > li,
	.site-navigation.primary-navigation li {
		float: none !important;
		display: flex !important;
		align-items: stretch !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		position: relative;
	}

	.primary-navigation .nav-menu > li + li::before,
	.primary-navigation #primary-menu > li + li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 28%;
		bottom: 28%;
		width: 1px;
		background: var(--rnr-nav-line);
		pointer-events: none;
	}

	.primary-navigation a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 46px;
		padding: 0 14px !important;
		color: var(--rnr-nav-ink) !important;
		text-decoration: none !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		line-height: 1.2 !important;
		transition:
			color 0.22s ease,
			background-color 0.22s ease,
			box-shadow 0.22s ease;
	}

	.primary-navigation a:hover,
	.primary-navigation a:focus,
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		color: #fff !important;
		background: rgba(226, 79, 0, 0.16) !important;
		outline: none;
	}

	.primary-navigation .current-menu-item > a,
	.primary-navigation .current_page_item > a,
	.primary-navigation .current-menu-ancestor > a,
	.primary-navigation .current_page_ancestor > a {
		color: #fff !important;
		background: rgba(226, 79, 0, 0.22) !important;
		box-shadow: inset 0 -2px 0 var(--rnr-nav-hot);
	}

	/* Dropdowns */
	.primary-navigation ul ul {
		background: #0c0b0b !important;
		border: 1px solid var(--rnr-nav-line) !important;
		border-radius: 0 !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
	}

	.primary-navigation ul ul a {
		min-height: 40px;
		justify-content: flex-start !important;
		padding: 0 16px !important;
		color: var(--rnr-nav-ink) !important;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background: rgba(226, 79, 0, 0.2) !important;
		color: #fff !important;
	}

	/* ----- Footermenü ----- */
	#footer-sidebar.footer-sidebar,
	.footer-sidebar {
		float: none !important;
		width: 100% !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 14px 12px 18px !important;
		text-align: center !important;
		background: var(--rnr-nav-bar) !important;
		border-top: 1px solid var(--rnr-nav-line) !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
	}

	#footer-sidebar .widget_nav_menu,
	.footer-sidebar .widget_nav_menu {
		margin: 0 auto !important;
		padding: 0 !important;
		float: none !important;
		width: auto !important;
		max-width: 100% !important;
		text-align: center !important;
	}

	#footer-sidebar .widget_nav_menu .widget-title,
	.footer-sidebar .widget_nav_menu .widget-title {
		display: none !important;
	}

	#footer-sidebar #menu-footer,
	.footer-sidebar #menu-footer {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		float: none !important;
		width: auto !important;
		margin: 0 auto !important;
		padding: 0 !important;
		list-style: none !important;
		font-size: 12px !important;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	#footer-sidebar #menu-footer > li,
	.footer-sidebar #menu-footer > li {
		float: none !important;
		display: flex !important;
		align-items: stretch !important;
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
		height: auto !important;
		line-height: 1.2 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		white-space: nowrap;
	}

	#footer-sidebar #menu-footer > li + li::before,
	.footer-sidebar #menu-footer > li + li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 30%;
		bottom: 30%;
		width: 1px;
		background: var(--rnr-nav-line);
		pointer-events: none;
	}

	#footer-sidebar #menu-footer > li > a,
	.footer-sidebar #menu-footer > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 40px;
		padding: 0 18px !important;
		color: var(--rnr-nav-muted) !important;
		text-decoration: none !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		transition:
			color 0.22s ease,
			background-color 0.22s ease,
			box-shadow 0.22s ease;
	}

	#footer-sidebar #menu-footer > li > a:hover,
	#footer-sidebar #menu-footer > li > a:focus,
	.footer-sidebar #menu-footer > li > a:hover,
	.footer-sidebar #menu-footer > li > a:focus {
		color: #fff !important;
		background: rgba(226, 79, 0, 0.14) !important;
		outline: none;
	}

	#footer-sidebar #menu-footer > .current-menu-item > a,
	#footer-sidebar #menu-footer > .current_page_item > a,
	.footer-sidebar #menu-footer > .current-menu-item > a,
	.footer-sidebar #menu-footer > .current_page_item > a {
		color: #fff !important;
		background: rgba(226, 79, 0, 0.18) !important;
		box-shadow: inset 0 -2px 0 var(--rnr-nav-hot-soft);
	}
}

/* Drachen-Cursor – Fallback falls MU-Plugin-CSS von Shortcodes überschrieben wird */
a,
[onclick],
button,
.norest-form-wrap button,
.norest-form-wrap label,
.norest-form-wrap input,
.norest-form-wrap textarea,
.norest-history-artwork,
.norest-history-pagination button,
.norest-show-card,
.norest-flyer-img,
.norest-btn,
.norest-teamcard-img-wrap {
	cursor: url("/m4ydragon-24.png") 16 1, url("/m4ydragon.cur"), url("/m4ydragon.png") 12 1, url("/m4ydragon.gif") 12 1, pointer !important;
}