/* SEU event page (functions/_lib/event-page.js). Builds on style.css tokens; every class starts with ev-. 8 Oct 2026 */

.ev-page section{padding:clamp(44px,6vw,80px) 0}
.ev-page .cv-hero{padding:clamp(30px,4.5vw,64px) 0 clamp(36px,4.5vw,64px)}
.ev-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start}
.ev-sub{color:var(--muted);font-size:1.02rem;margin:-6px 0 14px;max-width:760px}
.ev-facts{flex-direction:column;gap:6px;margin:6px 0 14px}
.ev-facts b{color:var(--text);font-weight:600}
.ev-facts a{font-size:.9rem;margin-inline-start:6px}
.ev-tba{display:inline-block;padding:1px 10px;border-radius:999px;border:1px dashed var(--line-control);color:var(--muted-2);font-size:.86em;font-weight:600}
.ev-with{color:var(--muted);margin:0 0 22px}
.ev-with b{color:var(--text)}
.ev-narrow{max-width:820px}

/* registration card */
.ev-reg{position:sticky;top:96px;background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card)}
.ev-reg-k{font-weight:800;font-size:1.12rem;color:var(--text)}
.ev-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-prices div{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:2px}
.ev-prices b{font-family:'Inter Display',Inter,sans-serif;font-size:1.6rem;line-height:1.1;color:var(--gold)}
.ev-prices span{font-size:.8rem;color:var(--muted);line-height:1.4}
.ev-small{font-size:.84rem;color:var(--muted);margin:0;line-height:1.55}
.ev-wide{width:100%;justify-content:center}
.ev-link{font-size:.9rem;font-weight:700;align-self:flex-start}
.ev-closed{margin:0;padding:10px 12px;border-radius:var(--radius);background:rgba(240,121,107,.1);border:1px solid rgba(240,121,107,.4);color:#F7A69B;font-size:.9rem}
.ev-mine{padding:10px 12px;border-radius:var(--radius);background:rgba(78,212,160,.1);border:1px solid rgba(78,212,160,.45);color:var(--green);font-size:.9rem;font-weight:700}

/* why: numbers */
.ev-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px;max-width:820px}
.ev-stat{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.ev-stat b{display:block;font-family:'Inter Display',Inter,sans-serif;font-size:2.2rem;line-height:1.1;color:var(--gold)}
.ev-stat span{display:block;color:var(--muted);font-size:.9rem;margin-top:6px;line-height:1.55}

/* cards (e.g. two styles) */
.ev-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:22px}
.ev-card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}
.ev-card h3{font-size:1.1rem;margin-bottom:.4em}
.ev-card p{color:var(--muted);font-size:.94rem}
.ev-card dl{margin:12px 0 0;display:grid;gap:4px}
.ev-card dt{font-size:.78rem;font-weight:800;color:var(--blue-light);margin-top:8px}
.ev-card dd{margin:0;color:var(--text);font-size:.92rem;line-height:1.6}

/* people */
.ev-person .ev-role{color:var(--blue-pale);margin-bottom:6px}
.ev-person h4 .ev-tba{font-size:.8rem}

/* questions */
.ev-q ul{list-style:disc;margin:6px 0 0;padding-inline-start:18px;color:var(--muted);font-size:.94rem;display:grid;gap:4px}
.ev-q ul li{display:list-item;background:none;border:0;border-radius:0;padding:0;transition:none;line-height:1.7}
.ev-q ul li:hover{border:0}
.ev-q ul li::marker{color:var(--blue-light)}

/* agenda */
.ev-agenda{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:760px}
.ev-agenda li{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:baseline;padding:12px 16px;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius)}
.ev-t{font-family:Inter,sans-serif;font-weight:700;color:var(--gold)}
.ev-agenda b{display:block;color:var(--text)}
.ev-agenda span:not(.ev-t){display:block;color:var(--muted);font-size:.86rem}

/* poll */
.ev-polls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.ev-poll{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:10px}
.ev-poll-n{font-family:Inter,sans-serif;font-weight:800;color:var(--blue-light);font-size:.85rem}
.ev-poll h3{font-size:1.02rem;line-height:1.6;margin:0 0 4px}
.ev-opt{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--line-control);background:var(--ink-3);color:var(--text);font:inherit;font-size:.92rem;text-align:start;cursor:pointer;transition:border-color .2s}
.ev-opt:hover{border-color:var(--sky)}
.ev-opt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ev-opt .ev-bar{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:rgba(125,184,232,.16);transition:width .5s var(--ease,ease)}
.ev-opt .ev-opt-t{position:relative;flex:1;line-height:1.5}
.ev-opt .ev-pct{position:relative;font-family:Inter,sans-serif;font-weight:800;color:var(--blue-light)}
.ev-opt.mine{border-color:var(--gold)}
.ev-opt.mine .ev-bar{background:rgba(240,169,59,.2)}
.ev-opt.mine .ev-pct{color:var(--gold)}

/* programme axes */
.ev-axes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ev-axes li{padding:12px 16px;border-radius:var(--radius);background:var(--ink-2);border:1px solid var(--line)}
.ev-axes b{display:block}
.ev-axes span{display:block;color:var(--muted);font-size:.84rem;line-height:1.5}
.ev-axes li.on{border-color:var(--gold);background:rgba(240,169,59,.08)}
.ev-axes em{display:inline-block;margin-top:6px;font-style:normal;font-size:.76rem;font-weight:800;color:var(--navy);background:var(--gold);border-radius:999px;padding:1px 10px}
.ev-page #ev-program .cv-split{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}

/* who is coming */
.ev-names{display:flex;flex-wrap:wrap;gap:8px}
.ev-name{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--ink-2);border:1px solid var(--line);font-size:.9rem}
html[dir="rtl"] .ev-name{padding:6px 6px 6px 14px}
.ev-av{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--blue-light);font-weight:800;font-size:.85rem;flex-shrink:0;overflow:hidden}
.ev-av img{width:100%;height:100%;object-fit:cover}
.ev-empty{color:var(--muted)}

/* comments */
.ev-talk{max-width:820px;display:grid;gap:18px}
.ev-compose{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;display:grid;gap:10px}
.ev-compose textarea{width:100%;min-height:110px;resize:vertical;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line-control);background:var(--ink);color:var(--text);font:inherit;font-size:.96rem;line-height:1.7}
.ev-compose textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.ev-compose .ev-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ev-me{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--muted)}
.ev-me b{color:var(--text)}
.ev-comments{display:grid;gap:10px}
.ev-c{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.ev-c .ev-av{grid-row:span 2;width:38px;height:38px}
.ev-c-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ev-c-h b{color:var(--text);font-size:.94rem}
.ev-c-h time{color:var(--muted-2);font-size:.78rem}
.ev-c-h button{margin-inline-start:auto;background:none;border:0;color:var(--muted-2);font:inherit;font-size:.78rem;cursor:pointer;text-decoration:underline}
.ev-c p{margin:0;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem;line-height:1.75}

/* sign in */
.ev-login{display:grid;gap:10px;max-width:420px}
.ev-login label{font-size:.86rem;color:var(--muted)}
.ev-login input{width:100%;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--line-control);background:var(--ink);color:var(--text);font:inherit;font-size:1rem}
.ev-login input.code{letter-spacing:.4em;text-align:center;font-family:Inter,sans-serif;direction:ltr}
.ev-gbox{position:relative;border-radius:12px}
.ev-gface{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border-radius:12px;background:#fff;color:#1F1F1F;font-weight:700}
.ev-greal{position:absolute;inset:0;opacity:.011;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ev-linkbtn{background:none;border:0;padding:0;color:var(--blue-light);font:inherit;font-size:.88rem;text-decoration:underline;cursor:pointer;justify-self:start}
.ev-msg{min-height:1.2em;margin:0;font-size:.88rem;color:var(--muted)}
.ev-msg.err{color:var(--red)}
.ev-msg.ok{color:var(--green)}
dialog.ev-dlg{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--ink-2);color:var(--text);padding:22px;width:min(440px,calc(100vw - 32px))}
dialog.ev-dlg::backdrop{background:rgba(5,15,31,.75)}
dialog.ev-dlg h3{margin:0 0 6px;font-size:1.1rem}
dialog.ev-dlg .ev-x{position:absolute;top:10px;inset-inline-end:12px;background:none;border:0;color:var(--muted);font-size:1.4rem;cursor:pointer}

/* sessions tiles */
.ev-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ev-tile{display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;color:var(--text);transition:.25s}
.ev-tile:hover{border-color:var(--line-strong);transform:translateY(-3px);color:var(--text)}
.ev-tile-img{display:block;aspect-ratio:1200/630;background:var(--ink-3);overflow:hidden}
.ev-tile-img img{width:100%;height:100%;object-fit:cover}
.ev-tile-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.ev-tile-k{font-size:.76rem;font-weight:800;color:var(--blue-light)}
.ev-tile-b b{font-size:1rem;line-height:1.5}
.ev-tile-b span:last-child{color:var(--muted);font-size:.86rem;line-height:1.55}
.ev-tile.next{border-color:rgba(240,169,59,.5)}

.ev-cov{border-bottom:1px solid var(--line)}

@media (max-width:900px){
  .ev-hero-grid{grid-template-columns:1fr}
  .ev-reg{position:static}
  .ev-page #ev-program .cv-split{grid-template-columns:1fr}
}
@media (max-width:520px){
  .ev-prices b{font-size:1.35rem}
  .ev-agenda li{grid-template-columns:52px 1fr;gap:10px;padding:10px 12px}
}
.cv-meta .ev-tba::before,.cv-meta a::before{content:none;display:none}

/* phone: a booking bar fixed at the bottom while the card is out of view */
.ev-mbar{display:none}
@media (max-width:900px){
  .ev-mbar{display:block;position:fixed;inset-inline:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(5,15,31,.94);border-top:1px solid var(--line);backdrop-filter:blur(8px);transition:transform .3s}
  .ev-mbar .btn{width:100%;justify-content:center}
  .ev-mbar.off{transform:translateY(110%)}
  .ev-page{padding-bottom:72px}
}
.ev-page [hidden]{display:none !important}

/* 12 Oct 2026: speaker photos, and the "about the session" hook */
.ev-person .ev-photo{display:block;width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:14px;border:2px solid rgba(240,169,59,.55)}
.ev-hook{margin:6px 0 18px;padding:2px 16px;border-inline-start:4px solid var(--gold,#F0A93B);font-size:1.6rem;line-height:1.5;font-weight:700}
.ev-ask{font-size:1.2rem;font-weight:700;color:var(--gold,#F0A93B)}

/* 12 Oct 2026: session banner illustration (page.banner) and "what changed / what stayed" (page.compare) */
.ev-page .ev-banner-sec{padding:0 0 clamp(8px,2vw,20px)}
.ev-banner{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:#F6F2EA}
.ev-banner img{display:block;width:100%;height:auto}
.ev-compare{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:14px;align-items:stretch;margin-top:22px;max-width:980px}
.ev-cmp{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;border-top:4px solid #1746C2}
.ev-cmp-stayed{border-top-color:#E0694A}
.ev-cmp h3{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin:0 0 12px}
.ev-cmp h3 svg{width:30px;height:30px;flex:none;border-radius:50%;padding:5px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;background:#1746C2}
.ev-cmp-stayed h3 svg{background:#E0694A}
.ev-cmp ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ev-cmp li{position:relative;padding-inline-start:20px;color:var(--muted);line-height:1.6}
.ev-cmp li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:9px;height:9px;border-radius:50%;background:#1746C2}
.ev-cmp-stayed li::before{background:#E0694A}
.ev-cmp-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:18px 12px;border-radius:var(--radius-lg);border:1px dashed rgba(242,169,59,.6);background:rgba(242,169,59,.08)}
.ev-cmp-center svg{width:58px;height:58px;fill:none;stroke:#F2A93B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ev-cmp-center p{margin:0;font-weight:800;line-height:1.5;color:var(--text)}
@media (max-width:760px){
  .ev-compare{grid-template-columns:1fr}
  .ev-cmp-center{flex-direction:row;justify-content:flex-start;text-align:start;padding:14px 16px}
  .ev-cmp-center svg{width:44px;height:44px}
}