/* EK-WATCH - Midnight Glass watch page. Scoped under .ekw. Uses --ek-* vars from ek-pro.css */
.ekw{--ekw-pad:14px;max-width:1440px;margin:0 auto;padding:0 0 24px!important;background:transparent;color:var(--ek-tx);overflow-x:hidden}
.ekw .row{margin:0}
.ekw *{box-sizing:border-box}
.ekw a{color:var(--ek-ac)}
.ekw .content,.ekw .pt_shadow{background:transparent;border:0;box-shadow:none;padding:0;margin:0}
.ekw .clear{clear:both}

/* ---------- layout (mobile first) ---------- */
.ekw .row{display:flex;flex-direction:column;margin:0!important;width:100%}
.ekw .row>div{float:none;width:100%;max-width:100%;padding:0;margin:0}
.ekw .row>div:first-child{display:contents}
.ekw .col-md-8,.ekw .col-md-4,.ekw .col-md-12{float:none;width:100%;max-width:100%;margin:0}
.ekw .player-video{display:block;order:0;position:sticky;top:var(--ek-hh);z-index:30;padding:0;background:#000}
.ekw .row>.col-md-8:not(.player-video){order:1;padding:0 var(--ekw-pad)}
.ekw .row>div>.col-md-4.mobile,.ekw .row>.col-md-4.mobile{display:block;order:2;padding:0 var(--ekw-pad)}
.ekw .row>div>.col-md-4:not(.mobile){display:none}
.ekw .video-player{position:relative!important;width:100%!important;max-width:100%;aspect-ratio:16/9;height:auto!important;margin:0;border-radius:0;overflow:hidden;background:#000}
.ekw .video-player.sticky-container__video,.ekw .video-player .sticky-container__object{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important}
.ekw .pt_vdo_plyr,.ekw .video-player .embed-responsive{position:relative;width:100%;height:100%!important;background:#000}
.ekw .video-player .video-js,.ekw .video-player .mejs__container,.ekw .video-player .mejs__video,.ekw .video-player video,.ekw .video-player iframe{width:100%!important;height:100%!important;max-width:100%;background:#000;border:0}
.ekw .video-player .video-js{position:absolute;top:0;left:0}
@media(min-width:992px){
  .ekw{padding:18px 20px 40px!important}
  .ekw .row{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px 24px;align-items:start}
  .ekw .player-video{position:relative;top:auto;grid-column:1;grid-row:1;z-index:1}
  .ekw .player-video .video-player{border-radius:var(--ek-r);box-shadow:var(--ek-sh)}
  .ekw .row>.col-md-8:not(.player-video){grid-column:1;grid-row:2;padding:0}
  .ekw .row>div>.col-md-4:not(.mobile){display:block;grid-column:2;grid-row:1/span 2;padding:0;position:sticky;top:calc(var(--ek-hh) + 14px);max-height:calc(100vh - var(--ek-hh) - 28px);overflow:auto}
  .ekw .row>div>.col-md-4.mobile,.ekw .row>.col-md-4.mobile{display:none}
}
.ekw .pt_video_info,.ekw .video-big-title,.ekw .video-big-title h1{margin-left:0!important;padding-left:0;position:static}
.ekw .video-likes{position:static!important}
.ekw .video-player-page .video-options,.ekw .video-options{width:auto!important;max-width:100%;margin:2px 0 10px!important;padding:0!important}
.ekw .video-options .btn-share{flex:none!important}
.ekw .article-categories,.ekw .pt_categories{position:static;padding:0;margin:0 0 10px}
.ekw .pt_categories ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;list-style:none}
.ekw .pt_categories li{float:none;margin:0}
.ekw .pt_categories li a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx)}
.ekw .videos-list>*,.ekw .related-videos>*{position:relative}

/* ---------- title / meta ---------- */
.ekw .pt_video_info{display:flex;flex-direction:column;padding:14px 0 0}
.ekw .video-big-title{order:1;display:flex;flex-direction:column;margin:0}
.ekw .video-big-title h1,.ekw .video-big-title .video-title,.ekw .video-title h1{font-size:19px;line-height:1.45;font-weight:700;margin:0 0 6px;color:var(--ek-tx)}
@media(min-width:992px){.ekw .video-big-title h1,.ekw .video-title h1{font-size:24px}}
.ekw .private-text{display:inline-block;background:var(--ek-rs);color:var(--ek-am);border-radius:999px;padding:0 10px;font-size:12px;margin-right:6px}
.ekw .video-views{order:2;color:var(--ek-mu);font-size:14px;margin:0 0 4px}
.ekw .middot{margin:0 4px;color:var(--ek-mu)}
.ekw .publisher-element{order:3;display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px;background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r2)}
.ekw .publisher-element .clear{display:none}
.ekw .publisher-avatar{float:none!important;display:block!important;flex:none}
.ekw .publisher-avatar img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--ek-ac)}
.ekw .publisher-name{flex:1;min-width:0;float:none;line-height:1.35;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.ekw .publisher-name a{color:var(--ek-tx)}
.ekw .publisher-name span{color:var(--ek-mu);font-weight:400;font-size:13px}
.ekw .publisher-subscribe-button{float:none;flex:none;display:flex;gap:6px;align-items:center}
.ekw .publisher-subscribe-button .btn,.ekw .publisher-subscribe-button button,.ekw .publisher-subscribe-button a{min-height:44px;min-width:44px;border-radius:999px;padding:0 18px;font-weight:700;border:0;background:var(--ek-ac);color:var(--ek-acx)!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none}
.ekw .publisher-subscribe-button .subscribed,.ekw .publisher-subscribe-button .btn-default{background:var(--ek-rs);color:var(--ek-tx)!important}
/* reactions + action pills */
.ekw .video-likes{float:none!important;display:flex;align-items:center;margin:6px 0 0;width:max-content;max-width:100%;background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:999px;overflow:hidden}
.ekw .video-likes .pull-right,.ekw .video-likes>div{float:none!important}
.ekw .video-likes .like-btn{min-height:44px;min-width:64px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;cursor:pointer;color:var(--ek-tx);text-align:center!important}
.ekw .video-likes .like-btn svg{fill:currentColor}
.ekw .video-likes .like-btn.active,.ekw .video-likes .like-btn.active svg{color:var(--ek-ac)}
.ekw .video-likes .video-info-element{width:1px;align-self:stretch;margin:8px 0;background:var(--ek-ln);overflow:hidden}
.ekw .video-likes .views-bar{display:none}
.ekw .video-options{order:4;display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 10px;padding:0;border:0;float:none}
.ekw .video-options .clear{display:none}
.ekw .video-options .btn-share,.ekw .video-options .btn{float:none!important;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 16px;margin:0;border-radius:999px;background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx);font-size:14px;font-weight:500;box-shadow:none;cursor:pointer;transition:background .2s}
.ekw .video-options .btn-share:hover{background:var(--ek-rs);color:var(--ek-tx)}
.ekw .video-options .btn-share svg,.ekw .video-options .btn-share i{fill:currentColor;color:var(--ek-mu)}
.ekw .video-options .btn-report.active{color:var(--ek-rd)}
.ekw .video-published{order:5;color:var(--ek-mu);font-size:13px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 6px}
.ekw .video-published svg path{fill:var(--ek-mu)}
.ekw .watch-video-description{order:6;background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);padding:12px 14px 4px;margin:0;color:var(--ek-tx);line-height:1.7;overflow-wrap:anywhere}
.ekw .watch-video-description p{margin:0 0 8px;color:inherit}
.ekw .watch-video-show-more{order:7;color:var(--ek-ac);cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;padding:0 4px}
.ekw .pt_video_info>.alert,.ekw .pt_video_info>.clear{order:8}
/* paid / purchase UI hidden (PHP logic untouched) */
.ekw .btn_to_purchase_vid,.ekw .p_t_show_btn_,.ekw .p_t_show_btn_buy,.ekw .p_t_show_btn_rent{display:none!important}

/* ---------- up next ---------- */
.ekw .next-video{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px;padding:0}
.ekw .next-video .next-text{float:none!important}
.ekw .next-video h4,.ekw .next-text h4{margin:0;font-size:17px}
.ekw .next-video .pull-right{float:none!important}
.ekw .videos-list{padding:0;margin:0}
.ekw .related-video-wrapper{display:flex;gap:12px;margin:0 0 12px;padding:0;background:transparent}
.ekw .related-video-wrapper .ra-thumb{flex:none;width:168px;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--ek-rs)}
.ekw .related-video-wrapper .ra-thumb a{display:block;height:100%}
.ekw .related-video-wrapper .ra-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ekw .related-video-wrapper .video-duration{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.78);color:#fff;border-radius:6px;padding:0 6px;font-size:12px;line-height:20px}
.ekw .related-video-wrapper .play_hover_btn{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:.2s}
.ekw .related-video-wrapper:hover .play_hover_btn{opacity:1}
.ekw .related-video-wrapper .ra-title{flex:1;min-width:0;padding:0;float:none;width:auto}
.ekw .related-video-wrapper .video-title{margin:0 0 2px;font-size:14.5px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ekw .related-video-wrapper .video-title a{color:var(--ek-tx)}
.ekw .related-video-wrapper .video-publisher,.ekw .related-video-wrapper .video-publisher a,.ekw .related-video-wrapper .video-category a{color:var(--ek-mu);font-size:12.5px;line-height:1.45}
.ekw .load-related-videos .btn,.ekw #load-related-videos{width:100%;min-height:44px;border-radius:999px;background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx)}
@media(max-width:420px){.ekw .related-video-wrapper .ra-thumb{width:140px}}
.ekw .pt_mn_wtch_switch{display:flex;align-items:center;min-height:44px}
.ekw .tgl-btn{color:var(--ek-mu);font-size:13px;margin:0;cursor:pointer}
.ekw .pt_plist_hdr,.ekw .play-list-container{background:var(--ek-sf);border-radius:var(--ek-r2);padding:8px 12px}

/* ---------- comments + inputs ---------- */
.ekw .comment-text,.ekw .comment-text p,.ekw .comment-text a{color:var(--ek-tx)}
.ekw textarea,.ekw input[type=text],.ekw .form-control{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);min-height:44px;box-shadow:none}
.ekw textarea:focus,.ekw input[type=text]:focus,.ekw .form-control:focus{border-color:var(--ek-ac);outline:0}
.ekw .alert{border-radius:var(--ek-r2)}

/* ---------- skin the player controls (MediaElement) ---------- */
.ekw .mejs__container{background:#000;max-width:100%;width:100%!important;border-radius:0}
.ekw .mejs__controls{background:linear-gradient(transparent,rgba(5,9,18,.88))!important;padding:0 8px!important;height:44px}
.ekw .mejs__button>button{color:#fff;min-width:28px}
.ekw .mejs__button>button:hover{color:var(--ek-ac)}
.ekw .mejs__time{color:#e8edf5;font-size:12px}
.ekw .mejs__time-total{background:rgba(255,255,255,.25)!important}
.ekw .mejs__time-loaded{background:rgba(255,255,255,.35)!important}
.ekw .mejs__time-current,.ekw .mejs__horizontal-volume-current,.ekw .mejs__volume-current{background:var(--ek-ac)!important}
.ekw .mejs__time-handle-content{border-color:var(--ek-ac)!important;background:var(--ek-ac)!important}
.ekw .mejs__overlay-button{filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
.ekw .mejs__qualities-selector-list,.ekw .mejs__speed-selector-list,.ekw .mejs__captions-selector-list{background:rgba(10,16,32,.94)!important;border-radius:12px}
.ekw .mejs__qualities-selector-list-item:hover,.ekw .mejs__speed-selector-list-item:hover{background:var(--ek-rs)!important}
/* video.js / fluid player accents */
.ekw .video-js .vjs-play-progress,.ekw .video-js .vjs-volume-level,.ekw .fluid_controls_currentprogress{background:var(--ek-ac)!important}
.ekw .video-js .vjs-big-play-button{background:rgba(10,16,32,.7);border-color:var(--ek-ac);border-radius:50%}
.ekw .ads-test{background:rgba(10,16,32,.82);color:#fff;border-radius:999px;padding:4px 12px}
.ekw .watermark{position:absolute;top:10px;right:10px;z-index:5;opacity:.85}
.ekw .watermark img{max-height:32px;width:auto}
.ekw .video-processing{background:var(--ek-sf);color:var(--ek-tx)}
/* category chips: one scroll row, readable */
.ekw .pt_categories ul{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px!important}
.ekw .pt_categories ul::-webkit-scrollbar{display:none}
.ekw .pt_categories li{flex:none;list-style:none}
.ekw .pt_categories li a,.ekw .pt_categories li a:link,.ekw .pt_categories li a:visited{color:var(--ek-tx)!important;background:var(--ek-sf)!important;white-space:nowrap;font-size:14px}
.ekw .pt_categories li a:hover,.ekw .pt_categories li a:focus{color:var(--ek-acx)!important;background:var(--ek-ac)!important;border-color:var(--ek-ac)}
/* .top-video was a scroll container, so the sticky player sat 56px low with an empty band above */
.ekw.top-video{overflow:visible!important;overflow-x:clip!important}
.ekw .vjs-big-play-button{left:50%!important;top:50%!important;width:68px!important;height:68px!important;margin:-34px 0 0 -34px!important;border-radius:50%!important;border:0!important;background:rgba(43,76,163,.92)!important;line-height:68px!important;font-size:2.6em!important;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ekw .vjs-big-play-button:hover,.ekw .vjs-big-play-button:focus{background:#2B4CA3!important}
.ekw .subs-amount{display:none!important}
/* next-up titles: old max-height 35px cut the 2nd Bangla line in half */
.ekw .related-video-wrapper .video-title{max-height:none!important;height:auto!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4!important}
/* v7: next-up tags, list gutter, show-more, comment composer */
.ekw .related-video-wrapper .video-category a{display:inline-block;background:var(--ek-rs)!important;color:var(--ek-mu)!important;border:0!important;border-radius:999px!important;padding:2px 10px!important;font-size:12px!important;line-height:1.6!important;margin-top:4px}
@media(max-width:991px){.ekw .col-md-4.mobile{padding:0 16px!important;box-sizing:border-box}.ekw .videos-list .related-video-wrapper{margin-bottom:14px}}
.ekw .watch-video-show-more{display:table!important;margin:12px auto 0!important;min-height:0!important;padding:9px 20px!important;border-radius:999px!important;background:var(--ek-rs)!important;color:var(--ek-ac)!important;border:1px solid var(--ek-ln)!important;box-shadow:none!important;font-size:14px;font-weight:700;width:auto!important}
.ekw .yp_video_comment{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;position:relative;padding:12px!important;border:1px solid var(--ek-ln)!important;border-radius:var(--ek-r2)!important;background:var(--ek-sf)!important;box-shadow:none!important}
.ekw .yp_video_comment textarea{flex:1 0 100%;min-height:56px;margin:0!important;background:transparent!important;border:0!important;color:var(--ek-tx)!important;box-shadow:none!important;padding:4px!important;resize:none;font-size:15px}
.ekw .yp_video_comment textarea::placeholder{color:var(--ek-mu)}
.ekw .yp_video_comment .add-emoticons{position:static!important;margin:0 auto 0 0!important}
.ekw .yp_video_comment .add-emoticons>a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;color:var(--ek-mu)}
.ekw .yp_video_comment .add-emoticons .dropdown-menu{bottom:100%;top:auto}
.ekw .yp_video_comment>.btn{position:static!important;display:inline-flex!important;align-items:center;gap:6px;width:auto!important;height:40px!important;min-height:0!important;padding:0 18px!important;margin:0!important;background:var(--ek-ac)!important;color:var(--ek-acx)!important;border:0!important;border-radius:999px!important;font-weight:700;font-size:14px;box-shadow:none!important}
.ekw .yp_video_comment>.btn svg{width:16px!important;height:16px!important;background:none!important;padding:0!important;margin:0!important;border-radius:0!important;position:static!important;fill:currentColor}
.ekw .watch-video-description{padding:14px 16px!important;border:1px solid var(--ek-ln);border-radius:var(--ek-r2);box-sizing:border-box}
.ekw .watch-video-description p,.ekw .watch-video-description>*{width:auto!important;max-width:100%!important;margin-left:0!important;overflow-wrap:anywhere}

/* ===== EDITORIAL (2026-11-14): kicker -> serif title -> meta -> reporter -> actions; no boxes ===== */
.ekw{--ed-serif:'Noto Serif Bengali','Hind Siliguri',Georgia,serif}
.ekw .video-player,.ekw .video-player .video-js,.ekw .video-player video{border-radius:4px!important}
.ekw .pt_video_info>.video-published{order:0!important;margin:16px 0 4px!important;font-size:14px;font-weight:700}
.ekw .pt_video_info>.video-published svg{display:none}
.ekw .pt_video_info>.video-published a{color:var(--ek-ac)!important}
.ekw .pt_video_info>.video-big-title{order:1!important}
.ekw .video-big-title h1,.ekw .video-title h1{font-family:var(--ed-serif)!important;font-size:24px!important;line-height:1.38!important;color:var(--ek-tx)!important;margin:0 0 6px!important}
.ekw .pt_video_info>.video-views{order:2!important;color:var(--ek-mu)}
.ekw .pt_video_info>.publisher-element{order:3!important;background:none!important;border:0!important;border-top:1px solid var(--ek-ln)!important;border-bottom:1px solid var(--ek-ln)!important;border-radius:0!important;box-shadow:none!important;padding:12px 0!important;margin:12px 0!important}
.ekw .publisher-subscribe-button .btn,.ekw .publisher-subscribe-button button,.ekw .publisher-subscribe-button a{background:transparent!important;color:var(--ek-tx)!important;border:1px solid color-mix(in srgb,var(--ek-tx) 22%,transparent)!important;box-shadow:none!important;min-height:36px!important}
.ekw .pt_video_info>div:has(>.video-likes){order:4!important}
.ekw .pt_video_info>.video-options{order:4!important;margin-top:8px}
.ekw .video-likes{background:transparent!important;box-shadow:none!important}
.ekw .pt_video_info>.watch-video-description{order:6!important;background:none!important;border:0!important;border-radius:0!important;padding:14px 0 0!important;font-size:17px;line-height:1.8}
.ekw .watch-video-show-more{background:transparent!important;color:var(--ek-tx)!important}
.ekw .pt_categories li a{background:transparent!important;border-color:var(--ek-ln)!important;border-radius:999px}
/* next-up rail */
.ekw .next-video .next-text,.ekw .next-video h4,.ekw .next-video span:first-child{font-weight:700}
.ekw .next-video{border-top:3px solid var(--ek-tx);padding-top:10px!important}
.ekw .videos-list .video-wrapper,.ekw .videos-list .related-video-wrapper{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid var(--ek-ln)!important;padding:0 0 12px!important;margin:0 0 12px!important}
.ekw .videos-list img,.ekw .videos-list .video-thumb{border-radius:4px!important}
.ekw .related-video-wrapper .video-category a,.ekw .videos-list .video-category a{background:none!important;border:0!important;padding:0!important;color:var(--ek-ac)!important;font-weight:700;min-height:0!important}
/* comments */
.ekw .yp_video_comment,.ekw .yp_video_comment textarea{background:var(--ek-sf)!important;box-shadow:none!important;border-radius:4px!important}
@media(min-width:900px){.ekw .video-big-title h1,.ekw .video-title h1{font-size:30px!important;line-height:1.32!important}}
.ekw .pt_video_info>.video-published{padding-left:0!important;text-indent:0!important}.ekw .pt_video_info>.video-published *{margin-left:0!important;padding-left:0!important}.ekw .pt_video_info>.video-views{margin-bottom:0!important;padding-bottom:0!important}
