/* 1.40.0 Haber videosu — haber sayfası oynatıcısı ve panel formu */

/* ---------- haber sayfası: kapak fotoğrafının yerinde oynatıcı ---------- */
.night-public.page-article .article-video-frame{background:#000}
.night-public.page-article .article-video-frame::after{display:none}
.night-public.page-article .article-video-player{display:block;width:100%;height:auto;max-height:min(78vh,760px);margin:0 auto;background:#000;object-fit:contain}
.night-public.page-article .article-video-frame.is-portrait .article-video-player{max-height:min(82vh,820px)}
.night-public.page-article .article-video-embed{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.night-public.page-article .article-video-embed iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.night-public.page-article .article-video-frame.is-portrait{background:radial-gradient(circle at 50% 30%,#1b2b3b 0,#05080c 70%)}
.night-public.page-article .article-video-frame.is-portrait .article-video-embed{width:min(100%,430px);aspect-ratio:9/16;max-height:min(82vh,780px);margin:0 auto}
.night-public.page-article .article-video-frame.is-instagram .article-video-embed{width:min(100%,480px);height:min(780px,86vh);aspect-ratio:auto;background:#fff}
.night-public.page-article .article-video-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 3px 12px}
.night-public.page-article .article-video-meta .article-published,.design-sade .night-public.page-article .article-video-meta .article-published{text-shadow:none}
.night-public.page-article .article-video-figure figcaption a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:2px}
:root[data-theme="light"] .night-public.page-article .article-video-meta .article-published time,
:root[data-theme="light"] .night-public.page-article .article-video-meta .article-published .article-unpublished{color:#193a4c}
:root[data-theme="light"] .night-public.page-article .article-video-meta .article-published>span{color:#c41f31}
:root[data-theme="light"] .night-public.page-article .article-video-meta .article-share-label{color:#345064}
:root[data-theme="light"] .night-public.page-article .article-video-meta .article-share-button{background:#193a52;border-color:#54758b;color:#fff}
.design-sade .night-public.page-article .article-video-frame{background-color:#000}
.design-sade .night-public.page-article .article-video-frame.is-portrait{background:radial-gradient(circle at 50% 30%,#2a2a2c 0,#0b0b0c 70%)}
:root[data-theme="light"].design-sade .night-public.page-article .article-video-meta .article-published time,
:root[data-theme="light"].design-sade .night-public.page-article .article-video-meta .article-published .article-unpublished{color:#1f1f21}
:root[data-theme="light"].design-sade .night-public.page-article .article-video-meta .article-share-label{color:#4a4a4c}
:root[data-theme="light"].design-sade .night-public.page-article .article-video-meta .article-share-button{background-color:#2b2b2d;border-color:#5a5a5c;color:#fff}
@media(max-width:600px){
  .night-public.page-article .article-video-meta{flex-wrap:wrap;gap:9px;padding:12px 2px 10px}
  .night-public.page-article .article-video-meta .article-published{flex:1 1 100%}
  .night-public.page-article .article-video-frame.is-portrait .article-video-embed{width:100%}
  .night-public.page-article .article-video-frame.is-instagram .article-video-embed{width:100%;height:min(720px,82vh)}
}

/* ---------- panel: haber formu video bölümü ---------- */
.admin-form .video-box{display:grid;gap:14px;padding:18px;border:1px solid rgba(127,147,170,.4);border-radius:10px;background:rgba(127,147,170,.07)}
.admin-form .video-box-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.admin-form .video-box-head h2{margin:0;font-size:17px;line-height:1.2}
.admin-form .video-box-head p{margin:4px 0 0;font-size:12px;opacity:.78}
.admin-form .video-box-modes{display:inline-flex;flex-wrap:wrap;gap:6px}
.admin-form .video-box-modes label{position:relative;display:inline-flex;margin:0;padding:0;font-weight:inherit;cursor:pointer}
.admin-form .video-box-modes input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}
.admin-form .video-box-modes span{display:inline-block;padding:8px 15px;border:1px solid rgba(127,147,170,.55);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.01em;transition:background .15s,border-color .15s,color .15s}
.admin-form .video-box-modes input:checked+span{border-color:#d1202f;background:#d1202f;color:#fff}
.admin-form .video-box-modes input:focus-visible+span{outline:2px solid #8adfff;outline-offset:2px}
.admin-form .video-box-pane{display:grid;gap:10px}
.admin-form .video-box-pane[hidden]{display:none}
.admin-form .video-drop{display:grid;gap:8px;margin:0;padding:16px;border:1.5px dashed rgba(127,147,170,.65);border-radius:9px;cursor:pointer}
.admin-form .video-drop strong{font-size:14px}
.admin-form .video-drop input[type=file]{width:100%}
.admin-form .video-warn{color:#e2a33b;font-weight:700}
.admin-form .video-state{margin:0;font-size:13px;font-weight:700;line-height:1.5}
.admin-form .video-state:empty{display:none}
.admin-form .video-state[data-tone=ok]{color:#1f9d63}
.admin-form .video-state[data-tone=error]{color:#e0464f}
.admin-form .video-state[data-tone=busy]{color:#c98a12}
.admin-form .video-state button{margin-left:8px;padding:3px 10px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.admin-form .video-preview:empty{display:none}
.admin-form .video-preview video{display:block;width:100%;max-width:560px;max-height:360px;border-radius:8px;background:#000}
.admin-form .video-progress{position:relative;height:26px;overflow:hidden;border-radius:6px;background:rgba(127,147,170,.18)}
.admin-form .video-progress[hidden]{display:none}
.admin-form .video-progress span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#d1202f,#ff5a4f);transition:width .4s ease}
.admin-form .video-progress em{position:relative;display:block;font-size:11px;font-style:normal;font-weight:800;line-height:26px;text-align:center}
@media(prefers-reduced-motion:reduce){.admin-form .video-progress span,.admin-form .video-box-modes span{transition:none}}
