/* ETKİNLİKLER — hem ziyaretçi sayfası hem yönetim ekranı.
   Tek dosya: iki ekranda kart görünümü aynı kalsın, biri değişince
   diğeri geride kalmasın. */

/* ---------- ziyaretçi sayfası ---------- */
.etkinlik-shell { max-width: 1100px; margin: 0 auto; padding: 48px 20px 72px; }
.etkinlik-hero { text-align: center; margin-bottom: 40px; }
.etkinlik-hero h1 { margin: 6px 0 12px; }
.etkinlik-hero p { max-width: 640px; margin: 0 auto; color: #6b645b; }

.etkinlik-bolum { margin-top: 44px; }
.etkinlik-bolum h2 { margin: 0 0 4px; }
.etkinlik-bolum-note { margin: 0 0 20px; color: #8a837a; font-size: .9rem; }

.etkinlik-grid {
  display: grid; gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}
.etkinlik-card {
  display: flex; flex-direction: column; gap: 8px;
  padding: 22px; border-radius: 16px;
  background: #fff; border: 1px solid #ece7df;
  border-left: 6px solid #7954bf;
}
/* Düzenli ve özel etkinlik ilk bakışta ayrılsın. */
.etkinlik-card.duzenli { border-left-color: #2f8b57; background: #fafdfb; }
.etkinlik-card.ozel    { border-left-color: #d18a13; background: #fffdf8; }

.etkinlik-tur {
  align-self: flex-start; font-size: .7rem; font-weight: 800;
  letter-spacing: .06em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 999px; background: #f1efeb; color: #6b645b;
}
.etkinlik-card.duzenli .etkinlik-tur { background: #e8f5ec; color: #1a6b3f; }
.etkinlik-card.ozel .etkinlik-tur    { background: #fdf3df; color: #8a6410; }

.etkinlik-card h3 { margin: 2px 0 0; font-size: 1.15rem; }
.etkinlik-ne-zaman { margin: 0; font-weight: 700; color: #3a352f; }
.etkinlik-ozet { margin: 0; color: #6b645b; }
.etkinlik-detay { margin: 0; color: #8a837a; font-size: .9rem; }
.etkinlik-meta { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 3px; font-size: .86rem; color: #6b645b; }
.etkinlik-actions { margin-top: auto; padding-top: 14px; }
.etkinlik-actions .btn { width: 100%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

.etkinlik-empty {
  text-align: center; padding: 48px 24px; border-radius: 16px;
  background: #fbfaf7; border: 1px dashed #ddd5c8;
}
.etkinlik-empty h2 { margin: 0 0 8px; }
.etkinlik-empty p { margin: 0 0 18px; color: #8a837a; }

/* ---------- yönetim ekranı ---------- */
.etk-intro {
  margin: 0 0 24px; padding: 14px 16px; border-radius: 12px;
  background: #f7f4ff; border: 1px solid #e2d9f5; font-size: .9rem; color: #4a4038;
}
.etk-new { margin-bottom: 32px; border: 1px solid #ece7df; border-radius: 14px; background: #fbfaf7; }
.etk-new > summary { padding: 14px 18px; cursor: pointer; font-weight: 700; min-height: 44px; }
.etk-new[open] > summary { border-bottom: 1px solid #ece7df; }

.etk-form {
  display: grid; gap: 14px; padding: 18px;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.etk-form label { display: grid; gap: 5px; font-size: .86rem; min-width: 0; }
.etk-form label.wide { grid-column: 1 / -1; }
.etk-form label > span { font-weight: 700; color: #4a4038; }
.etk-form label em { font-style: normal; font-weight: 400; color: #8a837a; }
.etk-form input, .etk-form select, .etk-form textarea {
  min-height: 44px; padding: 9px 11px; border-radius: 10px;
  border: 1px solid #ddd5c8; background: #fff; font: inherit; width: 100%;
}
.etk-form textarea { min-height: 92px; resize: vertical; }
.etk-form > button { grid-column: 1 / -1; justify-self: start; min-height: 44px; }
.etk-switch { flex-direction: row; display: flex !important; align-items: center; gap: 10px; }
.etk-switch input { width: auto; min-height: auto; }

.etk-section { margin-top: 36px; }
.etk-section h2 { margin: 0 0 2px; display: flex; align-items: center; gap: 10px; }
.etk-count {
  font-size: .78rem; font-weight: 700; padding: 2px 9px;
  border-radius: 999px; background: #f1efeb; color: #6b645b;
}
.etk-section-note { margin: 0 0 16px; color: #8a837a; font-size: .86rem; }
.etk-empty { margin: 0; padding: 20px; border-radius: 12px; background: #fbfaf7; color: #8a837a; }

.etk-list { display: grid; gap: 14px; }
.etk-card {
  padding: 18px; border-radius: 14px; background: #fff;
  border: 1px solid #ece7df; border-left: 6px solid #cfc7b9;
}
.etk-card.yayinda { border-left-color: #2f8b57; }
.etk-card.kapali { background: #faf9f7; opacity: .82; }
.etk-card-head { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.etk-card-head h3 { margin: 0; font-size: 1.05rem; }
.etk-when { margin: 3px 0 0; font-size: .88rem; color: #6b645b; font-weight: 600; }
.etk-summary { margin: 10px 0 0; color: #6b645b; font-size: .9rem; }
.etk-meta { margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.etk-meta span { font-size: .78rem; padding: 2px 9px; border-radius: 999px; background: #f1efeb; color: #6b645b; }
.etk-pill { font-size: .74rem; font-weight: 800; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.etk-pill.ok { background: #e8f5ec; color: #1a6b3f; }
.etk-pill.off { background: #f1efeb; color: #8a837a; }

.etk-card-actions { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.etk-card-actions .btn { min-height: 44px; display: inline-flex; align-items: center; }
.etk-drawer { min-width: 0; }
.etk-drawer > summary { list-style: none; cursor: pointer; }
.etk-drawer > summary::-webkit-details-marker { display: none; }
/* Açılan form satırın tamamını kaplasın; yoksa düğmelerin arasına sıkışır. */
.etk-card-actions > .etk-drawer[open] { flex: 1 1 100%; }
.etk-card-actions > .etk-drawer[open] > summary { margin-bottom: 12px; max-width: max-content; }
.etk-drawer[open] > .etk-form,
.etk-drawer[open] > .etk-delete {
  border: 1px solid #ece7df; border-radius: 12px; background: #fbfaf7;
}
.etk-delete { padding: 18px; display: grid; gap: 10px; }
.etk-delete p { margin: 0; font-size: .88rem; }
.etk-hint { color: #8a837a; }
.btn.danger { background: #c0392b; border-color: #c0392b; color: #fff; }
.btn.outline.danger { background: transparent; color: #a32620; border-color: #e3b5b0; }