/* ==========================================================================
   Batihost Wiki - Video Bölümü  v1.0.0
   Yalnızca videosu olan sayfalarda yüklenir (inc/video.php).
   wiki.css değişkenlerini kullanır; kurallar .wiki-wrap altında kapsüllüdür.
   ========================================================================== */

.wiki-wrap .wiki-videos {
  position: relative;
  background: var(--w-surface);
  border: 1px solid var(--w-line);
  border-radius: var(--w-r-lg);
  padding: 22px 24px 24px 28px;
  margin: 0 0 34px;
  box-shadow: var(--w-sh-1);
  overflow: hidden;
}
.wiki-wrap .wiki-videos::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, var(--w-accent), var(--w-accent-2));
}
.wiki-wrap .wiki-videos__title {
  margin: 0 0 6px; padding: 0; border: 0; font-size: 11.5px; font-weight: 800; line-height: 1.4;
  text-transform: uppercase; letter-spacing: .12em; color: var(--w-accent);
  display: flex; align-items: center; gap: 8px;
}
.wiki-wrap .wiki-videos__title::after { content: ""; flex: 1; height: 1px; background: var(--w-line); }
.wiki-wrap .wiki-videos__lead { margin: 0 0 16px; color: var(--w-ink-3); font-size: 14.5px; line-height: 1.55; }

.wiki-wrap .wiki-videos__grid {
  display: grid; gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}

/* --- tek kart --- */
.wiki-wrap .wiki-vid { margin: 0; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.wiki-wrap .wiki-vid__player {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 5;
  object-fit: contain; background: #0b1220;
  border: 1px solid var(--w-line); border-radius: var(--w-r);
  box-shadow: var(--w-sh-1);
}
.wiki-wrap .wiki-vid__cap { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wiki-wrap .wiki-vid__tag {
  font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--w-ink-4);
}
.wiki-wrap .wiki-vid__title { font-size: 14.5px; font-weight: 700; line-height: 1.38; color: var(--w-ink); }
.wiki-wrap .wiki-vid__desc {
  font-size: 13.3px; line-height: 1.5; color: var(--w-ink-3);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}

/* --- yalnızca bir video varsa: yan yana yerleşim --- */
.wiki-wrap .wiki-videos--tek .wiki-videos__grid { grid-template-columns: minmax(0, 1fr); }
.wiki-wrap .wiki-videos--tek .wiki-vid {
  display: grid; grid-template-columns: minmax(0, 250px) minmax(0, 1fr); gap: 22px; align-items: center;
}
.wiki-wrap .wiki-videos--tek .wiki-vid__title { font-size: 17px; }
.wiki-wrap .wiki-videos--tek .wiki-vid__desc { font-size: 14.8px; -webkit-line-clamp: unset; display: block; overflow: visible; }

/* --- "Diğer videoları göster" --- */
.wiki-wrap .wiki-videos__more { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--w-line-2); }
.wiki-wrap .wiki-videos__more > summary {
  cursor: pointer; font-size: 14.5px; font-weight: 700; color: var(--w-link); padding: 4px 0; list-style-position: inside;
}
.wiki-wrap .wiki-videos__more > summary:hover { color: var(--w-link-hov); }
.wiki-wrap .wiki-videos__more[open] > summary { margin-bottom: 14px; }

/* --- küçük ekranlar --- */
@media (max-width: 760px) {
  .wiki-wrap .wiki-videos { padding: 18px 16px 20px 20px; }
  .wiki-wrap .wiki-videos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .wiki-wrap .wiki-videos--tek .wiki-vid { grid-template-columns: minmax(0, 1fr); max-width: 320px; margin: 0 auto; gap: 12px; }
  .wiki-wrap .wiki-vid__title { font-size: 13.8px; }
}

@media print { .wiki-wrap .wiki-videos { display: none !important; } }