/* Tammuz — Event page (single event; unified for SmarTicket + manual events). Loads after styles.css + inner-page.css + events-page.css. */
/* ===== אזור פתיחה: כרטיס עם תמונת האירוע, כותרת, פרטי זמן ומקום; ספח צהוב עם תאריך ו-CTA ===== */
.evt-hero .evs-ticket{--mainh:clamp(460px,66svh,720px);height:auto;min-height:var(--mainh)}
.evt-hero .evs-main{min-height:var(--mainh);height:auto}
.evt-hero .evs-stub{display:flex;flex-direction:column;padding:32px 26px 26px}
.evt-hero .evs-code-v{height:clamp(90px,14vh,150px);max-height:150px;margin-top:auto}
.evt-hero .evs-head{text-align:start;margin:0;max-width:980px;justify-self:start;display:grid;gap:14px;align-content:end;width:100%}
.evt-hero .evs-main{place-items:end start}
.evt-hero .evs-main::before{background:linear-gradient(to left,#090909f5 0,#090909e0 36%,#090909a6 66%,#09090959 100%),linear-gradient(to bottom,#09090966,transparent 30%,transparent 55%,#090909cc)}
.evt-hero .page-crumbs{margin:0}
.evt-hero .page-crumbs li{min-width:0}
.evt-hero .page-crumbs [aria-current]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38ch}
.evt-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.evt-tags .evp-tag{background:#070707;border-color:#ffffff;color:var(--white)}
.evt-tags .evp-tag.is-out{border-color:#ff8a7a;color:#ffb3a9}
.evt-tags .evp-tag.is-last{border-color:var(--yellow);color:var(--yellow)}
.evt-tags .evp-tag.is-deal{background:var(--yellow);border-color:var(--yellow);color:#070707}
.evt-hero h1{margin:0;font-size:clamp(40px,5.2vw,86px)!important;line-height:1;letter-spacing:-.04em;font-weight:800;text-wrap:balance}
.evt-series{margin:0;font-size:clamp(16px,1.3vw,20px);color:#d2d1cb}
.evt-series:empty{display:none}
.evt-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin:6px 0 0;padding:0;list-style:none;font-size:16px;color:var(--white)}
.evt-meta li{display:inline-flex;align-items:center;gap:8px}
.evt-meta svg{width:18px;height:18px;fill:none;stroke:var(--yellow);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* הספח: תאריך גדול + שעה + כפתור */
.evt-hero .evs-stub{justify-content:space-between;gap:18px}
.evt-stub-date{display:grid;justify-items:start;gap:2px;margin:0}
.evt-stub-date b{font-size:clamp(56px,5.4vw,84px);line-height:.85;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.evt-stub-date span{font-size:clamp(18px,1.5vw,22px);font-weight:800}
.evt-stub-date small{font-size:14px;color:#09090999}
.evt-stub-time{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.evt-stub-time svg{width:18px;height:18px;fill:none;stroke:#090909;stroke-width:1.8;stroke-linecap:round}
.evt-stub-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 22px;border-radius:999px;background:#090909;color:var(--yellow);font-size:15px;font-weight:800;transition:background var(--micro),color var(--micro),transform var(--micro)}
.evt-stub-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){
  .evt-stub-cta:hover{background:var(--white);color:#090909;transform:scale(1.03)}
}
.evt-stub-cta:focus-visible{outline:2px solid #090909;outline-offset:3px}
.evt-stub-cta.is-off{background:#0909091f;color:#090909;pointer-events:none}
.evt-hero .evs-code{margin-top:auto}

/* ===== פרטי האירוע: תמונה ריבועית מימין, פרטים משמאל ===== */
.evt-body{max-width:1320px;margin:0 auto;padding:clamp(56px,8vh,100px) var(--edge) clamp(40px,6vh,72px)}
.evt-grid{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:clamp(32px,4.5vw,72px);align-items:start}
.evt-poster{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:1;background:#111110;box-shadow:0 24px 50px #000c}
.evt-poster img{display:block;width:100%;height:100%;object-fit:cover}
.evt-poster figcaption{position:absolute;inset:auto 14px 14px auto}
.evt-poster .evp-tag{background:#070707;border-color:#fff}
.evt-info{display:grid;gap:clamp(24px,3vh,36px);align-content:start;min-width:0}
.evt-info h2{margin:0;font-size:clamp(34px,3.6vw,58px);line-height:1.02;letter-spacing:-.045em;font-weight:800}
.evt-info h2 em{font-style:normal;color:var(--yellow)}
.evt-brief{margin:0;font-size:18px;line-height:1.8;color:#c8c7c1;max-width:62ch;text-wrap:pretty}
.evt-brief:empty{display:none}
/* רשימת פרטים: אייקון צהוב בתוך דיסק (כמו צור קשר) */
.evt-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.evt-fact{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #ffffff14;min-width:0}
.evt-fact .ip-file-icon{width:52px}
.evt-fact .ip-file-icon svg{width:24px;height:24px}
.evt-fact-text{display:grid;gap:3px;min-width:0}
.evt-fact-text small{font-size:12px;letter-spacing:.12em;color:#a8a69e}
.evt-fact-text span{font-size:17px;line-height:1.35;color:var(--white);overflow-wrap:anywhere}
.evt-fact-text a{color:var(--white);text-decoration:underline;text-decoration-color:#ffea5799;text-underline-offset:4px}
@media (hover:hover) and (pointer:fine){
  .evt-fact-text a:hover{text-decoration-color:var(--yellow)}
}
.evt-fact[hidden]{display:none}
.evt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.evt-actions .pill{background:var(--yellow);border-color:var(--yellow);color:var(--black);font-weight:700}
@media (hover:hover) and (pointer:fine){
  .evt-actions .pill:hover{background:var(--white);border-color:var(--white)}
}
.evt-actions .pill.is-ghost{background:none;border-color:#ffffff40;color:var(--white)}
@media (hover:hover) and (pointer:fine){
  .evt-actions .pill.is-ghost:hover{background:var(--white);color:var(--black)}
}
.evt-actions .hero-cta{color:var(--black)}
.evt-actions .hero-cta > span:first-child{color:var(--black)}
.evt-actions .pill[hidden],.evt-actions .hero-cta[hidden]{display:none}

/* ===== רכישה / הרשמה: iframe של סמרטיקט או כרטיס CTA לאירוע ידני ===== */
.evt-buy{max-width:1320px;margin:0 auto;padding:clamp(24px,4vh,48px) var(--edge) clamp(60px,9vh,110px)}
.evt-buy .ip-section-head{margin-bottom:0}
.evt-buy .prose-wave{margin-bottom:28px}
.evt-frame{position:relative;border-radius:24px;overflow:hidden;background:#0f0f0f;border:1px solid #ffffff1c;box-shadow:0 18px 40px #0009}
.evt-frame iframe{display:block;width:100%;height:clamp(720px,110vh,1100px);border:0;background:#fff}
.evt-frame-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #ffffff14;font-size:14px;color:#a8a69e}
.evt-frame-foot a{color:var(--white);text-decoration:underline;text-decoration-color:#ffea5799;text-underline-offset:4px}
.evt-frame[hidden],.evt-register[hidden],.evt-closed[hidden]{display:none}
.evt-register{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;padding:clamp(28px,3.5vw,48px);border-radius:24px;background:#0f0f0f;border:1px solid #ffffff1c;box-shadow:0 18px 40px #0009}
.evt-register p{margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.6;color:var(--white);max-width:40em;text-wrap:pretty}
.evt-register small{display:block;margin-top:8px;font-size:15px;color:#a8a69e}
.evt-closed{padding:clamp(28px,3.5vw,48px);border-radius:24px;background:#0f0f0f;border:1px solid #ff8a7a66;text-align:center;font-size:18px;color:#ffb3a9}

/* ===== אירועים נוספים ===== */
.evt-more{max-width:1320px;margin:0 auto;padding:0 var(--edge) clamp(72px,10vh,120px)}
.evt-more .ip-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.evt-more .evp-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.evt-more[hidden]{display:none}

/* ===== לא נמצא ===== */
.evt-missing{max-width:720px;margin:0 auto;padding:clamp(60px,10vh,120px) var(--edge);text-align:center;display:grid;gap:18px;justify-items:center}
.evt-missing h2{margin:0;font-size:clamp(34px,4vw,60px);font-weight:800;letter-spacing:-.04em}
.evt-missing p{margin:0;font-size:18px;color:#c8c7c1}
.evt-missing[hidden]{display:none}

@media (max-width:1100px){
  .evt-grid{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}
  .evt-facts{grid-template-columns:1fr}
  .evt-more .evp-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .evt-hero .evs-ticket{--mainh:auto}
  .evt-hero h1{font-size:clamp(34px,9vw,48px)!important}
  .evt-meta{font-size:15px;gap:8px 18px}
  .evt-stub-date b{font-size:56px}
  .evt-hero .evs-stub{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .evt-stub-time{width:100%}
  .evt-stub-cta{width:100%}
  .evt-body{padding-top:40px}
  .evt-grid{grid-template-columns:1fr;gap:28px}
  .evt-poster{max-width:420px;margin:0 auto;width:100%}
  .evt-info h2{font-size:clamp(30px,8.5vw,42px)}
  .evt-brief{font-size:16px;line-height:1.75}
  .evt-actions{flex-direction:column;align-items:stretch}
  .evt-actions .pill,.evt-actions .hero-cta{justify-content:center}
  .evt-frame iframe{height:min(100svh,900px)}
  .evt-register{grid-template-columns:1fr}
  .evt-register .hero-cta{justify-content:center}
  .evt-more .evp-list{grid-template-columns:1fr}
}

/* SmarTicket's full description (client, 2026-11-01): paragraphs from their editor, see src/lib/events/html.ts */
.evt-content p{margin:0 0 .9em}
.evt-content > :last-child{margin-bottom:0}
.evt-content strong{color:#fff;font-weight:700}
.evt-content ul,.evt-content ol{margin:0 0 .9em;padding-inline-start:1.3em}