/* BGmuc Design für pretix: Farben und Schriften wie bgmuc.de.
   Die Schriften liegen im Plugin selbst, es gibt keine Anfragen an Dritte. */
@font-face{font-family:Figtree;font-weight:400 700;font-display:swap;src:url("fonts/figtree-latin.202cfb54d4e6.woff2") format('woff2');}
@font-face{font-family:Montserrat;font-weight:700 800;font-display:swap;src:url("fonts/montserrat-latin.311d352d9323.woff2") format('woff2');}

:root{
  --pretix-brand-primary:#6e379c;
  --bg-ink:#1d1b20; --bg-muted:#5c5963; --bg-line:#e4e1e8; --bg-soft:#efeaf4; --bg-accent:#6e379c; --bg-accent-dark:#4f2273;
}
body{background:#fff;color:var(--bg-ink);font-family:Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:Montserrat,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em;color:var(--bg-ink);}
a{color:var(--bg-accent);}
main#content{max-width:860px;margin:24px auto;padding:0 16px;}

/* Kopf: Logo kleiner, ruhiger Titel */
.page-header{border-bottom:0;margin-bottom:8px;}
.event-logo{max-height:64px;width:auto;}
h2.content-header{font-size:34px;line-height:1.15;margin:8px 0 16px;}

/* Beschreibungstext der Veranstaltung: steht direkt unter der Überschrift.
   So braucht der Text keine eigenen Klassen, nur normale Button-Klassen. */
.content-header + div > p:first-child{font-size:18px;color:var(--bg-muted);}
.content-header + div p:has(> a.btn){display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;}
.content-header + div a.btn{display:inline-block;margin:0;border-radius:8px;font-weight:600;padding:9px 16px;}
.content-header + div a.btn{box-shadow:none;}
.content-header + div a.btn .fa{margin-right:6px;}
.content-header + div a.btn-primary{background:var(--bg-accent);border-color:var(--bg-accent);color:#fff;}   /* Lila: mitmachen */
.content-header + div a.btn-primary:hover{background:var(--bg-accent-dark);border-color:var(--bg-accent-dark);}
.content-header + div a.btn-warning{background:#a8540a;border-color:#a8540a;color:#fff;}                    /* Brezelbraun: Spiele */
.content-header + div a.btn-warning:hover{background:#7f3f06;border-color:#7f3f06;}
.content-header + div a.btn-success{background:#1d7a78;border-color:#1d7a78;color:#fff;}                    /* Petrol: Ankommen */
.content-header + div a.btn-success:hover{background:#155a58;border-color:#155a58;}
.content-header + div a.btn-default{background:#fff;border:1.5px solid var(--bg-line);color:var(--bg-ink);}  /* Hell: Infos */
.content-header + div a.btn-default:hover{background:var(--bg-soft);border-color:var(--bg-accent);color:var(--bg-accent-dark);}
.btn{border-radius:8px;font-weight:600;}

/* Fakten mit Symbolen */
.content-header + div ul{list-style:none;padding:16px 18px;margin:0 0 18px;background:var(--bg-soft);border-radius:12px;}
.content-header + div ul li{padding:4px 0;}
.content-header + div ul .fa{width:26px;color:var(--bg-accent);text-align:center;}

/* Ort und Zeit als ruhige Karte */
.info-row{padding:6px 0;}
.info-row-icon .fa{color:var(--bg-accent);}

/* Hinweisfeld und Produktzeile */
.alert-info{border-radius:12px;}
.product-row{border-radius:12px;}
/* Kostenlose Tickets: kein „GRATIS“ anzeigen (nur bei Preis 0,00; bezahlte Tickets zeigen weiter den Preis) */
.product-row[data-price="0.00"] .price{display:none;}
footer{color:var(--bg-muted);}

@media (max-width:600px){
  h2.content-header{font-size:26px;}
  .content-header + div a.btn{width:calc(50% - 4px);text-align:center;padding:9px 6px;}
}

/* ===== Startseite des Shops (Veranstaltungsliste) ===== */
body:has(.event-list) .panel-default{border:0;box-shadow:none;background:transparent;margin-top:8px;}
body:has(.event-list) .panel-default>.panel-heading{background:none;border:0;padding:0 0 10px;}
body:has(.event-list) .panel-title{font-family:Montserrat,system-ui,sans-serif;font-size:22px;}
body:has(.event-list) .panel-default>.panel-body{padding:0;}
.event-list article.row::before,.event-list article.row::after{display:none;}
.event-list article.row>*{float:none;width:auto;padding:0;margin:0;}
.event-list h3{font-size:18px;line-height:1.25;margin:0;}
.event-list h3 a{color:var(--bg-ink);text-decoration:none;}
.event-list h3 a:hover{color:var(--bg-accent);}
body:has(.event-list) .textbubble-warning,body:has(.event-list) .textbubble-success,body:has(.event-list) .textbubble-danger{border-radius:999px;padding:3px 10px;}

/* Einführung: ruhiges Raster, Abstände in 8er-Schritten (16 / 24 / 32) */
body:has(.event-list) .page-header{margin:16px 0 24px;padding:0;border:0;}
body:has(.event-list) .blank-after:not(.text-left){margin:0 0 32px;}
body:has(.event-list) .blank-after:not(.text-left)>p:first-child{font-size:18px;line-height:1.55;margin:0 0 16px;max-width:62ch;}
.bg-hinweis{display:block;border-left:4px solid var(--bg-accent);background:transparent;padding:2px 0 2px 16px;margin:0 0 24px;line-height:1.5;color:var(--bg-ink);}
.bg-hinweis .fa{display:none;}
body:has(.event-list) .blank-after:not(.text-left)>p:has(>a.btn){display:flex;flex-wrap:wrap;gap:8px;margin:0;}

/* Umschalter: Text-Tabs mit Unterstrich, iCal rechts */
body:has(.event-list) .blank-after.text-left{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:0;border-bottom:2px solid var(--bg-line);}
body:has(.event-list) .btn-group[role="navigation"]{display:flex;gap:4px;box-shadow:none;margin-bottom:-2px;}
body:has(.event-list) .btn-group[role="navigation"]>.btn{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;color:var(--bg-muted);font-weight:600;padding:10px 14px;margin:0;}
body:has(.event-list) .btn-group[role="navigation"]>.btn:hover{color:var(--bg-accent-dark);background:none;}
body:has(.event-list) .btn-group[role="navigation"]>.btn.active{color:var(--bg-accent-dark);border-bottom-color:var(--bg-accent);background:none;box-shadow:none;}
body:has(.event-list) .blank-after.text-left>a.btn{border:0;background:none;color:var(--bg-accent);font-weight:600;padding:10px 4px;box-shadow:none;}
body:has(.event-list) .blank-after.text-left>a.btn:hover{text-decoration:underline;background:none;}

/* Liste */
body:has(.event-list) .panel-default{margin-top:0;border:0;box-shadow:none;background:transparent;}
body:has(.event-list) .panel-default>.panel-heading{padding:0 0 12px;border:0;background:none;}
body:has(.event-list) .panel-default>.panel-body{padding:0;}
.event-list.alternating-rows article.row{background:#fff;}
.event-list article.row{display:grid;grid-template-columns:minmax(0,1.5fr) 180px minmax(0,1.3fr) 128px;gap:14px;align-items:center;margin:0 0 12px;padding:18px 20px;border:1.5px solid var(--bg-line);border-radius:14px;}
.event-list article.row:hover{border-color:var(--bg-accent);}
.event-list .btn{white-space:nowrap;}
.event-list .btn-primary,.event-list .btn-primary:focus{background:#fff;color:var(--bg-accent-dark);border:1.5px solid var(--bg-accent);}
.event-list .btn-primary:hover{background:var(--bg-accent);color:#fff;}
body:has(.event-list) .textbubble-warning:has(.fa-clock-o){background:var(--bg-soft);color:var(--bg-accent-dark);}

@media (max-width:760px){
  body:has(.event-list) .btn-group[role="navigation"]>.btn{padding:10px 9px;}
  .event-list article.row{grid-template-columns:1fr auto;}
  .event-list article.row>h3,.event-list article.row>p:nth-of-type(1){grid-column:1/-1;}
}

/* Knopf „Vergangene Veranstaltungen zeigen“ */
body:has(.event-list) p:has(> em > a[href*="old=1"]){text-align:center;margin:22px 0 8px;padding:0;border:0;}
body:has(.event-list) p > em:has(> a[href*="old=1"]){font-style:normal;}
body:has(.event-list) a[href*="old=1"]{display:inline-block;padding:10px 20px;border:1.5px solid var(--bg-line);border-radius:8px;background:#fff;color:var(--bg-ink);font-weight:600;text-decoration:none;}
body:has(.event-list) a[href*="old=1"]::before{content:"\f1da";font-family:FontAwesome;margin-right:8px;color:var(--bg-accent);}
body:has(.event-list) a[href*="old=1"]:hover{background:var(--bg-soft);border-color:var(--bg-accent);color:var(--bg-accent-dark);}


.event-list article.row time{white-space:nowrap;}

/* Kalender-Abo (abo.js ersetzt den iCal-Knopf): nur Symbole, in einer Pille */
.bg-abo{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 14px;background:var(--bg-soft);border-radius:999px;margin:0 0 6px;}
.bg-abo__symbol{display:block;width:auto;line-height:1;color:var(--bg-accent-dark);font-size:18px;margin:0 6px 0 0;}
.bg-abo__knopf{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--bg-ink);text-decoration:none;box-shadow:0 1px 2px rgba(29,27,32,.12);transition:background .15s,color .15s;}
.bg-abo__knopf .fa{display:block;width:auto;line-height:1;font-size:21px;margin:0;padding:0;}
.bg-abo__knopf:nth-of-type(1) .fa{margin-top:-2px;}
.bg-abo__knopf:hover,.bg-abo__knopf:focus{background:var(--bg-accent);color:#fff;text-decoration:none;}
.bg-abo__ok,.bg-abo__ok:hover{background:#1d7a78;color:#fff;}
@media (max-width:560px){
  body:has(.event-list) .blank-after.text-left{flex-wrap:wrap;padding-bottom:0;}
  .bg-abo{padding:4px 4px 4px 14px;margin:4px 0 12px;}
}

/* ===== Zurück-Wege (1.2.3) ===== */
/* Oben links: Knopf „Zur Webseite“ (kommt aus signals.py) */
.bg-topbar{max-width:860px;margin:0 auto;padding:12px 16px 0;}
.bg-topbar__link,.bg-topbar__link:hover,.bg-topbar__link:focus{display:inline-block;padding:5px 14px;border:1.5px solid var(--bg-line);border-radius:999px;background:#fff;color:var(--bg-ink);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;}
.bg-topbar__link:hover,.bg-topbar__link:focus{background:var(--bg-soft);border-color:var(--bg-accent);color:var(--bg-accent-dark);}
.bg-topbar__link .fa{margin-right:6px;color:var(--bg-accent);}
/* Darunter, nur in Veranstaltungen: pretix-Link „Alle Veranstaltungen“ als Knopf */
header .page-header-links-outside{max-width:860px;margin:0 auto;padding:8px 16px 0;width:auto;}
header .page-header-links-outside .header-part{float:none;display:block;padding:0;}
header .page-header-links-outside .header-part a{display:inline-block;padding:5px 14px;border:1.5px solid var(--bg-line);border-radius:999px;background:#fff;color:var(--bg-ink);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;}
header .page-header-links-outside .header-part a:hover{background:var(--bg-soft);border-color:var(--bg-accent);color:var(--bg-accent-dark);}
/* Der Knopf „Zur Webseite“ in den Beschreibungstexten ist überflüssig geworden */
a.btn[href*="url=https%3A//bgmuc.de/%3A"]{display:none !important;}   /* pretix schreibt Links über /redirect/?url=… um */