.trac-gallery{margin:28px 0;border:1px solid #e4e9ef;border-radius:16px;background:#f8fafc;overflow:hidden}.trac-gallery summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:900;display:flex;justify-content:space-between;align-items:center;color:#102033}.trac-gallery summary::-webkit-details-marker{display:none}.trac-gallery summary b{font-size:11px;color:#7a8795}.trac-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 14px 14px}.trac-gallery-item{border:0;padding:0;background:#e8edf2;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:4/3}.trac-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.trac-gallery-item:hover img{transform:scale(1.04)}.trac-lightbox{position:fixed;inset:0;background:rgba(3,12,25,.92);z-index:100000;display:none;align-items:center;justify-content:center;padding:30px}.trac-lightbox.open{display:flex}.trac-lightbox img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:10px}.trac-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;cursor:pointer}.trac-lightbox .close{top:20px;right:20px}.trac-lightbox .prev{left:20px}.trac-lightbox .next{right:20px}.trac-lightbox .count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-weight:800;font-size:13px}@media(max-width:700px){.trac-gallery-grid{grid-template-columns:repeat(2,1fr)}.trac-lightbox{padding:12px}.trac-lightbox img{max-width:96vw;max-height:80vh}.trac-lightbox .prev{left:8px}.trac-lightbox .next{right:8px}}


@media (prefers-color-scheme: dark){
  .trac-gallery{
    background:#121820!important;
    border-color:#2a3440!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
  }
  .trac-gallery summary{
    color:#f3f6f9!important;
    background:#171f29!important;
    border-color:#2a3440!important;
  }
  .trac-gallery summary span,
  .trac-gallery summary b{
    color:#e7edf3!important;
  }
  .trac-gallery-grid{
    background:#121820!important;
  }
  .trac-gallery-item{
    background:#202a35!important;
    border-color:#303b47!important;
  }
}
html[data-theme="dark"] .trac-gallery{
  background:#121820!important;
  border-color:#2a3440!important;
}
html[data-theme="dark"] .trac-gallery summary{
  color:#f3f6f9!important;
  background:#171f29!important;
}
html[data-theme="dark"] .trac-gallery summary span,
html[data-theme="dark"] .trac-gallery summary b{
  color:#e7edf3!important;
}
html[data-theme="dark"] .trac-gallery-grid{
  background:#121820!important;
}
html[data-theme="dark"] .trac-gallery-item{
  background:#202a35!important;
  border-color:#303b47!important;
}

/* FINAL: Etkinlik + Haber galerileri için tema uyumu */
.trac-gallery{
  background:#f8fafc!important;
  border-color:#e1e7ec!important;
  color:#203040!important;
}
.trac-gallery summary{
  background:#f8fafc!important;
  color:#203040!important;
}
.trac-gallery summary span,
.trac-gallery summary b{
  color:#203040!important;
}
.trac-gallery-grid{
  background:#f8fafc!important;
}
.trac-gallery-item{
  background:#ffffff!important;
  border-color:#e1e7ec!important;
}

/* Kullanıcı Koyu mod seçtiğinde */
html[data-theme="dark"] .trac-gallery{
  background:#101821!important;
  border-color:#2c3947!important;
  color:#edf3f7!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .trac-gallery summary{
  background:#151f2a!important;
  color:#f1f6fa!important;
  border-color:#2c3947!important;
}
html[data-theme="dark"] .trac-gallery summary span,
html[data-theme="dark"] .trac-gallery summary b{
  color:#f1f6fa!important;
}
html[data-theme="dark"] .trac-gallery-grid{
  background:#101821!important;
}
html[data-theme="dark"] .trac-gallery-item{
  background:#18232e!important;
  border-color:#334353!important;
}
html[data-theme="dark"] .trac-gallery-item:hover{
  border-color:#557089!important;
}

/* Sistem modu cihaz koyu temadaysa, JS yüklenmeden önce de doğru görünüm */
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]) .trac-gallery{
    background:#101821!important;
    border-color:#2c3947!important;
    color:#edf3f7!important;
  }
  html:not([data-theme="light"]) .trac-gallery summary{
    background:#151f2a!important;
    color:#f1f6fa!important;
  }
  html:not([data-theme="light"]) .trac-gallery summary span,
  html:not([data-theme="light"]) .trac-gallery summary b{
    color:#f1f6fa!important;
  }
  html:not([data-theme="light"]) .trac-gallery-grid{
    background:#101821!important;
  }
  html:not([data-theme="light"]) .trac-gallery-item{
    background:#18232e!important;
    border-color:#334353!important;
  }
}