/* ============================================================
   CityEvents – Theme: Glassmorphism
   Gradient-Hintergrund, Karten als gefrostetes Glas
   ============================================================ */

/* ── Dark Mode ───────────────────────────────────────────────── */
[data-bs-theme="dark"] {
    --accent:      #c4b5fd;
    --accent-dim:  rgba(196, 181, 253, 0.15);
    --accent-glow: rgba(196, 181, 253, 0.2);
    --bg:          #0f0c1a;
    --bg-card:     rgba(255, 255, 255, 0.06);
    --bg-card-hover: rgba(255, 255, 255, 0.11);
    --border:      rgba(255, 255, 255, 0.1);
    --text-sub:    #a89bc2;
}

[data-bs-theme="dark"] body {
    background:
        radial-gradient(ellipse at 20% 20%, rgba(167, 139, 250, 0.25) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 80%, rgba(236, 72, 153, 0.18) 0%, transparent 55%),
        radial-gradient(ellipse at 60% 10%, rgba(99, 102, 241, 0.2) 0%, transparent 50%),
        #0f0c1a !important;
    background-attachment: fixed !important;
}

/* ── Light Mode ──────────────────────────────────────────────── */
[data-bs-theme="light"] {
    --accent:      #9333ea;
    --accent-dim:  rgba(147, 51, 234, 0.1);
    --accent-glow: rgba(147, 51, 234, 0.18);
    --bg:          #fdf4ff;
    --bg-card:     rgba(255, 255, 255, 0.55);
    --bg-card-hover: rgba(255, 255, 255, 0.75);
    --border:      rgba(147, 51, 234, 0.12);
    --text-sub:    #7c6899;
}

[data-bs-theme="light"] body {
    background:
        radial-gradient(ellipse at 15% 15%, rgba(251, 207, 232, 0.7) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 75%, rgba(196, 181, 253, 0.6) 0%, transparent 50%),
        radial-gradient(ellipse at 55% 5%,  rgba(167, 243, 208, 0.35) 0%, transparent 45%),
        #fdf4ff !important;
    background-attachment: fixed !important;
}

/* ── Glas-Karten ─────────────────────────────────────────────── */
.card {
    background: var(--bg-card) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid var(--border) !important;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.2s, background 0.2s;
}
.event-card:hover {
    background: var(--bg-card-hover) !important;
    border-color: var(--accent) !important;
    box-shadow: 0 8px 32px var(--accent-glow) !important;
    transform: translateY(-3px);
}

/* ── Navbar Glas ─────────────────────────────────────────────── */
[data-bs-theme="dark"] .navbar {
    background: rgba(15, 12, 26, 0.6) !important;
    border-bottom: 1px solid var(--border);
}
[data-bs-theme="light"] .navbar {
    background: rgba(253, 244, 255, 0.6) !important;
    border-bottom: 1px solid var(--border);
}
.navbar { backdrop-filter: blur(20px) !important; }