/* CHANNEL AND EVENT THEME — dark, square, full-width */
:root{
  --bg:#0d1a20; --ink:#e7eef0; --panel:#0b151a; --line:#173239; --accent:#244c57;
  --header-h:64px;
}
html,body{background:var(--bg); color:var(--ink); margin:0; font-family:Arial,sans-serif}
a{color:#cfe3e8; text-decoration:none} a:hover{text-decoration:underline}
.site-header{position:sticky; top:0; z-index:10; height:var(--header-h); display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid var(--line); background:rgba(13,26,32,.9); backdrop-filter:blur(6px)}
.site-title{font-weight:700; letter-spacing:.5px}
.menu{list-style:none; margin:0; padding:0; display:flex; gap:16px}
.container{width:min(1200px, 94%); margin:20px auto}
/* Footer widgets only on posts/pages */
.site-footer{border-top:1px solid var(--line); background:#0b151a; padding:24px 0}
.footer-widgets{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.widget-title{margin-top:0}
/* Full-width player wrapper under header */
.channel-player-wrap{width:100%; margin:0; padding:0}
.channel-player-box{width:100%; height:calc(100vh - var(--header-h)); background:#0d1a20; border-top:1px solid var(--line)}
/* Square corners */
button, input, select, textarea, .video-js{border-radius:0}


/* Ensure Video.js fills the viewport container on all templates */
.channel-player-box .video-js{ width:100% !important; height:100% !important; }
.channel-player-box .video-js .vjs-tech{ width:100% !important; height:100% !important; object-fit:contain; }