/* ═══════════════════════════════════════════════════════════════════
   ETKİNLİKLER — Harman kabuğunda kart listesi

   KABUĞA ALINDI. Sayfa önce bilerek şehir rehberinde tutulmuştu; karar
   kullanıcı tarafından değiştirildi. Kabuğa girmesi MİSAFİR ERİŞİMİNİ ve
   İNDEKSLENMEYİ bozmuyor — user_profile.php da hem kabukta hem misafire
   açık hem indeksli. Sol kolon misafirde künye yerine giriş çağrısı
   basıyor (harman_rail.php).

   app.css'e DOKUNULMUYOR: orada yüzlerce dize kilidi var ve .ev-* kuralları
   etkinlik DETAY sayfasıyla paylaşılıyor.

   KAPSAM: yalnız .evx-* sınıfları (kilitli). Sayfa başlığı, çip şeridi ve
   düğmeler artık harman.css'in ortak sınıflarını kullanıyor
   (.hs-phead / .hs-chips / .hs-pill) — burada yalnız onların vermediği
   parçalar tanımlı. Eski .evx-head/.evx-pill kuralları bu yüzden silindi:
   ortak sınıflar geldikten sonra hiçbir öğe onları taşımıyordu.
   ═══════════════════════════════════════════════════════════════════ */

/* YATAY İÇ BOŞLUK YOK: kabuğun orta kolonu zaten boşluğu veriyor. */
.evx-chips{padding:0 0 14px}
/* Sayaç rozeti — .hs-chip'te karşılığı yok. */
.evx-chip b{font-size:10.5px;font-weight:800;opacity:.6}
.evx-chip.active b{opacity:.75}

.evx-list{display:flex;flex-direction:column;gap:12px;padding:0}

/* ── KART ──
   Tasarımda solda tarih kolonu, sağda gövde; gövdenin ÜSTÜ tam genişlik
   altın bant. Bant kartın iç genişliğini kaplıyor (tarih kolonunun sağından
   kartın sağ kenarına), o yüzden .evx-info'nun ilk çocuğu ve display:block. */
.evx-item{display:flex;gap:14px;padding:14px;border-radius:18px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.022);transition:.16s}
.evx-item:hover{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035)}

.evx-date{flex:none;width:60px;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start;gap:2px;text-decoration:none;padding:2px 0}
.evx-date strong{font-size:27px;line-height:1;font-weight:800;color:#f5c542;letter-spacing:-1px}
.evx-date span{font-size:10px;font-weight:800;letter-spacing:.8px;color:#f5c542;opacity:.72}

.evx-info{flex:1;min-width:0}

/* TAM GENİŞLİK ALTIN BANT. Metin rengi #151109: altın üstünde beyaz 1.9
   veriyor (AA'nın çok altı), koyu metin 11.4 veriyor — hesaplandı. */
.evx-eyebrow{display:block;padding:6px 12px;border-radius:9px;font-size:10.5px;
  font-weight:900;letter-spacing:.7px;text-transform:uppercase;
  background:#f5c542;color:#151109}

.evx-info h3{margin:11px 0 0;font-size:15px;line-height:1.35;font-weight:800}
.evx-info h3 a{color:inherit;text-decoration:none}
.evx-info h3 a:hover{color:#f5c542}
.evx-info p{margin:6px 0 0;font-size:12.5px;line-height:1.5;opacity:.66}
.evx-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:11px;font-size:12px;opacity:.72}
.evx-meta span{display:inline-flex;align-items:center;gap:5px}

.evx-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.evx-b{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:inherit;
  font:inherit;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:.16s}
.evx-b:hover{border-color:rgba(245,197,66,.45);background:rgba(255,255,255,.07)}
.evx-b-p{background:#f5c542;border-color:#f5c542;color:#151109}
/* Birincil düğme HOVER'DA ALTIN KALIYOR: yukarıdaki hover zemini
   koyultuyor ama metin #151109 kaldığı için yazı zeminle birleşirdi —
   .hs-pill-primary'de ölçülen aynı hata. */
.evx-b-p:hover{background:#ffe07d;border-color:#ffe07d;color:#151109}
.evx-b.on{background:rgba(245,197,66,.16);border-color:rgba(245,197,66,.55);color:#f5c542}
.evx-b-p.on,.evx-b-p.on:hover{background:rgba(245,197,66,.16);border-color:rgba(245,197,66,.55);color:#f5c542}

/* Dar ekranda tarih kolonu üste alınmıyor (dikey yer kaybı); yalnız
   daralıyor ve düğmeler tam genişliğe yayılıyor. */
@media(max-width:520px){
  .evx-item{padding:12px;gap:11px}
  .evx-date{width:46px}
  .evx-date strong{font-size:22px}
  .evx-acts .evx-b{flex:1;justify-content:center;min-width:calc(50% - 4px)}
}

/* .evx-create ve .evx-suggest KURALLARI SİLİNDİ: öneri formu <details>
   içindeydi, modala dönünce o düğme ve sarmalayıcı kalmadı. Hiçbir öğenin
   taşımadığı kural ölü koddur. */

/* Tarih şeridi app.css'te LACİVERT: hücre zemini var(--card) = #161d2e,
   çerçevesi #28324c, etkin gün var(--blue) (hepsi tarayıcıda ölçüldü).
   Şablona ikinci sınıf verilip burada eziliyor. */
.evx-day{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}
.evx-day span{color:#8f98a5}
.evx-day b{color:#f4f6f8}
.evx-day:hover{border-color:rgba(245,197,66,.4)}
.evx-day.active{background:#f5c542;border-color:#f5c542}
.evx-day.active span,.evx-day.active b{color:#151109}

/* Popüler kartın içi de laciverde çalıyordu: "Detayları Gör" metni ve
   ikonları #16223c idi (ölçüldü). */
.evx-pop{border:1px solid rgba(255,255,255,.08)}
.evx-pop .ev-pop-t{color:#f4f6f8}
.evx-pop .ev-pop-m{color:#c2cad3}
.evx-pop .ev-pop-m svg{color:#f5c542}
.evx-pop .ev-pop-foot{color:#c2cad3}
.evx-pop .ev-pop-btn{background:#f5c542;color:#151109;border-radius:9px;padding:6px 11px}
.evx-pop .ev-pop-btn svg{color:#151109}

/* Sınır uyarısı — sessiz kesme yok. */
.evx-more{margin:12px 2px 0;font-size:11.5px;opacity:.6;text-align:center}

/* ── Kabuğa girerken şehir rehberinden kalan bloklar ──
   app.css'e DOKUNULMUYOR (etkinlik detayı aynı sınıfları kullanıyor);
   şablona ikinci bir .evx-* sınıfı verilip burada eziliyor. */

/* Ay başlığı ve tarih şeridi: dar kaba göre ayarlıydı. */
.evx-month{margin:2px 0 8px;font-size:11px;font-weight:900;letter-spacing:.9px;
  text-transform:uppercase;color:#f5c542;opacity:.85}
.evx-days{padding:0 0 12px}

/* GÜN ÖZETİ — app.css'te LACİVERT gradyan taşıyordu
   (rgba(14,28,58,.92) → rgba(47,115,201,.55); tarayıcıda ölçüldü) ve altın
   yüzeyde mavi bir şerit olarak duruyordu. */
.evx-today{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  padding:13px 15px;border-radius:16px;margin-bottom:14px}

/* Bölüm başlıkları: şehir rehberinin kap dolgusu kabukta içeri kaydırıyordu. */
.evx-sec{padding:0;margin:0 0 18px;background:transparent;border:0}
.evx-sec-h{padding:0 0 10px;margin:0}

/* Popüler kart — kabukta daha geniş, köşeler Harman yarıçapında. */
.evx-pop{border-radius:18px;margin-bottom:10px}

/* ═══════════ ETKİNLİK DETAYI ═══════════
   Sayfa kabuğun KOLONSUZ varyantında (rail=false + aside=false → ortalanmış
   760px). Gövde app.css'in .ed-* kurallarını taşıyor; app.css'e
   DOKUNULMUYOR, gövde sınıfıyla eziliyor. Kapsam bu yüzden .evx-* değil
   "body.hs-ev-body ..." — sınıf adları app.css'e ait ve yeniden
   adlandırmak detay sayfasının tamamını elden geçirmek olurdu. */
.evx-dtop{display:flex;align-items:center;gap:10px;padding:4px 0 14px;
  background:transparent;position:static;height:auto;border:0}
.evx-dtop span{font-size:13px;font-weight:800;color:#f4f6f8}
.evx-dkat{margin-left:auto;height:26px;padding:0 11px;border-radius:999px;
  background:#f5c542;color:#151109;font-size:10px;font-weight:900;
  letter-spacing:.6px;text-transform:uppercase;display:inline-flex;align-items:center}
.evx-dmain{padding:0 0 calc(86px + env(safe-area-inset-bottom,0))}

/* Kapak: app.css'te kapaksız etkinlik için LACİVERT gradyan yedeği var
   (#2a3550 → #16203a, tarayıcıda görüldü). Kapak varsa satır içi stil
   onu zaten eziyor; yoksa altın yüzeyde mavi bir blok kalıyordu. */
body.hs-ev-body .ed-cover{border-radius:18px;overflow:hidden;
  background:linear-gradient(135deg,#1d222a,#12161c)}
/* KAPAKSIZ ETKİNLİKTE 210px'lik BOŞ KUTU KALIYORDU. Kapak varsa şablon
   satır içi background-image yazıyor; yoksa style niteliği HİÇ basılmıyor
   — seçici tam olarak o durumu yakalıyor. Blok kaldırılmıyor çünkü
   "Popüler Etkinlik" rozeti onun içinde duruyor. */
body.hs-ev-body .ed-cover:not([style]){height:64px}
body.hs-ev-body .ed-body{padding:16px 0 0}
body.hs-ev-body .ed-title{font-size:24px;letter-spacing:-.5px;color:#f4f6f8}
body.hs-ev-body .ed-meta,body.hs-ev-body .ed-stats{color:#8f98a5;font-size:12.5px}
body.hs-ev-body .ed-stats b{color:#f4f6f8}

/* Bölümler kart oluyor — mockup dilinde her blok kendi yüzeyinde. */
body.hs-ev-body .ed-sec{border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:rgba(255,255,255,.022);padding:15px;margin-bottom:12px}
body.hs-ev-body .ed-sec h2{font-size:14px;font-weight:800;color:#f4f6f8;
  display:flex;align-items:center;gap:8px;margin:0 0 10px}
body.hs-ev-body .ed-sec h2 svg{color:#f5c542}
body.hs-ev-body .ed-desc{color:#c9d0d8;font-size:13.5px;line-height:1.65}

/* Geri sayım app.css'te LACİVERT gradyandı — liste sayfasındaki gün
   özetiyle aynı sızıntı. */
body.hs-ev-body .ed-count{background:rgba(245,197,66,.07);
  border:1px solid rgba(245,197,66,.2);border-radius:18px}
body.hs-ev-body .ed-count-h{color:#f5c542;font-weight:900;letter-spacing:.6px}
body.hs-ev-body .ed-count-g b{color:#f4f6f8}
body.hs-ev-body .ed-count-g span{color:#8f98a5}

/* Birincil eylem ALTIN; ikincil nötr. */
body.hs-ev-body .ed-act{border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);color:#f4f6f8;border-radius:12px}
body.hs-ev-body .ed-act.primary{background:#f5c542;border-color:#f5c542;color:#151109}
body.hs-ev-body .ed-act.primary:hover{background:#ffe07d;color:#151109}
body.hs-ev-body .ed-act.primary.on{background:rgba(245,197,66,.16);
  border-color:rgba(245,197,66,.55);color:#f5c542}
body.hs-ev-body .ed-nav{background:#f5c542;color:#151109;border-radius:12px}
body.hs-ev-body .ed-nav svg{color:#151109}

/* Sabit alt çubuk viewport'a göre ortalanıyor ama GENİŞLİĞİ app.css'ten
   --app-w (500px) alıyordu; kabuğun 760px'lik kolonuyla hizasızdı
   (ölçüldü: kolon 760, çubuk 500). Kabuk kolonuyla aynı ölçüye çekildi. */
body.hs-ev-body .ed-bar{background:rgba(11,13,16,.94);border-top:1px solid rgba(255,255,255,.08);
  max-width:764px}
@media(max-width:760px){ body.hs-ev-body .ed-bar{max-width:none} }
body.hs-ev-body .ed-bar-btn{background:#f5c542;color:#151109;border-radius:13px}
body.hs-ev-body .ed-bar-btn svg{color:#151109}
body.hs-ev-body .ed-bar-btn.on{background:rgba(245,197,66,.16);
  border:1px solid rgba(245,197,66,.55);color:#f5c542}
body.hs-ev-body .ed-bar-btn.on svg{color:#f5c542}

/* Düzenleyen kartı ve katılımcı avatarları. */
body.hs-ev-body .ed-org{border:1px solid rgba(255,255,255,.08);border-radius:16px;
  background:rgba(255,255,255,.022)}
body.hs-ev-body .ed-org-ic{background:rgba(245,197,66,.12);color:#f5c542}
body.hs-ev-body .ed-org-n{color:#f4f6f8}
body.hs-ev-body .ed-org-s{color:#8f98a5}
body.hs-ev-body .ed-av{border-color:#0b0d10}

/* ── ÖNERİ MODALI ──
   Sitenin mevcut .csheet alt-sayfa deseni; app.css'teki panel LACİVERT
   (var(--card) = #161d2e, tarayıcıda ölçüldü) ve Harman'ın siyah
   yüzeyiyle çelişiyordu. Perde de laciverte çalıyordu.
   Gönder düğmesi ayrıca ".btn btn-red" idi — KIRMIZI, oysa öneri
   göndermek yıkıcı bir eylem değil; kart düğmeleriyle aynı sınıfta. */
.evx-sheet .csheet-panel{background:#111419;border:1px solid rgba(255,255,255,.09);
  border-bottom:0;max-width:560px;color:#f4f6f8}
.evx-sheet .csheet-bd{background:rgba(0,0,0,.62)}
.evx-sheet .csheet-grip{background:rgba(255,255,255,.16)}
.evx-sheet .csheet-h{color:#f4f6f8;margin-bottom:14px}
.evx-sheet-x{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;
  border-radius:50%;background:rgba(255,255,255,.06);color:#8f98a5;display:grid;
  place-items:center;cursor:pointer}
.evx-sheet-x:hover{background:rgba(255,255,255,.11);color:#f4f6f8}
/* Uzun formda panel ekranı aşabiliyor. */
.evx-sheet .csheet-panel{max-height:88vh;overflow-y:auto}
@media(min-width:761px){
  /* Masaüstünde alt-sayfa değil ORTALANMIŞ modal. */
  .evx-sheet{align-items:center}
  .evx-sheet .csheet-panel{border-radius:20px;border-bottom:1px solid rgba(255,255,255,.09);
    padding-bottom:18px}
  .evx-sheet .csheet-grip{display:none}
}
.evx-form{display:flex;flex-direction:column;gap:12px}
.evx-form-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;
  border-radius:12px;background:rgba(245,197,66,.08);color:#d9dfe5;font-size:12px;line-height:1.45}
.evx-form-note svg{color:#f5c542;flex:none;margin-top:1px}
.evx-field{display:flex;flex-direction:column;gap:6px}
.evx-field>span{font-size:11.5px;font-weight:800;color:#aeb7c1}
.evx-field>span b{color:#f5c542}
.evx-field .finput{width:100%;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  background:rgba(255,255,255,.04);color:#f4f6f8;font:inherit;font-size:13px;padding:0 12px;outline:0}
.evx-field textarea.finput{height:auto;min-height:84px;padding:11px 12px;resize:vertical;line-height:1.5}
.evx-field .finput:focus{border-color:rgba(245,197,66,.55)}
.evx-field .finput::placeholder{color:#7d8794}
.evx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.evx-form-send{height:46px;justify-content:center;font-size:13px}
@media(max-width:520px){ .evx-field-row{grid-template-columns:1fr} }

/* ── app.css'ten MAVİ/MOR SIZINTILARI ──
   Tarayıcıda tek tek görüldü; hepsi app.css'te tanımlı ve o dosyaya
   dokunulmuyor. Özgüllük hesaplandı: gövde sınıfı (0,2,x) rakiplerin
   (0,1,x)/(0,2,x-1) üstünde kalıyor. */
body.hs-ev-body .ed-pop{background:#f5c542;color:#151109}   /* mordu (#7c4dff) */
body.hs-ev-body .ed-pop svg{color:#151109}
body.hs-ev-body .ed-meta svg{color:#f5c542}                  /* maviydi */
body.hs-ev-body .ed-stats svg{color:#8f98a5}
body.hs-ev-body .ed-act svg{color:#c9d0d8}
body.hs-ev-body .ed-act.primary svg{color:#151109}
body.hs-ev-body .ed-act.on{background:rgba(245,197,66,.16);color:#f5c542}
body.hs-ev-body .ed-act.on svg{color:#f5c542}
body.hs-ev-body .ed-act.primary.on{background:rgba(245,197,66,.16);color:#f5c542}
body.hs-ev-body .ed-act.primary.on svg{color:#f5c542}
body.hs-ev-body .ed-loc{color:#8f98a5}
/* Katılımcı avatarı mavi gradyandı; baş harf yüzeyi nötr olmalı. */
body.hs-ev-body .ed-av{background:#1d222a;color:#c9d0d8}
body.hs-ev-body .ed-av.more{background:rgba(245,197,66,.14);color:#f5c542}
/* Program saati maviydi (renk VE sol çizgi) — tarayıcıda tarandı. */
body.hs-ev-body .ed-prog-t{color:#f5c542}
body.hs-ev-body .ed-prog-row{border-color:rgba(245,197,66,.28)}
body.hs-ev-body .ed-prog-ttl{color:#f4f6f8}
body.hs-ev-body .ed-prog-d{color:#9aa3ae}