/* AVON Bühne – Bühnenbild «Geisterstunde»: Es spukt im Theater.
   Nebel zieht über die Bühne, Kerzenlicht flackert, Spinnweben in den Ecken, das Plakat hängt leicht schief
   und ab und zu flattert eine Fledermaus vorbei (assets/js/looks/geisterstunde.js).
   Die Akzentfarbe der Produktion ist das Geisterlicht. Bei «Bewegung reduzieren» steht alles still.
   Wird nur auf Stückseiten mit diesem Design geladen (body.avon-look--geisterstunde). */

body.avon-look--geisterstunde {
	--gh-bg: #0D0B11;
	--gh-deep: #07060A;
	--gh-card: #17141D;
	--gh-text: #ECE7F2;
	--gh-mist: 214, 206, 228;
	--gh-web: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M0 0L118.0 0.0M0 0L114.0 30.5M0 0L100.1 62.5M0 0L75.8 90.4M0 0L44.2 109.4M0 0L12.3 117.4M0 0L0.0 118.0M22.0 0.0Q17.7 2.3 21.3 5.7Q16.4 7.1 18.7 11.7Q13.4 11.7 14.1 16.9Q9.2 15.3 8.2 20.4Q4.3 17.3 2.3 21.9Q0.9 18.0 0.0 22.0M40.0 0.0Q32.2 4.2 38.6 10.4Q29.7 12.9 33.9 21.2Q24.4 21.3 25.7 30.6Q16.7 27.8 15.0 37.1Q7.9 31.5 4.2 39.8Q1.7 32.7 0.0 40.0M60.0 0.0Q48.4 6.4 58.0 15.5Q44.6 19.4 50.9 31.8Q36.7 31.9 38.6 46.0Q25.0 41.7 22.5 55.6Q11.8 47.3 6.3 59.7Q2.6 49.1 0.0 60.0M82.0 0.0Q66.1 8.7 79.2 21.2Q61.0 26.5 69.5 43.5Q50.1 43.6 52.7 62.8Q34.2 56.9 30.7 76.0Q16.1 64.6 8.6 81.6Q3.5 67.1 0.0 82.0M106.0 0.0Q85.4 11.2 102.4 27.4Q78.8 34.3 89.9 56.2Q64.8 56.3 68.1 81.2Q44.2 73.6 39.7 98.3Q20.8 83.5 11.1 105.4Q4.5 86.7 0.0 106.0' fill='none' stroke='%23fff' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E");
	--gh-bat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 21'%3E%3Cpath d='M32 8L33.4 4.2Q34.2 5.5 34.6 8.6Q36 9.4 37.5 10Q44 8.5 51 3.5Q57 0.2 63 0.5Q59.8 4.5 59.2 10Q56 8.4 52.6 11Q50.6 13 49.6 16.2Q46.4 13.4 42.6 15Q39.8 16.4 37.4 19.4Q35.4 16.4 33.6 17.4Q33 19 32 19.6Q31 19 30.4 17.4Q28.6 16.4 26.6 19.4Q24.2 16.4 21.4 15Q17.6 13.4 14.4 16.2Q13.4 13 11.4 11Q8 8.4 4.8 10Q4.2 4.5 1 0.5Q7 0.2 13 3.5Q20 8.5 26.5 10Q28 9.4 29.4 8.6Q29.8 5.5 30.6 4.2L32 8Z'/%3E%3C/svg%3E");
	--wp--preset--color--paper: var(--gh-bg);
	--wp--preset--color--card: var(--gh-card);
	--wp--preset--color--ink: var(--gh-text);
	--wp--preset--color--ink-soft: #CBC3D6;
	--wp--preset--color--muted: #968EA3;
	--wp--preset--color--line: #2B2634;
	--wp--preset--color--gold-soft: color-mix(in srgb, var(--wp--preset--color--gold) 14%, var(--gh-card));
	--wp--preset--color--gold-deep: color-mix(in srgb, var(--wp--preset--color--gold) 78%, #fff);
	--avon-ink: var(--wp--preset--color--ink);
	--avon-paper: var(--wp--preset--color--paper);
	--avon-card: var(--wp--preset--color--card);
	--avon-gold: var(--wp--preset--color--gold);
	--avon-gold-deep: var(--wp--preset--color--gold-deep);
	--avon-gold-soft: var(--wp--preset--color--gold-soft);
	--avon-line: var(--wp--preset--color--line);
	--avon-muted: var(--wp--preset--color--muted);
	--avon-ink-soft: var(--wp--preset--color--ink-soft);
	--gh-glow: color-mix(in srgb, var(--wp--preset--color--gold) 40%, transparent);
	background:
		radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--gh-mist), 0.05), transparent 70%),
		var(--gh-bg);
	color: var(--gh-text);
	color-scheme: dark;
}

.avon-look--geisterstunde .has-ink-background-color { background-color: var(--gh-deep) !important; }
.avon-look--geisterstunde .has-paper-color { color: var(--gh-text) !important; }

/* Kopfzeile */
.avon-look--geisterstunde .avon-header { background: rgba(7, 6, 10, 0.9); border-bottom-color: #221E29; }
.avon-look--geisterstunde .avon-logo img { filter: invert(1) brightness(0.95); }
.avon-look--geisterstunde .avon-header .wp-block-navigation a:hover { color: var(--avon-gold); }
.avon-look--geisterstunde .avon-header .wp-block-navigation__submenu-container { border-color: #2B2634 !important; }

/* Buttons: dunkle Schrift auf Geisterlicht */
.avon-look--geisterstunde .wp-block-button:not(.is-style-outline) > .wp-block-button__link { color: var(--gh-deep); transition: box-shadow 0.25s ease; }
.avon-look--geisterstunde .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover { box-shadow: 0 0 28px 2px var(--gh-glow); }
.avon-look--geisterstunde .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--gh-text); border-color: rgba(var(--gh-mist), 0.4); }
.avon-look--geisterstunde .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--gh-text); color: var(--gh-deep); border-color: var(--gh-text); }

/* Eyebrows mit kleiner Fledermaus */
.avon-look--geisterstunde .avon-eyebrow { color: var(--avon-gold); }
.avon-look--geisterstunde .avon-main .avon-eyebrow:not(.avon-eyebrow--live) { display: flex; align-items: center; gap: 0.6rem; }
.avon-look--geisterstunde .avon-main .avon-eyebrow:not(.avon-eyebrow--live)::before {
	content: ""; flex: 0 0 auto; width: 2.6em; height: 0.85em; background: currentColor;
	-webkit-mask: var(--gh-bat) center / contain no-repeat; mask: var(--gh-bat) center / contain no-repeat;
}
.avon-look--geisterstunde .avon-section-head h2,
.avon-look--geisterstunde .avon-story h2 { color: #F7F3FB; text-shadow: 0 0 22px rgba(var(--gh-mist), 0.18); }

/* ---------- Stückkopf: Mond, Nebel, flackerndes Kerzenlicht ---------- */
.avon-look--geisterstunde .avon-show-head {
	position: relative; overflow: hidden; isolation: isolate;
	background-image:
		radial-gradient(circle at calc(84% - 0.7rem) calc(14% - 0.5rem), rgba(170, 164, 150, 0.35) 0 0.45rem, transparent 0.55rem),
		radial-gradient(circle at calc(84% + 0.8rem) calc(14% + 0.6rem), rgba(170, 164, 150, 0.28) 0 0.3rem, transparent 0.4rem),
		radial-gradient(circle at calc(84% + 0.2rem) calc(14% - 1.1rem), rgba(170, 164, 150, 0.22) 0 0.22rem, transparent 0.3rem),
		radial-gradient(circle at 84% 14%, #F4EFE0 0 1.6rem, #E2DCCB 2.15rem, rgba(255, 252, 240, 0.18) 2.3rem, transparent 9rem),
		radial-gradient(ellipse 50% 60% at 15% 100%, color-mix(in srgb, var(--avon-gold) 14%, transparent), transparent 70%),
		linear-gradient(180deg, #08070C 0%, #110E17 100%) !important;
}
.avon-look--geisterstunde .avon-show-head::before,
.avon-look--geisterstunde .avon-show-head::after {
	content: ""; position: absolute; left: -50%; width: 200%; z-index: -1; pointer-events: none;
	background:
		radial-gradient(ellipse 18% 55% at 10% 70%, rgba(var(--gh-mist), 0.16), transparent 70%),
		radial-gradient(ellipse 22% 45% at 32% 80%, rgba(var(--gh-mist), 0.12), transparent 70%),
		radial-gradient(ellipse 16% 60% at 55% 75%, rgba(var(--gh-mist), 0.15), transparent 70%),
		radial-gradient(ellipse 24% 50% at 78% 82%, rgba(var(--gh-mist), 0.12), transparent 70%),
		radial-gradient(ellipse 18% 55% at 96% 70%, rgba(var(--gh-mist), 0.14), transparent 70%);
	filter: blur(6px);
}
.avon-look--geisterstunde .avon-show-head::before { bottom: -8%; height: 55%; animation: gh-fog 46s linear infinite; }
.avon-look--geisterstunde .avon-show-head::after { bottom: -14%; height: 45%; opacity: 0.8; animation: gh-fog 70s linear infinite reverse; }
@keyframes gh-fog { from { transform: translateX(0); } to { transform: translateX(25%); } }
.avon-look--geisterstunde .avon-show-head > :not(.gh-bat) { position: relative; z-index: 1; }

.avon-look--geisterstunde .avon-show-head .avon-display {
	color: #F7F3FB;
	text-shadow: 0 0 18px rgba(var(--gh-mist), 0.35), 0 0 46px var(--gh-glow);
	animation: gh-candle 7s infinite;
}
@keyframes gh-candle {
	0%, 100% { opacity: 1; }
	71% { opacity: 1; }
	72% { opacity: 0.55; }
	73% { opacity: 0.95; }
	74.5% { opacity: 0.4; }
	76% { opacity: 1; }
	88% { opacity: 0.88; }
	90% { opacity: 1; }
}
.avon-look--geisterstunde .avon-show-head__claim { color: var(--avon-gold-deep); text-shadow: 0 0 16px var(--gh-glow); font-style: italic; }
.avon-look--geisterstunde .avon-show-head__meta { color: #B5ADC1; }
.avon-look--geisterstunde .avon-pill { border-color: #423A4D; color: #D9D2E3; }
.avon-look--geisterstunde .avon-pill--gold { color: var(--gh-deep); box-shadow: 0 0 16px var(--gh-glow); }

/* Plakat: altes Gemälde, hängt leicht schief, Spinnweben in den Ecken */
.avon-look--geisterstunde .avon-marquee-frame {
	position: relative; padding: 14px; border-radius: 4px;
	background: linear-gradient(135deg, #2A2431, #141118 55%, #221D29) !important;
	box-shadow: inset 0 0 0 1px rgba(var(--gh-mist), 0.18), 0 0 0 1px #000, 0 26px 60px -20px #000, 0 0 70px -18px var(--gh-glow);
	transform-origin: 50% -40px;
	animation: gh-sway 9s ease-in-out infinite;
}
@keyframes gh-sway { 0%, 100% { transform: rotate(-1.2deg); } 50% { transform: rotate(0.6deg); } }
.avon-look--geisterstunde .avon-marquee-frame .avon-poster img { border-radius: 2px; }
.avon-look--geisterstunde .avon-marquee-frame::before,
.avon-look--geisterstunde .avon-marquee-frame::after {
	content: ""; position: absolute; width: 96px; height: 96px; z-index: 2; pointer-events: none;
	background: rgba(var(--gh-mist), 0.55);
	-webkit-mask: var(--gh-web) 0 0 / 100% 100% no-repeat; mask: var(--gh-web) 0 0 / 100% 100% no-repeat;
}
.avon-look--geisterstunde .avon-marquee-frame::before { top: -6px; left: -6px; }
.avon-look--geisterstunde .avon-marquee-frame::after { bottom: -6px; right: -6px; width: 70px; height: 70px; transform: rotate(180deg); opacity: 0.8; }

/* Eckdaten */
.avon-look--geisterstunde .avon-facts-bar { background: var(--gh-card); border-color: #2B2634; }
.avon-look--geisterstunde .avon-facts-bar .avon-label { color: var(--avon-gold); }

/* Regie-Kasten mit Spinnwebe */
.avon-look--geisterstunde .avon-aside {
	position: relative; overflow: hidden;
	background: linear-gradient(160deg, color-mix(in srgb, var(--avon-gold) 12%, var(--gh-card)) 0%, var(--gh-card) 65%) !important;
	border: 1px solid color-mix(in srgb, var(--avon-gold) 28%, transparent);
}
.avon-look--geisterstunde .avon-aside::after {
	content: ""; position: absolute; top: 0; right: 0; width: 110px; height: 110px; pointer-events: none;
	background: rgba(var(--gh-mist), 0.22);
	-webkit-mask: var(--gh-web) 0 0 / 100% 100% no-repeat; mask: var(--gh-web) 0 0 / 100% 100% no-repeat;
	transform: scaleX(-1);
}

/* Termine */
.avon-look--geisterstunde .avon-week { background: var(--gh-card); border-color: #2B2634; }
.avon-look--geisterstunde .avon-week__head h3 { color: #F7F3FB; }
.avon-look--geisterstunde .avon-date { border-bottom-color: #2B2634; }
.avon-look--geisterstunde .avon-soldout { background: #3A1C24; color: #F3B5C0; }
.avon-look--geisterstunde .avon-info-link { color: var(--avon-gold-deep); }

/* Ticketshop bleibt hell (eingebetteter Shop), als Laterne im Dunkeln */
.avon-look--geisterstunde .avon-ticketshop { background: #F3EFF6; border-color: transparent; color: #1A1620; box-shadow: 0 0 70px -12px var(--gh-glow); }

/* Ensemble: Porträts schweben beim Darüberfahren und leuchten auf */
.avon-look--geisterstunde .avon-person__img { background: #E9E4EF; box-shadow: 0 18px 40px -18px #000; transition: box-shadow 0.4s ease, transform 0.6s cubic-bezier(.3, .7, .3, 1); }
.avon-look--geisterstunde .avon-person:hover .avon-person__img { transform: translateY(-6px); box-shadow: 0 0 0 1px rgba(var(--gh-mist), 0.5), 0 0 40px -4px var(--gh-glow), 0 24px 40px -20px #000; }
.avon-look--geisterstunde .avon-person__img.is-empty { background: var(--gh-card); }
.avon-look--geisterstunde .avon-team { border-top-color: #2B2634; }
.avon-look--geisterstunde .avon-team .avon-label { color: var(--avon-gold); }

/* Galerie */
.avon-look--geisterstunde .avon-galerie__link { box-shadow: 0 16px 34px -18px #000; }
.avon-look--geisterstunde .avon-galerie__link:hover { box-shadow: 0 0 0 1px rgba(var(--gh-mist), 0.45), 0 0 36px -6px var(--gh-glow); }

/* Bistro und Anfahrt */
.avon-look--geisterstunde .avon-card { background: var(--gh-card); border-color: #2B2634; }
.avon-look--geisterstunde .avon-karte__frame { background-color: #141118; background-image: linear-gradient(#251F2C 1px, transparent 1px), linear-gradient(90deg, #251F2C 1px, transparent 1px); border-color: #2B2634; }
.avon-look--geisterstunde .avon-karte__place { background: var(--gh-bg); }
.avon-look--geisterstunde .avon-card a:not(.wp-block-button__link) { color: var(--gh-text); }

/* Sponsoren: Logos auf hellen Kacheln */
.avon-look--geisterstunde .avon-sponsoren { border-top-color: #221E29; }
.avon-look--geisterstunde .avon-sponsor { background: #EEEAF2; border-color: transparent; color: #1A1620; }
.avon-look--geisterstunde a.avon-sponsor:hover { border-color: var(--avon-gold); box-shadow: 0 0 26px -4px var(--gh-glow); }
.avon-look--geisterstunde .avon-sponsor-tier__name { color: var(--avon-gold); }
.avon-look--geisterstunde .avon-sponsoren__more a { color: var(--gh-text); }

/* Fusszeile */
.avon-look--geisterstunde .avon-footer { border-top: 1px solid #221E29; }
.avon-look--geisterstunde .avon-footer a { color: var(--gh-text); }
.avon-look--geisterstunde .avon-footer a:hover,
.avon-look--geisterstunde .avon-footer__cta a { color: var(--avon-gold); }

/* Fledermäuse (Skript) */
.gh-bat {
	position: absolute; z-index: 3; top: 0; left: 0; width: 58px; height: 19px; pointer-events: none;
	color: #030205; filter: drop-shadow(0 0 1px rgba(var(--gh-mist), 0.9)) drop-shadow(0 0 8px rgba(var(--gh-mist), 0.45));
	offset-rotate: 0deg;
}
.gh-bat::before {
	content: ""; position: absolute; inset: 0; background: currentColor;
	-webkit-mask: var(--gh-bat) center / contain no-repeat; mask: var(--gh-bat) center / contain no-repeat;
	animation: gh-flap 0.16s ease-in-out infinite alternate;
}
@keyframes gh-flap { from { transform: scaleY(1); } to { transform: scaleY(-0.35); } }

/* Ticket-Leiste (Handy) */
@media (max-width: 781px) {
	.avon-look--geisterstunde .avon-ticketbar { background: rgba(7, 6, 10, 0.96); border-top-color: #2B2634; box-shadow: 0 -8px 26px rgba(0, 0, 0, 0.6); }
	.avon-look--geisterstunde .avon-marquee-frame { padding: 10px; }
	.avon-look--geisterstunde .avon-marquee-frame::before { width: 72px; height: 72px; }
	.avon-look--geisterstunde .avon-show-head { background-image: radial-gradient(ellipse 70% 40% at 50% 0%, rgba(var(--gh-mist), 0.10), transparent 70%), linear-gradient(180deg, #08070C 0%, #110E17 100%) !important; }
}

/* Dunkle Akzentfarbe: Geisterlicht aufhellen, damit es auf Schwarz sichtbar bleibt */
html:has(> body.avon-look--geisterstunde.avon-accent-is-dark) { --gh-accent: color-mix(in srgb, var(--wp--preset--color--gold) 45%, #fff); }
body.avon-look--geisterstunde.avon-accent-is-dark { --wp--preset--color--gold: var(--gh-accent); }
.avon-look--geisterstunde.avon-accent-is-dark .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(:hover),
.avon-look--geisterstunde.avon-accent-is-dark .avon-pill--gold { color: #07060A !important; }

@media (prefers-reduced-motion: reduce) {
	.avon-look--geisterstunde .avon-show-head::before,
	.avon-look--geisterstunde .avon-show-head::after,
	.avon-look--geisterstunde .avon-show-head .avon-display,
	.avon-look--geisterstunde .avon-marquee-frame { animation: none; }
	.avon-look--geisterstunde .avon-marquee-frame { transform: rotate(-1deg); }
	.avon-look--geisterstunde .avon-person__img { transition: none; }
	.avon-look--geisterstunde .avon-person:hover .avon-person__img { transform: none; }
	.gh-bat { display: none; }
}

/* ---------- Begleitseiten (normale Seiten mit diesem Bühnenbild) ---------- */
.avon-look--geisterstunde .avon-page { position: relative; isolation: isolate; overflow: hidden; }
.avon-look--geisterstunde .avon-page > :not(.gh-bat) { position: relative; z-index: 1; }
.avon-look--geisterstunde .avon-page::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 460px; z-index: 0; pointer-events: none;
	background:
		radial-gradient(circle at calc(86% - 0.6rem) calc(70px - 0.4rem), rgba(170, 164, 150, 0.35) 0 0.38rem, transparent 0.46rem),
		radial-gradient(circle at calc(86% + 0.6rem) calc(70px + 0.5rem), rgba(170, 164, 150, 0.28) 0 0.26rem, transparent 0.34rem),
		radial-gradient(circle at 86% 70px, #F4EFE0 0 1.35rem, #E2DCCB 1.8rem, rgba(255, 252, 240, 0.16) 1.95rem, transparent 7.5rem),
		radial-gradient(ellipse 70% 60% at 50% 0%, rgba(var(--gh-mist), 0.07), transparent 70%);
	-webkit-mask: linear-gradient(#000 60%, transparent); mask: linear-gradient(#000 60%, transparent);
}
.avon-look--geisterstunde .avon-page::after {
	content: ""; position: absolute; left: 0; right: 0; top: 200px; height: 220px; z-index: 0; pointer-events: none;
	background:
		radial-gradient(ellipse 18% 40% at 15% 60%, rgba(var(--gh-mist), 0.10), transparent 70%),
		radial-gradient(ellipse 22% 35% at 45% 70%, rgba(var(--gh-mist), 0.08), transparent 70%),
		radial-gradient(ellipse 20% 40% at 80% 60%, rgba(var(--gh-mist), 0.09), transparent 70%);
	background-size: 160% 100%; filter: blur(6px);
	animation: gh-fog-bg 40s ease-in-out infinite alternate;
}
@keyframes gh-fog-bg { from { background-position: 0 0; } to { background-position: 100% 0; } }
.avon-look--geisterstunde .avon-page-title { color: #F7F3FB; text-shadow: 0 0 18px rgba(var(--gh-mist), 0.3), 0 0 40px var(--gh-glow); animation: gh-candle 7s infinite; }
.avon-look--geisterstunde .avon-page .wp-block-post-content a:not(.wp-element-button) { color: var(--avon-gold-deep); }
@media (max-width: 781px) {
	.avon-look--geisterstunde .avon-page::before { background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(var(--gh-mist), 0.08), transparent 70%); }
}
@media (prefers-reduced-motion: reduce) {
	.avon-look--geisterstunde .avon-page::after,
	.avon-look--geisterstunde .avon-page-title { animation: none; }
}