/* Extracted from page_panels/event_details.php block 1 */
:root {
    --ww-bg: #000;
    --ww-card: rgba(8, 10, 14, 0.64);
    --ww-border: rgba(255,255,255,0.10);
    --ww-border-2: rgba(255,255,255,0.08);
    --ww-shadow: 0 22px 80px rgba(0,0,0,0.60);
    --ww-text: rgba(255,255,255,0.92);
    --ww-muted: rgba(255,255,255,0.72);
    --ww-dim: rgba(255,255,255,0.62);
}

.ww-evd-page{position:relative;min-height:calc(100vh - 80px);background:var(--ww-bg);overflow:hidden;color:var(--ww-text);}
.ww-evd-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.ww-evd-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateZ(0);}
.ww-evd-overlay{position:absolute;inset:0;background:radial-gradient(1200px 800px at 20% 10%, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.82) 62%, rgba(0,0,0,0.92) 100%),linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.80));}
.ww-evd-noise{position:absolute;inset:0;opacity:0.10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");background-size:220px 220px;}

.ww-evd-wrap{position:relative;z-index:2;padding:3.25rem 1.25rem 4.25rem;}
.ww-evd-inner{max-width:1200px;margin:0 auto;}

.ww-panel{border-radius:18px;background:var(--ww-card);border:1px solid var(--ww-border);backdrop-filter:blur(12px);box-shadow:var(--ww-shadow);position:relative;overflow:hidden;}
.ww-panel::before{content:"";position:absolute;inset:-2px;background:radial-gradient(700px 350px at var(--mx, 30%) var(--my, 20%), rgba(255,255,255,0.12), rgba(255,255,255,0) 55%);opacity:0.75;pointer-events:none;}
.ww-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg, rgba(255,255,255,0.08), rgba(255,255,255,0) 28%, rgba(255,255,255,0.05) 62%, rgba(255,255,255,0));opacity:0.18;pointer-events:none;}

.ww-kicker{display:inline-flex;font-weight:900;letter-spacing:0.02em;text-transform:uppercase;font-size:0.82rem;color:rgba(255,255,255,0.72);margin-bottom:0.65rem;}

.ww-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 1.25rem;border-radius:999px;font-size:0.95rem;font-weight:900;border:1px solid rgba(255,255,255,0.14);text-decoration:none;cursor:pointer;background:rgba(255,255,255,0.10);color:rgba(255,255,255,0.92);box-shadow:0 18px 46px rgba(0,0,0,0.55);transition:transform 0.10s ease, background 0.10s ease, border-color 0.10s ease;position:relative;z-index:2;}
.ww-btn:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.22);transform:translateY(-1px);}
.ww-btn:active{transform:translateY(0);}
.ww-btn-primary{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.22);}
.ww-btn-ghost{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);}
.ww-btn-wide{width:100%;}

.ww-evd-top{padding:1.55rem 1.55rem 1.45rem;margin-bottom:1.0rem;}
.ww-evd-title{margin:0 0 0.55rem 0;color:var(--ww-text);font-weight:900;letter-spacing:-0.02em;font-size:clamp(1.9rem, 3.4vw, 2.6rem);line-height:1.05;}
.ww-evd-time{color:rgba(255,255,255,0.72);font-size:1.0rem;margin-bottom:0.35rem;}
.ww-evd-loc{color:rgba(255,255,255,0.70);font-size:0.95rem;margin-bottom:0.9rem;}
.ww-evd-loc a{color:rgba(255,255,255,0.86);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.22);}
.ww-evd-loc a:hover{border-bottom-color:rgba(255,255,255,0.40);}

.ww-evd-top-actions{display:flex;flex-wrap:wrap;gap:0.7rem;margin-top:0.4rem;}

.ww-evd-alert{padding:0.85rem 1.0rem;margin-bottom:1.0rem;color:rgba(255,255,255,0.80);}
.ww-evd-alert-ok{border-color:rgba(120,255,180,0.18);}
.ww-evd-alert-warn{border-color:rgba(255,220,120,0.18);}

.ww-evd-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.0rem;margin-bottom:1.0rem;}
.ww-evd-stat{padding:1.05rem 1.15rem;}
.ww-evd-stat-num{font-size:42px;line-height:1;font-weight:1000;letter-spacing:-0.03em;}
.ww-evd-stat-label{margin-top:6px;color:rgba(255,255,255,0.70);font-weight:900;}

.ww-evd-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,0.9fr);gap:1.0rem;align-items:start;}
.ww-evd-card{padding:1.25rem 1.25rem 1.15rem;}
.ww-evd-cover{padding:0;overflow:hidden;border-radius:18px;margin:0 0 1.0rem 0;}
.ww-evd-cover img{display:block;width:100%;height:360px;object-fit:cover;}

.ww-evd-short{font-weight:900;color:rgba(255,255,255,0.88);line-height:1.5;margin:0 0 0.75rem 0;}
.ww-evd-desc{color:rgba(255,255,255,0.72);line-height:1.6;font-size:0.98rem;}

.ww-evd-side-title{font-weight:900;color:rgba(255,255,255,0.92);margin:0 0 0.35rem 0;}
.ww-evd-side-sub{color:rgba(255,255,255,0.70);margin:0 0 0.75rem 0;}
.ww-evd-muted{color:rgba(255,255,255,0.62);line-height:1.5;font-size:0.92rem;margin:0 0 0.75rem 0;}
.ww-evd-spacer{height:0.85rem;border-top:1px solid rgba(255,255,255,0.10);margin:0.85rem 0;}
.ww-slot-list{display:grid;gap:0.75rem;}
.ww-slot-row{padding:0.95rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.18);}
.ww-slot-row.is-open{border-color:rgba(120,255,180,0.18);background:rgba(30,80,50,0.18);}
.ww-slot-row.is-booked{border-color:rgba(255,255,255,0.10);background:rgba(255,255,255,0.05);}
.ww-slot-row-time{font-weight:900;color:rgba(255,255,255,0.92);line-height:1.35;}
.ww-slot-row-status{margin-top:0.4rem;font-size:0.78rem;font-weight:900;letter-spacing:0.09em;text-transform:uppercase;color:rgba(255,255,255,0.68);}
.ww-slot-row-meta{margin-top:0.3rem;color:rgba(255,255,255,0.78);line-height:1.45;}
.ww-slot-row-meta a{color:rgba(255,255,255,0.90);text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.18);}
.ww-slot-row-meta a:hover{border-bottom-color:rgba(255,255,255,0.38);}
.ww-slot-row-meta span{margin-left:0.4rem;color:rgba(255,255,255,0.60);}
.ww-evd-mini-dm{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.92);text-decoration:none;font-size:12px;font-weight:900;margin-left:8px;}
.ww-evd-mini-dm:hover{background:rgba(255,255,255,0.14);}

/* Going grid */
.ww-evd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.ww-evd-person{
    display:flex;flex-direction:column;align-items:center;gap:8px;
    padding:12px 10px;border-radius:16px;
    border:1px solid rgba(255,255,255,0.10);
    background:rgba(0,0,0,0.18);
    transition:transform 0.10s ease, background 0.10s ease, border-color 0.10s ease;
}
.ww-evd-person:hover{transform:translateY(-1px);background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.18);}
.ww-evd-person-main{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;}
.ww-evd-ava{width:54px;height:54px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.06);}
.ww-evd-ava-fallback{display:block;}
.ww-evd-person-name{font-weight:950;text-align:center;line-height:1.1;}
.ww-evd-person-user{opacity:0.72;font-size:12px;text-align:center;}

@media (max-width: 1024px){
    .ww-evd-layout{grid-template-columns:1fr;}
    .ww-evd-cover img{height:300px;}
    .ww-evd-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 720px){
    .ww-evd-wrap{padding:2.75rem 1rem 3.5rem;}
    .ww-evd-top-actions .ww-btn{width:100%;}
    .ww-evd-stats{grid-template-columns:1fr;}
    .ww-evd-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}