/* ============================================================
   FUNDAMENT-ALLIANZ · Community „Das Wohnzimmer“ (31.10.2026)
   Wärmeres Licht, weichere Karten, sanftes Leuchten. Wirkt nur mit body.cm-wz.
   ============================================================ */
body.cm-wz {
  --wz-ground: #171513; --wz-card: #211D19; --wz-line: rgba(255,236,200,.10); --wz-amber: #E7B866; --wz-amber-l: #F0C979; --wz-cream: #F6EEDF; --wz-mut: #C9BDA8;
  background: radial-gradient(55% 32% at 15% 0%, rgba(240,180,90,.20), transparent 70%), radial-gradient(40% 26% at 92% 6%, rgba(201,162,74,.12), transparent 70%), var(--wz-ground);
  background-attachment: fixed;
}
@keyframes wzGlow { 0%,100% { box-shadow: 0 0 0 1px rgba(240,201,121,.10), 0 0 0 rgba(240,201,121,0); } 50% { box-shadow: 0 0 0 1px rgba(240,201,121,.38), 0 0 26px rgba(240,180,90,.22); } }
@keyframes wzLamp { 0%,100% { opacity: .78; transform: scale(1); } 50% { opacity: 1; transform: scale(1.07); } }

/* Begrüßung */
.cm-wz .wz-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 22px; align-items: stretch; margin: 6px 0 18px; }
.cm-wz .cm-bellbar + .wz-hero .wz-new { margin-top: 52px; }
.cm-wz .wz-new .btn { white-space: nowrap; }
.cm-wz .wz-hero .eyebrow { color: var(--wz-amber); }
.cm-wz .wz-hero h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(2rem, 3.6vw, 2.9rem); line-height: 1.06; margin: 6px 0 10px; color: var(--wz-cream); }
.cm-wz .wz-hero h1 em { font-style: italic; font-weight: 500; color: var(--wz-amber-l); }
.cm-wz .wz-hero p { margin: 0; color: #DCCFB9; max-width: 620px; }
.cm-wz .wz-new { display: flex; gap: 16px; align-items: center; padding: 20px; border-radius: 22px; background: linear-gradient(140deg, rgba(240,180,90,.18), rgba(33,29,25,.95)); border: 1px solid rgba(240,201,121,.28); animation: wzGlow 8s ease-in-out infinite; }
.cm-wz .wz-new b { display: block; font: 600 1.25rem var(--serif); color: var(--wz-cream); }
.cm-wz .wz-new p { margin: 4px 0 12px; font-size: .9rem; color: #DCCFB9; }
.cm-wz .wz-lamp { flex: 0 0 52px; height: 52px; border-radius: 50%; background: radial-gradient(circle, #FFE3A8 0%, #E7B866 45%, rgba(231,184,102,0) 72%); animation: wzLamp 5s ease-in-out infinite; }

/* Heute im Wohnzimmer */
.cm-wz .wz-today { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; padding: 14px 18px; margin: 0 0 18px; border-radius: 18px; background: var(--wz-card); border: 1px solid var(--wz-line); }
.cm-wz .wz-today > b { font: 600 1.05rem var(--serif); color: var(--wz-cream); margin-right: 4px; }
.cm-wz .wz-today a, .cm-wz .wz-today button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(240,201,121,.28); background: rgba(240,201,121,.06); color: var(--wz-cream); font: 500 .88rem var(--sans); text-decoration: none; cursor: pointer; }
.cm-wz .wz-today a:hover, .cm-wz .wz-today button:hover { border-color: var(--wz-amber-l); color: var(--wz-cream); }
.cm-wz .wz-today .live { border-color: #E5484D; background: rgba(229,72,77,.12); }
.cm-wz .wz-today .live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #E5484D; box-shadow: 0 0 10px #E5484D; }

/* Karten und Seitenleiste wärmer */
.cm-wz .cm-card, .cm-wz .cm-post, .cm-wz .cm-c, .cm-wz .cm-side, .cm-wz .cm-locked { background: var(--wz-card); border-color: var(--wz-line); border-radius: 20px; }
.cm-wz .cm-card { animation: wzGlow 8s ease-in-out infinite; transition: transform .25s ease, border-color .25s ease; }
.cm-wz .cm-card:nth-child(2n) { animation-delay: -2.7s; } .cm-wz .cm-card:nth-child(3n) { animation-delay: -5.3s; }
.cm-wz .cm-card:hover { transform: translateY(-2px); border-color: rgba(240,201,121,.55); }
.cm-wz .cm-card h2, .cm-wz .cm-post h1 { color: var(--wz-cream); }
.cm-wz .cm-sp { border-radius: 14px; }
.cm-wz .cm-sp.on { background: rgba(240,201,121,.14); color: var(--wz-cream); }
.cm-wz .cm-sp:hover { background: rgba(240,201,121,.08); }
.cm-wz .cm-chip { background: rgba(240,201,121,.12); color: var(--wz-amber-l); border-color: transparent; }
.cm-wz .cm-head .eyebrow { color: var(--wz-amber); }
.cm-wz .btn-gold { background: var(--wz-amber); border-color: var(--wz-amber); color: #1E1810; }
.cm-wz .btn-gold:hover { background: var(--wz-amber-l); border-color: var(--wz-amber-l); color: #1E1810; }
.cm-wz .cm-react button { border-radius: 999px; }
.cm-wz .cm-react button[aria-pressed="true"] { border-color: var(--wz-amber-l); background: rgba(240,201,121,.16); }

@media (prefers-reduced-motion: reduce) { .cm-wz .cm-card, .cm-wz .wz-new, .cm-wz .wz-lamp { animation: none !important; } }
@media (max-width: 900px) { .cm-wz .wz-hero { grid-template-columns: minmax(0, 1fr); } }