.gcmurd-widget {
	width: 100%;
}

.gcmurd-layout {
	--gcmurd-sidebar-width: 220px;
	display: grid;
	grid-template-columns: minmax(0, var(--gcmurd-sidebar-width)) minmax(0, 1fr);
	align-items: start;
	gap: 30px;
	width: 100%;
}

.gcmurd-sidebar,
.gcmurd-results {
	min-width: 0;
}

.gcmurd-sidebar {
	position: sticky;
	top: 24px;
}

.gcmurd-filter-title {
	margin: 0 0 16px;
	color: #222;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.gcmurd-alphabet {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
	gap: 6px;
	margin: 0;
}

.gcmurd-letter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 36px;
	padding: 5px 3px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	background: #fff;
	color: #222;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.gcmurd-letter-all {
	grid-column: span 2;
}

.gcmurd-letter:hover,
.gcmurd-letter.is-active {
	background: #111;
	border-color: #111;
	color: #fff;
}

.gcmurd-letter.is-disabled {
	opacity: .3;
	cursor: not-allowed;
}

.gcmurd-filter-toggle {
	display: none;
	width: 100%;
	min-height: 48px;
	margin: 0 0 18px;
	padding: 11px 16px;
	border: 0;
	border-radius: 0;
	background: #111;
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	text-align: left;
	cursor: pointer;
	appearance: none;
}

.gcmurd-filter-toggle-icon {
	display: inline-block;
	margin-right: 9px;
	font-size: 20px;
	line-height: 1;
	vertical-align: middle;
}

.gcmurd-notice {
	padding: 16px 18px;
	border: 1px solid #e1e1e1;
	background: #fff;
}

html[data-gcc-theme="dark"] .gcmurd-filter-title {
	color: #fff;
}

html[data-gcc-theme="dark"] .gcmurd-letter,
html[data-gcc-theme="dark"] .gcmurd-notice {
	background: var(--nav-bg, #181818);
	border-color: rgba(255,255,255,.14);
	color: #fff;
}

html[data-gcc-theme="dark"] .gcmurd-letter:hover,
html[data-gcc-theme="dark"] .gcmurd-letter.is-active {
	background: #fff;
	border-color: #fff;
	color: #111;
}

/* Tablet bleibt zweispaltig: Filter links, Foxiz Grid rechts. */
@media (max-width: 1024px) and (min-width: 768px) {
	.gcmurd-layout {
		--gcmurd-sidebar-width: 190px;
		gap: 22px;
	}

	.gcmurd-alphabet {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 5px;
	}

	.gcmurd-letter {
		min-height: 34px;
		font-size: 12px;
	}
}

/* Smartphone: Filter zunächst geschlossen und per Button aufklappbar. */
@media (max-width: 767px) {
	.gcmurd-filter-toggle {
		display: block;
	}

	.gcmurd-layout {
		display: block;
	}

	.gcmurd-sidebar {
		position: static;
		display: none;
		margin: 0 0 22px;
		padding: 16px;
		border: 1px solid #e2e2e2;
		background: #fff;
	}

	.gcmurd-widget.is-filter-open .gcmurd-sidebar {
		display: block;
	}

	.gcmurd-alphabet {
		grid-template-columns: repeat(7, minmax(0, 1fr));
		gap: 5px;
	}

	.gcmurd-letter {
		min-height: 34px;
		padding: 5px 2px;
		font-size: 12px;
	}

	html[data-gcc-theme="dark"] .gcmurd-sidebar {
		background: var(--nav-bg, #181818);
		border-color: rgba(255,255,255,.14);
	}
}

@media (max-width: 374px) {
	.gcmurd-alphabet {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 4px;
	}

	.gcmurd-letter {
		min-height: 32px;
		font-size: 11px;
	}
}


/*
 * Foxiz verwendet in einzelnen responsiven Layouts Floats.
 * Diese Regeln sorgen dafür, dass Widget, Ergebnisbereich und Elementor-Container
 * immer die vollständige Höhe des Foxiz-Grids einnehmen.
 */
.gcmurd-widget,
.gcmurd-layout,
.gcmurd-results {
	position: relative;
	clear: both;
}

.gcmurd-widget,
.gcmurd-results {
	display: flow-root;
}

.gcmurd-layout::after,
.gcmurd-results::after,
.gcmurd-widget::after {
	display: table;
	clear: both;
	content: "";
}

.gcmurd-results > * {
	max-width: 100%;
}

@media (max-width: 767px) {
	.gcmurd-widget,
	.gcmurd-layout,
	.gcmurd-results {
		width: 100%;
		height: auto;
		min-height: 0;
		overflow: visible;
	}

	.gcmurd-layout {
		clear: both;
	}

	.gcmurd-results {
		display: flow-root;
		clear: both;
		margin-bottom: 0;
	}

	.gcmurd-sidebar {
		z-index: 1;
		float: none;
		width: 100%;
		clear: both;
		box-sizing: border-box;
	}

	.gcmurd-filter-toggle {
		position: relative;
		z-index: 2;
		float: none;
		clear: both;
		box-sizing: border-box;
	}

	.gcmurd-widget + * {
		clear: both;
	}
}


/* Mobile Ergebnisfläche: Footer bleibt bei wenigen Treffern optisch auf Abstand. */
@media (max-width: 767px) {
	.gcmurd-results {
		min-height: 68vh;
	}

	.gcmurd-widget.is-filter-open .gcmurd-results {
		min-height: 58vh;
	}

	.gcmurd-sidebar {
		order: 1;
	}

	.gcmurd-results {
		order: 2;
	}

	.gcmurd-layout {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.gcmurd-results {
		min-height: 72vh;
	}

	.gcmurd-widget.is-filter-open .gcmurd-results {
		min-height: 60vh;
	}
}


/*
 * Mobile Absicherung auf dem echten Elementor-Widget-Container.
 * So bleibt der Footer außerhalb des Band-Directory-Bereichs, auch wenn
 * das originale Foxiz-Layout nur einen Treffer oder interne Floats ausgibt.
 */
@media (max-width: 767px) {
	.elementor-widget-gcmurd-az-boxed-grid-1,
	.elementor-widget-gcmurd-az-boxed-grid-2 {
		display: block !important;
		width: 100% !important;
		min-height: var(--gcmurd-mobile-widget-height, 72svh) !important;
		clear: both !important;
	}

	.elementor-widget-gcmurd-az-boxed-grid-1 > .elementor-widget-container,
	.elementor-widget-gcmurd-az-boxed-grid-2 > .elementor-widget-container {
		display: block !important;
		width: 100% !important;
		min-height: var(--gcmurd-mobile-widget-height, 72svh) !important;
		height: auto !important;
		overflow: visible !important;
		clear: both !important;
	}

	.elementor-widget-gcmurd-az-boxed-grid-1 .gcmurd-widget,
	.elementor-widget-gcmurd-az-boxed-grid-2 .gcmurd-widget {
		display: block !important;
		width: 100% !important;
		min-height: var(--gcmurd-mobile-widget-height, 72svh) !important;
		height: auto !important;
		overflow: visible !important;
		clear: both !important;
	}

	.elementor-widget-gcmurd-az-boxed-grid-1 .gcmurd-layout,
	.elementor-widget-gcmurd-az-boxed-grid-2 .gcmurd-layout {
		min-height: inherit !important;
	}

	.elementor-widget-gcmurd-az-boxed-grid-1 .gcmurd-results,
	.elementor-widget-gcmurd-az-boxed-grid-2 .gcmurd-results {
		min-height: 0 !important;
	}

	.elementor-widget-gcmurd-az-boxed-grid-1 + *,
	.elementor-widget-gcmurd-az-boxed-grid-2 + * {
		clear: both !important;
	}
}

/* GC MU Release Directory – Search & Filter */
.gcmurd-search-box{padding:34px;background:#f3f3f3;border-radius:4px}
.gcmurd-search-title{margin:0 0 8px;font-size:28px;line-height:1.25}
.gcmurd-search-description{margin:0 0 22px;color:#666}
.gcmurd-search-form{display:flex;gap:12px;align-items:stretch}
.gcmurd-search-input{flex:1;min-width:0;height:52px;padding:0 18px;border:1px solid #d8d8d8;background:#fff}
.gcmurd-search-button,.gcmurd-filter-actions button{min-height:52px;padding:0 28px;border:0;background:#111;color:#fff;font-weight:600;cursor:pointer}
.gcmurd-filter-form{display:flex;flex-direction:column;gap:18px}
.gcmurd-filter-group{border-bottom:1px solid #e5e5e5;padding-bottom:16px}
.gcmurd-filter-group summary{cursor:pointer;font-size:18px;font-weight:700;list-style:none;padding:4px 0 12px}
.gcmurd-filter-group summary::-webkit-details-marker{display:none}
.gcmurd-filter-options{display:flex;flex-direction:column;gap:9px}
.gcmurd-filter-options label{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;cursor:pointer}
.gcmurd-filter-options small{opacity:.65}
.gcmurd-filter-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.gcmurd-filter-actions a{text-decoration:underline}
html[data-gcc-theme="dark"] .gcmurd-search-box{background:#1e1e1e}
html[data-gcc-theme="dark"] .gcmurd-search-description{color:#bbb}
html[data-gcc-theme="dark"] .gcmurd-search-input{background:#111;border-color:#444;color:#fff}
@media(max-width:767px){.gcmurd-search-box{padding:22px}.gcmurd-search-form{flex-direction:column}.gcmurd-search-button{width:100%}}

/* Suche mit integriertem Foxiz-Ergebnis-Grid */
.gcmurd-search-box {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 30px;
	padding: 28px;
	background: #f4f4f4;
}
.gcmurd-search-title { margin: 0 0 8px; color: #222; font-size: 28px; line-height: 1.25; }
.gcmurd-search-description { margin: 0 0 20px; color: #555; }
.gcmurd-search-form { display: flex; align-items: stretch; width: 100%; }
.gcmurd-search-input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 52px;
	box-sizing: border-box;
	padding: 10px 18px;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	background: #fff;
	color: #222;
	outline: none;
}
.gcmurd-search-input:focus { border-color: #777; }
.gcmurd-search-button {
	flex: 0 0 auto;
	min-height: 52px;
	padding: 10px 28px;
	border: 1px solid #111;
	border-radius: 0;
	background: #111;
	color: #fff;
	cursor: pointer;
}
.gcmurd-search-results { width: 100%; display: flow-root; }
html[data-gcc-theme="dark"] .gcmurd-search-box { background: var(--nav-bg, #181818); }
html[data-gcc-theme="dark"] .gcmurd-search-title,
html[data-gcc-theme="dark"] .gcmurd-search-description { color: #fff; }
html[data-gcc-theme="dark"] .gcmurd-search-input { background: #111; border-color: rgba(255,255,255,.18); color: #fff; }
@media (max-width: 767px) {
	.gcmurd-search-box { padding: 20px; }
	.gcmurd-search-form { display: grid; grid-template-columns: 1fr; gap: 10px; }
	.gcmurd-search-button { width: 100%; }
}

/* 0.1.2: getrennte Elementor-Widgets – Bandsuche, Suchfilter und Ergebnis-Grid */
.gcmurd-search-box { width: 100%; }
.gcmurd-search-title { margin: 0 0 10px; }
.gcmurd-search-description { margin: 0 0 20px; }
.gcmurd-search-row { display: flex; width: 100%; }
.gcmurd-search-input { flex: 1 1 auto; min-width: 0; }
.gcmurd-search-submit { flex: 0 0 auto; cursor: pointer; }
.gcmurd-results-widget { width: 100%; scroll-margin-top: 30px; }
.gcmurd-filter-form { width: 100%; }
@media (max-width: 767px) {
  .gcmurd-search-row { flex-direction: column; gap: 10px; }
  .gcmurd-search-submit { width: 100%; }
}

.gcmurd-editor-preview-badge {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	margin: 0 0 10px;
	padding: 4px 9px;
	border: 1px dashed currentColor;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .03em;
	text-transform: uppercase;
	opacity: .72;
}

/* Release Directory 0.1.7: Live-Suche, Taxonomie-Master und responsive Filter */
.gcmurd-search-row{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}.gcmurd-search-input-wrap{position:relative;min-width:180px;flex:1 1 auto}.gcmurd-search-input{width:100%;box-sizing:border-box}.gcmurd-autocomplete{position:absolute;z-index:9999;top:calc(100% + 4px);left:0;right:0;max-height:320px;overflow:auto;border:1px solid #ddd;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12)}.gcmurd-autocomplete-item{display:block;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #eee;background:transparent;text-align:left;cursor:pointer}.gcmurd-autocomplete-item:hover,.gcmurd-autocomplete-item:focus{background:#f4f4f4}.gcmurd-filter-shell{position:relative}.gcmurd-filter-panel{position:relative}.gcmurd-filter-master-header{margin-bottom:22px}.gcmurd-master-title,.gcmurd-master-band{display:block}.gcmurd-master-title{font-size:18px;font-weight:700;line-height:1.2}.gcmurd-master-band{margin-top:4px;font-size:22px;font-weight:700;line-height:1.2}.gcmurd-filter-group{margin:0 0 18px}.gcmurd-filter-group-title,.gcmurd-filter-group summary{margin:0 0 9px;font-weight:700}.gcmurd-filter-select{display:block;width:100%;min-height:44px;padding:8px 10px;box-sizing:border-box}.gcmurd-filter-select[multiple]{min-height:130px}.gcmurd-filter-options label{display:flex;align-items:center;gap:8px}.gcmurd-filter-options label span{flex:1}.gcmurd-filter-options small{margin-left:auto}.gcmurd-mobile-filter-open,.gcmurd-mobile-filter-close,.gcmurd-filter-backdrop{display:none}.gcmurd-filter-shell.is-sticky-desktop .gcmurd-filter-panel{position:sticky;top:var(--gcmurd-sticky-offset,30px)}
html[data-gcc-theme="dark"] .gcmurd-autocomplete{background:var(--nav-bg,#181818);border-color:rgba(255,255,255,.14)}html[data-gcc-theme="dark"] .gcmurd-autocomplete-item{color:#fff;border-color:rgba(255,255,255,.1)}html[data-gcc-theme="dark"] .gcmurd-autocomplete-item:hover{background:rgba(255,255,255,.08)}html[data-gcc-theme="dark"] .gcmurd-master-title,html[data-gcc-theme="dark"] .gcmurd-master-band,html[data-gcc-theme="dark"] .gcmurd-filter-group-title,html[data-gcc-theme="dark"] .gcmurd-filter-group summary,html[data-gcc-theme="dark"] .gcmurd-filter-options label{color:#fff}html[data-gcc-theme="dark"] .gcmurd-filter-select{background:var(--nav-bg,#181818);color:#fff;border-color:rgba(255,255,255,.16)}
@media(max-width:1024px) and (min-width:768px){.gcmurd-filter-shell.is-sticky-desktop:not(.is-sticky-tablet) .gcmurd-filter-panel{position:static}.gcmurd-filter-shell.is-sticky-tablet .gcmurd-filter-panel{position:sticky;top:var(--gcmurd-sticky-offset,30px)}}
@media(max-width:767px){.gcmurd-search-input-wrap,.gcmurd-search-submit{max-width:100%;}.gcmurd-filter-shell.is-mobile-overlay .gcmurd-mobile-filter-open{display:block;width:100%;min-height:46px}.gcmurd-filter-shell.is-mobile-overlay .gcmurd-filter-panel{position:fixed;z-index:100001;top:0;right:0;bottom:0;width:min(90vw,420px);padding:24px;overflow:auto;box-sizing:border-box;background:#fff;transform:translateX(105%);transition:transform .25s ease}.gcmurd-filter-shell.is-mobile-overlay.is-open .gcmurd-filter-panel{transform:translateX(0)}.gcmurd-filter-shell.is-mobile-overlay .gcmurd-mobile-filter-close{display:block;position:absolute;top:10px;right:12px;border:0;background:none;font-size:32px;cursor:pointer}.gcmurd-filter-shell.is-mobile-overlay .gcmurd-filter-backdrop{position:fixed;z-index:100000;inset:0;background:rgba(0,0,0,.55)}.gcmurd-filter-shell.is-mobile-overlay.is-open .gcmurd-filter-backdrop{display:block}.gcmurd-filter-shell .gcmurd-filter-panel{position:static}html[data-gcc-theme="dark"] .gcmurd-filter-shell.is-mobile-overlay .gcmurd-filter-panel{background:var(--nav-bg,#181818)}}

/* 0.1.8 – responsive Suchspalten, eigene Selector-Optik und aufklappbare Select-Gruppen */
.gcmurd-search-row{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	box-sizing:border-box;
}
.gcmurd-search-input-column,
.gcmurd-search-button-column{
	min-width:0;
	box-sizing:border-box;
}
.gcmurd-search-input-column{position:relative}
.gcmurd-search-input-wrap{position:relative;max-width:100%}
.gcmurd-search-button-column{display:flex}
.gcmurd-search-submit{max-width:100%;box-sizing:border-box}
.gcmurd-search-button-column .gcmurd-search-submit{width:100%}

.gcmurd-filter-options input[type="checkbox"]{
	appearance:none;
	-webkit-appearance:none;
	position:relative;
	flex:0 0 auto;
	margin:0;
	border:1px solid #b8b8b8;
	background:#fff;
	box-sizing:border-box;
	cursor:pointer;
}
.gcmurd-filter-options input[type="checkbox"]:checked::after{
	position:absolute;
	top:46%;
	left:50%;
	width:28%;
	height:52%;
	border-style:solid;
	border-width:0 2px 2px 0;
	border-color:#fff;
	content:"";
	transform:translate(-50%,-55%) rotate(45deg);
}
.gcmurd-filter-options input[type="checkbox"]:focus-visible{
	outline:2px solid currentColor;
	outline-offset:2px;
}
.gcmurd-filter-group > summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.gcmurd-filter-group > summary::after{
	content:"+";
	font-size:1.1em;
	line-height:1;
}
.gcmurd-filter-group[open] > summary::after{content:"−"}
.gcmurd-filter-group-select > .gcmurd-filter-select{margin-top:8px}

html[data-gcc-theme="dark"] .gcmurd-filter-options input[type="checkbox"]{
	background:#151515;
	border-color:rgba(255,255,255,.32);
}

@media(max-width:767px){
	/* Alte Zwangsregel aus Alpha 0.1.7 neutralisieren: Spalten bleiben nach Elementor-Einstellung steuerbar. */
	.gcmurd-search-input-wrap,
	.gcmurd-search-submit{
		max-width:100%;
	}
	.gcmurd-search-input-column,
	.gcmurd-search-button-column{
		min-width:0;
	}
}


/* 0.1.13 – editierbare Keine-Ergebnisse-Box */
.gcmurd-no-results{width:100%;margin:0 auto;box-sizing:border-box;background:#f7f7f7;border:1px solid #e5e5e5;padding:36px 30px;text-align:center}
.gcmurd-no-results-title{margin:0 0 12px;font-size:24px;line-height:1.25;font-weight:700;color:#282828}
.gcmurd-no-results-description{margin:0;color:#555;line-height:1.65}
.gcmurd-no-results-description p{margin:0}
.gcmurd-no-results-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:12px 22px;background:#282828;color:#fff;text-decoration:none;border-radius:3px;transition:background-color .2s ease,color .2s ease}
.gcmurd-no-results-button:hover,.gcmurd-no-results-button:focus{background:#000;color:#fff}
html[data-gcc-theme="dark"] .gcmurd-no-results{background:#181818;border-color:rgba(255,255,255,.14)}
html[data-gcc-theme="dark"] .gcmurd-no-results-title{color:#fff}
html[data-gcc-theme="dark"] .gcmurd-no-results-description{color:rgba(255,255,255,.76)}
html[data-gcc-theme="dark"] .gcmurd-no-results-button{background:#fff;color:#181818}
html[data-gcc-theme="dark"] .gcmurd-no-results-button:hover{background:#e8e8e8;color:#000}

/* Alpha 0.1.18 – zuverlässiger Selector-Zustand im Frontend */
.gcmurd-filter-options .gcmurd-selector-option{
	position:relative;
	user-select:none;
	-webkit-user-select:none;
}
.gcmurd-filter-options .gcmurd-selector-input{
	display:inline-block !important;
	opacity:1 !important;
	visibility:visible !important;
	pointer-events:auto !important;
	appearance:none !important;
	-webkit-appearance:none !important;
}
.gcmurd-filter-options .gcmurd-selector-input:checked,
.gcmurd-filter-options .gcmurd-selector-option.is-checked .gcmurd-selector-input{
	background-color:#2271b1;
	border-color:#2271b1;
}
.gcmurd-filter-options .gcmurd-selector-input:checked::after,
.gcmurd-filter-options .gcmurd-selector-option.is-checked .gcmurd-selector-input::after{
	display:block !important;
	position:absolute;
	top:46%;
	left:50%;
	width:28%;
	height:52%;
	border-style:solid;
	border-width:0 2px 2px 0;
	border-color:#fff;
	content:"";
	transform:translate(-50%,-55%) rotate(45deg);
}
html[data-gcc-theme="dark"] .gcmurd-filter-options .gcmurd-selector-input:checked,
html[data-gcc-theme="dark"] .gcmurd-filter-options .gcmurd-selector-option.is-checked .gcmurd-selector-input{
	background-color:#2271b1;
	border-color:#2271b1;
}




/* Alpha 0.1.27 – JetSmartFilters-orientierte Select-Struktur.
 * Bewusst natives <select>; kein DOM-Umbau, keine JS-Bibliothek und keine
 * fest vorgegebenen Farben für die geöffnete Optionsliste. */
.gcmurd-select-wrap {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
}
.gcmurd-select-wrap .gcmurd-filter-select {
	display: block;
	width: 100%;
	height: auto;
	min-height: auto;
	max-width: none;
	margin: 0;
	box-sizing: border-box;
	font: inherit;
	background-image: none;
}
.gcmurd-select-wrap:not(.is-multiple)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 14px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid currentColor;
	transform: translateY(-30%);
	pointer-events: none;
	color: currentColor;
}
.gcmurd-select-wrap:not(.is-multiple) .gcmurd-filter-select {
	padding-right: 42px;
}
.gcmurd-select-wrap.is-multiple::after {
	display: none;
}
