/*
Theme Name: MW Onepager
Author: Matthias Walz
Version: 1.1
Description: Schlankes Onepager-Theme für Kabarett (Gutenberg-freundlich, Termine als CPT).
*/

:root{
  --bg:#070909;
  --fg:#f2f5f4;
  --muted:#b7c0bd;
  --accent:#7CFF2B;
  --card:#0f1312;
  --line:#1d2422;
  --max:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.55;
}
a{color:var(--fg); text-decoration: none}
a:hover{color:var(--accent)}
.wrap{max-width:var(--max); margin:0 auto; padding:0 20px}

.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(7,9,9,.78);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{font-weight:800; letter-spacing:.02em}
.nav a{margin-left:14px; color:var(--muted)}
.nav a:hover{color:var(--fg)}
.btn{
  display:inline-block; padding:10px 14px; border-radius:999px;
  border:1px solid var(--line);
}
.btn.primary{background:var(--accent); color:#071106; border-color:transparent; font-weight:800}
.btn.primary:hover{filter:brightness(1.05); color:#071106}

.section{padding:72px 0; border-bottom:1px solid var(--line)}
.section h2{
  margin:0 0 18px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size: clamp(26px, 3.5vw, 44px);
}
.lead{color:var(--muted); max-width:70ch}

.hero{
  padding:72px 0 44px;
  background:
    radial-gradient(900px 400px at 20% 10%, rgba(124,255,43,.18), transparent 60%),
    radial-gradient(700px 300px at 85% 30%, rgba(124,255,43,.10), transparent 55%);
}
.hero-grid{
  display:grid; gap:28px;
  grid-template-columns: 1.15fr .85fr;
  align-items:center;
}
.hero h1{
  margin:0 0 12px;
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size: clamp(36px, 5vw, 74px);
  line-height:1.05;
}
.hero .tag{color:var(--accent); font-weight:900; letter-spacing:.08em; text-transform:uppercase}
.hero .cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}
.hero-img{
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--card);
}
.hero-img img{width:100%; height:auto; display:block}

/* Gutenberg-friendly section wrappers used by our Patterns */
.mw-section{padding:72px 0; border-bottom:1px solid var(--line)}
.mw-section .wp-block-heading{
  margin:0 0 18px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.mw-lead{color:var(--muted); max-width:70ch}

/* “Bild links / Text rechts” */
.mw-2col{
  display:grid; gap:22px;
  grid-template-columns: 1fr 1fr;
  align-items:center;
}
.mw-2col.reverse{direction:rtl}
.mw-2col.reverse > *{direction:ltr}
.mw-2col .mw-media{
  border-radius:18px; overflow:hidden;
  border:1px solid var(--line);
  background:var(--card);
}
.mw-2col .mw-media img{width:100%; height:auto; display:block}
.mw-2col .mw-text{color:var(--muted)}
.mw-2col .mw-text h3{
  margin:0 0 10px; color:var(--fg);
  text-transform:uppercase; letter-spacing:.04em;
  font-size: clamp(20px, 2.2vw, 28px);
}

/* Termine */
.events{
  display:grid; gap:12px;
}
.event{
  display:grid; gap:10px;
  grid-template-columns: 150px 1fr auto;
  align-items:center;
  padding:14px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(15,19,18,.6);
}
.event .date{color:var(--accent); font-weight:900}
.event .meta{color:var(--muted)}
.event .title{color:var(--fg); font-weight:800}
.event .ticket a{white-space:nowrap}




/* Footer */
.site-footer{padding:34px 0; color:var(--muted)}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--fg)}

@media (max-width: 900px){
  .hero-grid{grid-template-columns:1fr}
  .mw-2col{grid-template-columns:1fr}
  .event{grid-template-columns: 1fr; align-items:start}
}

.mw-prevnext a {
  background: none !important;
	box-shadow: none;
  border: 1px solid currentColor;
  color: inherit !important;
}

.mw-prevnext {
  margin-top: 1rem;
}