/* KV Video Galeri Grid Stilleri (Versiyon 10.0 - Saf HTML5 Video Düzeltmesi) */

/* Grid Ana Yapısı */
.kvg-video-galeri-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f4f7f6;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .kvg-video-galeri-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .kvg-video-galeri-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Video Kartı */
.kvg-video-item {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.kvg-video-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
}

/* Video Wrapper (Taşıyıcı) */
.kvg-video-wrapper {
  width: 100%;
  background-color: #000;
  position: relative;
}

/* --- YENİ ÇÖZÜM V10.0 --- */
/* Artık karmaşık JS düzeltmelerine gerek yok, sadece 2 kural var. */

/* 1. Harici (YouTube) Videolar (16:9) */
.kvg-video-wrapper iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  display: block;
  border: none;
}

/* 2. Yerel (Dikey) Videolar (Saf HTML5 <video> etiketi) */
.kvg-video-wrapper video {
  width: 100% !important;
  height: auto !important; /* Dikey videonun uzamasına izin ver */
  display: block;
  background-color: #000; /* Video yüklenene kadar siyah arka plan */
}
/* --- DÜZELTME BİTİŞ --- */


/* Kart Başlığı (Noya Grup) */
.kvg-video-item h4 {
  font-size: 1.1em;
  font-weight: 600;
  color: #333;
  text-align: center;
  margin: 0;
  padding: 18px 15px;
  background-color: #ffffff;
  border-top: 1px solid #f0f0f0;
}