/*
 * ÇandName CSS modülü: Video sayfası
 * "Video" biçimindeki yazıların sayfa tasarımı (template-parts/single-video.php).
 * Bu dosya diğer CSS dosyalarından bağımsızdır; hata yalnızca bu alanı etkiler.
 * Yükleme sırası: inc/assets.php
 */

/* Oynatıcı sahnesi: koyu bant, 16:9 çerçeve */
.video-stage { background: var(--ink); padding: 28px var(--gutter) 36px; }
.video-stage-inner { max-width: 1040px; margin-inline: auto; }
.video-frame {
	position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden;
	background: #000; border-radius: 4px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}
.video-frame iframe, .video-frame video, .video-frame embed, .video-frame object {
	position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; border: 0;
}
.video-frame > img { width: 100%; height: 100%; object-fit: contain; }
.video-frame--link > img { opacity: 0.8; }
.video-frame--link .play { width: 72px; height: 72px; margin: -36px 0 0 -36px; }
.video-frame--link:hover .play { filter: brightness(1.08); }
.video-open-label { position: absolute; left: 0; right: 0; bottom: 18px; text-align: center; color: #fff; font-weight: 600; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6); }

/* Başlık ve açıklama */
.video-page .layout { padding-top: 32px; }
.video-page .entry { width: 100%; max-width: 840px; margin-inline: auto; }
.entry--video .entry-title { font-size: calc(clamp(28px, 4vw, 40px) * var(--fs, 1)); }
.video-lead {
	margin: 0 0 28px; padding-inline-start: 18px; border-inline-start: 4px solid var(--gold);
	font-size: calc(20px * var(--fs, 1)); line-height: 1.55; color: var(--ink);
}
.entry--video .entry-content > *, .entry--video .entry-footer, .entry--video .author-box, .entry--video .comments { max-width: 100%; }

/* İlgili videolar */
.related-videos { margin-top: 56px; }