/* GOLD (frueher "Jazz") - Fund 04.11.2026.
   Wird nach styles-packs.css geladen. Nachtblau mit deutlich mehr Gold: Goldverlauf-Titel, Goldlinien,
   Gold-Rauten, goldene Globus-Fassung. */

/* ================= GOLD (jazz) : mehr Gold-Akzente ================= */
html[data-style="jazz"]{
  --st-edge:inset 0 0 0 1px #e2a72e,inset 0 0 0 4px #0a1022,inset 0 0 0 5px rgba(226,167,46,.65),inset 0 1px 0 rgba(255,242,196,.55);
  --st-glow:0 10px 30px rgba(226,167,46,.2),0 0 18px rgba(226,167,46,.12);
  scrollbar-color:#e2a72e #0a1022;
}
html[data-style="jazz"] .home-welcome,html[data-style="jazz"] .page-head h1{background:linear-gradient(180deg,#fff2c4 0,#f4d57f 35%,#e2a72e 65%,#a8710c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
html[data-style="jazz"] .site-header{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,#e2a72e 20%,#fff2c4 50%,#e2a72e 80%,transparent) 1}
html[data-style="jazz"] .site-brand{background:linear-gradient(180deg,#fff2c4,#e2a72e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
html[data-style="jazz"] .site-brand span:last-of-type,html[data-style="jazz"] .site-brand small{-webkit-text-fill-color:#e2a72e;color:#e2a72e}
html[data-style="jazz"] .home-choice-label::before,html[data-style="jazz"] .home-choice-label::after{content:"\25C6";display:inline-block;margin:0 .55em;font-size:.55em;vertical-align:.15em;color:#e2a72e}
html[data-style="jazz"] .home-claim::before{content:"";display:block;width:6rem;height:2px;margin:0 auto .8rem;background:linear-gradient(90deg,transparent,#e2a72e,transparent)}
html[data-style="jazz"] .home-claim strong{background:linear-gradient(180deg,#fff2c4,#e2a72e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-style="jazz"] .radio-card:hover{filter:none;box-shadow:var(--st-edge),0 0 24px rgba(226,167,46,.55)}
html[data-style="jazz"] .radio-card-logo{background:linear-gradient(135deg,#f4d57f,#a8710c);color:#1a1204}
html[data-style="jazz"] .radio-card-tags span{background:rgba(226,167,46,.16);color:#f4d57f;border:1px solid rgba(226,167,46,.5)}
html[data-style="jazz"] .radio-card-play,html[data-style="jazz"] .radio-card-favorite.is-favorite{color:#f4d57f}
html[data-style="jazz"] .calendar-view-switch{box-shadow:inset 0 0 0 1px #e2a72e}
html[data-style="jazz"] .calendar-view-switch a.active{background:linear-gradient(180deg,#f4d57f,#c78a12);color:#1a1204;text-shadow:none}
html[data-style="jazz"] .secondary-btn{box-shadow:inset 0 0 0 1px #e2a72e}
html[data-style="jazz"] .primary-btn{box-shadow:inset 0 1px rgba(255,255,255,.55),0 0 0 1px #8a5c0a,0 4px 16px rgba(226,167,46,.45)}
html[data-style="jazz"] input:focus,html[data-style="jazz"] select:focus{box-shadow:inset 0 0 0 2px #f4d57f,0 0 12px rgba(226,167,46,.6)}
html[data-style="jazz"] .home-globe canvas{border-radius:50%;box-shadow:0 0 0 2px #e2a72e,0 0 0 6px #0a1022,0 0 0 7px rgba(226,167,46,.6),0 0 40px rgba(226,167,46,.35);filter:none}
html[data-style="jazz"] .site-footer a{color:#f4d57f}

/* ================= Durchsetzung gegen "Liquid Glass" (branding.css, html:not(#aeb) ...) =================
   Die Glas-Regeln setzen Hintergrund, Kante, Radius mit hoeherer Spezifitaet. In den Styles ohne Glas
   wird --liquid auf 0 gezwungen (ueberstimmt auch den Regler-Wert im Inline-Style) und die Kartenflaechen
   werden hier mit gleich hoher Spezifitaet aus den --st-* Variablen gesetzt. */
html[data-style]{--liquid:0!important}
html:not(#aeb)[data-style="jazz"] :is(.panel,.radio-card,.radio-filter-bar,.radio-search-collapse summary),
html:not(#aeb)[data-style="hell"] :is(.panel,.radio-card,.radio-filter-bar,.radio-search-collapse summary),
html:not(#aeb)[data-style="heaven"] :is(.panel,.radio-card,.radio-filter-bar,.radio-search-collapse summary){background-image:var(--st-card);background-color:transparent;box-shadow:var(--st-edge),var(--st-glow);border-radius:var(--st-radius);-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(#aeb)[data-style="jazz"] .radio-card:hover{box-shadow:var(--st-edge),0 0 24px rgba(226,167,46,.55)}
html:not(#aeb)[data-style="hell"] .radio-card.is-playing{background-image:linear-gradient(135deg,rgba(255,74,15,.5),rgba(70,12,4,.9));box-shadow:var(--st-edge),0 0 28px rgba(255,120,30,.7)}
html:not(#aeb)[data-style="hell"] .radio-card:hover{box-shadow:var(--st-edge),0 0 28px rgba(255,90,20,.65)}
html:not(#aeb)[data-style="heaven"] .radio-card.is-playing{background-image:linear-gradient(135deg,#fff7da,#e9eefa);box-shadow:var(--st-edge),0 0 22px rgba(224,187,88,.55)}
html:not(#aeb)[data-style="heaven"] .radio-card:hover{background-image:linear-gradient(180deg,#fff,#f1f5fc)}

/* Karten-/Globusflaeche auf der Karten-Ansicht: dunkles Holz statt Elfenbein, damit der antike Globus wirkt */

/* ===== GOLD: nur einfache Raender, dafuer mit Schnoerkeln (Eckverzierungen) ===== */
html[data-style="jazz"]{--st-edge:inset 0 0 0 1.5px #e2a72e,inset 0 1px 0 rgba(255,242,196,.45);--st-radius:.55rem}
html[data-style="jazz"] .radio-card::before,html[data-style="jazz"] .radio-filter-bar::before{content:"";position:absolute;inset:4px;pointer-events:none;z-index:2;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20transform%3D%22translate%280%2016%29%20scale%281%20-1%29%22%3E%3Cpath%20d%3D%22M1%2015V6Q1%201%206%201H15%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%2012V8Q4.5%204.5%208%204.5H12%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.2%22%20cy%3D%2213.8%22%20r%3D%221.5%22%20fill%3D%22%23e2a72e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left top no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20transform%3D%22translate%2816%2016%29%20scale%28-1%20-1%29%22%3E%3Cpath%20d%3D%22M1%2015V6Q1%201%206%201H15%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%2012V8Q4.5%204.5%208%204.5H12%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.2%22%20cy%3D%2213.8%22%20r%3D%221.5%22%20fill%3D%22%23e2a72e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right top no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Cpath%20d%3D%22M1%2015V6Q1%201%206%201H15%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%2012V8Q4.5%204.5%208%204.5H12%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.2%22%20cy%3D%2213.8%22%20r%3D%221.5%22%20fill%3D%22%23e2a72e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") left bottom no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20transform%3D%22translate%2816%200%29%20scale%28-1%201%29%22%3E%3Cpath%20d%3D%22M1%2015V6Q1%201%206%201H15%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M4.5%2012V8Q4.5%204.5%208%204.5H12%22%20fill%3D%22none%22%20stroke%3D%22%23e2a72e%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.2%22%20cy%3D%2213.8%22%20r%3D%221.5%22%20fill%3D%22%23e2a72e%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") right bottom no-repeat;background-size:14px 14px}
html[data-style="jazz"] .radio-filter-bar{position:relative}
html[data-style="jazz"] .home-welcome::before{content:"\2767\00a0 ";-webkit-text-fill-color:#e2a72e}
html[data-style="jazz"] .home-welcome::after{content:"\00a0\2619";-webkit-text-fill-color:#e2a72e}
html[data-style="jazz"] .home-globe canvas{box-shadow:0 0 0 3px #e2a72e,0 0 40px rgba(226,167,46,.35)}
html[data-style="jazz"] .home-choice-label{white-space:nowrap}html[data-style="jazz"] .home-choice-label::before,html[data-style="jazz"] .home-choice-label::after{margin:0 .35em}

/* Fund 05.11.2026 (Roger: Gold ist auf dem iPhone zu breit): die Copperplate-Grossbuchstaben mit .16em
   Sperrung wurden auf ALLE Texte (Body, Knoepfe, Felder) angewendet und sprengten die Breite. Jetzt nur
   noch Ueberschriften/Logo leicht gesperrt, Fliesstext normal; auf schmalen Schirmen zusaetzlich kleiner. */
html:not(#aeb)[data-style="jazz"]{--st-track:.04em}
html:not(#aeb)[data-style="jazz"] body,html:not(#aeb)[data-style="jazz"] button,html:not(#aeb)[data-style="jazz"] input,html:not(#aeb)[data-style="jazz"] select{letter-spacing:.01em}
html:not(#aeb)[data-style="jazz"] :is(h1,h2,h3,.home-welcome,.site-brand,.home-claim,.home-choice-label){letter-spacing:.06em;overflow-wrap:anywhere}
html:not(#aeb)[data-style="jazz"] body{overflow-x:hidden}
@media(max-width:640px){
  html:not(#aeb)[data-style="jazz"] .home-welcome{font-size:clamp(1.5rem,7vw,2.2rem);letter-spacing:.03em}
  html:not(#aeb)[data-style="jazz"] .home-welcome::before,html:not(#aeb)[data-style="jazz"] .home-welcome::after{content:none}
  html:not(#aeb)[data-style="jazz"] :is(h1,h2,h3,.site-brand,.home-claim){letter-spacing:.03em}
  html:not(#aeb)[data-style="jazz"] .home-choice-label{letter-spacing:.03em;font-size:.95rem}
  html:not(#aeb)[data-style="jazz"] .home-choice-label::before,html:not(#aeb)[data-style="jazz"] .home-choice-label::after{display:none}
  html:not(#aeb)[data-style="jazz"] .primary-btn,html:not(#aeb)[data-style="jazz"] .secondary-btn{letter-spacing:.02em}
}