/* Chateando AI — Community Event detail (normal social events).
   Scoped under .ch-ai-community-event-detail. Deliberately distinct from the
   Featured premium look: compact hero, neutral "Community event" badge, no big
   empty dark panels. Does NOT set a near-white root color, so the social feed
   keeps WoWonder's native legible colors. No global/feed/blog/Featured impact. */

.ch-ai-community-event-detail {
    --cce-border: rgba(0, 0, 0, 0.08);
    --cce-accent: #6ea8ff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.ch-ai-community-event-detail * { box-sizing: border-box; }

/* Hide any legacy event chrome if present (this template doesn't render it). */
.ch-ai-community-event-detail .tag_cover_bg,
.ch-ai-community-event-detail .tag_cover_sec_bg { display: none !important; }

/* ---------- Compact hero ---------- */
.ch-ai-community-event-detail .ch-ai-ce-hero {
    position: relative;
    max-width: 1000px;
    margin: 14px auto 0;
    min-height: 260px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 20px 50px -32px rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: flex-end;
}
.ch-ai-ce-hero__bg {
    position: absolute; inset: 0; z-index: 0;
    background-size: cover; background-position: center;
}
.ch-ai-ce-hero__overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(180deg, rgba(10, 12, 18, 0.10) 0%, rgba(10, 12, 18, 0.55) 50%, rgba(10, 12, 18, 0.88) 100%);
}
.ch-ai-ce-hero__inner { position: relative; z-index: 2; width: 100%; max-width: 760px; padding: 26px; }
.ch-ai-ce-hero__badge {
    display: inline-block;
    font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 800;
    color: #06122b;
    background: rgba(110, 168, 255, 0.95);
    padding: 5px 11px; border-radius: 999px;
}
.ch-ai-ce-hero__title {
    margin: 12px 0 6px;
    font-size: clamp(22px, 4vw, 36px); line-height: 1.1; font-weight: 800; letter-spacing: -0.01em;
    color: #fff; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6);
}
.ch-ai-ce-hero__meta { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 8px; }
.ch-ai-ce-hero__metaitem { color: #eef1f7; font-size: 14px; font-weight: 600; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); }
.ch-ai-ce-hero__cdown { color: #c7cedb; font-size: 12px; margin-bottom: 14px; }
.ch-ai-ce-hero__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }

.ch-ai-ce-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 42px; padding: 0 18px; border-radius: 11px;
    font-weight: 700; font-size: 14px; text-decoration: none; line-height: 1; cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ch-ai-ce-btn--primary {
    color: #04210f;
    background: linear-gradient(180deg, #2dffa0 0%, #18d57c 100%);
    box-shadow: 0 10px 24px -12px rgba(34, 245, 139, 0.7);
}
.ch-ai-ce-btn--primary:hover { transform: translateY(-2px); }
.ch-ai-ce-btn--ghost {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.ch-ai-ce-btn--ghost:hover { transform: translateY(-2px); border-color: var(--cce-accent); }
.ch-ai-ce-hero__rsvp { display: flex; flex-wrap: wrap; gap: 8px; }
.ch-ai-ce-hero__rsvp .btn { border-radius: 11px; }

/* ---------- About / description ---------- */
.ch-ai-ce-about {
    max-width: 1000px; margin: 16px auto 0; padding: 16px 18px;
    border-radius: 14px; background: #fff; border: 1px solid var(--cce-border);
    box-shadow: 0 10px 30px -26px rgba(0, 0, 0, 0.45);
}
.ch-ai-ce-about .wo_event_desc { margin: 0; color: #1c1e21; line-height: 1.55; overflow: hidden; }

/* ---------- Map (only rendered when a block is linked) ---------- */
.ch-ai-ce-map {
    max-width: 1000px; margin: 16px auto 0;
    border-radius: 16px; overflow: hidden; border: 1px solid var(--cce-border);
    box-shadow: 0 18px 50px -34px rgba(0, 0, 0, 0.6); scroll-margin-top: 16px;
}
.ch-ai-ce-map .ch-ai-vmap { width: 100%; max-width: none; margin: 0; border-radius: 0; }
.ch-ai-ce-map .ch-ai-vmap__map-wrap { width: 100%; }
.ch-ai-ce-map .ch-ai-vmap__map { width: 100% !important; height: 380px !important; min-height: 300px; }

/* ---------- Body / social wall (native legible colors; no white leak) ---------- */
.ch-ai-ce-body { max-width: 1000px; margin: 18px auto 0; }
.ch-ai-community-event-detail .ch-ai-ce-body { color: #1c1e21; }

@media (max-width: 768px) {
    .ch-ai-community-event-detail .ch-ai-ce-hero { min-height: 220px; margin-top: 8px; }
    .ch-ai-ce-hero__inner { padding: 18px 14px; }
    .ch-ai-ce-btn { flex: 1 1 auto; }
    .ch-ai-ce-map .ch-ai-vmap__map { height: 300px !important; }
}