/* Publiczne strony wydarzeń: /wydarzenia (lista) i /wydarzenie/<id>-<nazwa>.
   Korzysta z tokenów z main.css (kolory, promienie, cienie) - nie definiuje własnych kolorów,
   żeby wygląd nadążał za resztą serwisu. */

/* ---- lista ---- */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ev-card{display:flex;flex-direction:column;background:var(--surface-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}
.ev-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.ev-card-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--teal-100)}
.ev-card-img-empty{background:var(--gradient-brand);opacity:.85}
.ev-card-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
.ev-card-date{font-size:12.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--coral-600)}
.ev-card h3{font-size:18px;line-height:1.25;margin:0}
.ev-card-place{font-size:13.5px;color:var(--ink-500);font-weight:600}
.ev-card p{font-size:13.5px;color:var(--ink-500);margin:2px 0 0}
.ev-card-price{margin-top:auto;padding-top:10px;font-size:14px;font-weight:800;color:var(--teal-700)}
.ev-empty{max-width:560px;margin:24px auto;text-align:center;padding:40px 24px;background:var(--surface-50);border:1px solid var(--border);border-radius:var(--radius-lg)}
.ev-empty h2{font-size:22px;margin:0 0 8px}
.ev-empty p{color:var(--ink-500);margin:0}
.ev-pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:36px;font-size:14px;color:var(--ink-500)}
.ev-pager a{font-weight:700;color:var(--teal-700);text-decoration:none}
.ev-pager a:hover{text-decoration:underline}

/* ---- strona wydarzenia ---- */
.ev-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;padding:40px 0 72px;align-items:start}
.ev-main{min-width:0}
.ev-cover{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:block;margin-bottom:28px;background:var(--teal-100)}
.ev-section{margin-bottom:34px}
.ev-section h2{font-size:22px;margin:0 0 12px}
.ev-text{font-size:15.5px;line-height:1.7;color:var(--ink-700);margin:0;overflow-wrap:anywhere}
.ev-banner{padding:14px 18px;border-radius:var(--radius-md);background:var(--teal-100);color:var(--teal-900);font-size:14.5px;margin-bottom:24px}
.ev-banner a{font-weight:700;color:inherit}
.ev-banner-bad{background:var(--coral-100);color:var(--coral-700)}
.ev-schedule{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ev-schedule li{display:flex;gap:16px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--border)}
.ev-schedule li:last-child{border-bottom:0}
.ev-time{flex:0 0 96px;font-weight:800;color:var(--teal-700);font-variant-numeric:tabular-nums}
.ev-schedule em{display:block;font-style:normal;font-size:13px;color:var(--ink-500);margin-top:2px}
.ev-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ev-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);display:block;background:var(--teal-100)}

.ev-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:18px}
.ev-box{background:var(--surface-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px}
.ev-box h2{font-size:18px;margin:0 0 14px}
.ev-tickets{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}
.ev-tickets li{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ev-tickets li.is-off{opacity:.55}
.ev-tickets strong{display:block;font-size:14.5px}
.ev-ticket-desc,.ev-ticket-note{display:block;font-size:12.5px;color:var(--ink-500);margin-top:2px}
.ev-ticket-note{font-weight:700}
.ev-price{font-weight:800;font-size:15px;white-space:nowrap;color:var(--teal-700)}
.ev-cta{width:100%}
.ev-note{font-size:12.5px;color:var(--ink-500);margin:12px 0 0;line-height:1.5}
.ev-facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}
.ev-facts dt{font-weight:800;color:var(--ink-500)}
.ev-facts dd{margin:0;color:var(--ink-900);overflow-wrap:anywhere}
.ev-facts dd a{display:block;font-size:13px;font-weight:700;color:var(--teal-700);margin-top:2px}

@media (max-width:900px){
  .ev-grid{grid-template-columns:repeat(2,1fr)}
  .ev-layout{grid-template-columns:1fr;gap:24px}
  .ev-side{position:static;order:-1}
}
@media (max-width:560px){
  .ev-grid{grid-template-columns:1fr}
  .ev-gallery{grid-template-columns:repeat(2,1fr)}
  .ev-time{flex-basis:78px}
}