/* EK-PRO — Midnight Glass for eyenewsbd.com. Load AFTER style.css / night-mode.css / custom.style.css.
   Light theme = html.ek-light. Everything below the "reskin" marker is scoped under body.ek-pro. */
:root{--ek-bg:#0E1116;--ek-sf:#151A22;--ek-rs:#1C222C;--ek-tx:#EDEFF3;--ek-mu:#98A1B0;--ek-ac:#6EA2F0;--ek-acx:#0E1116;--ek-am:#FFB547;--ek-rd:#ff6b6b;
--ek-ln:rgba(255,255,255,.09);--ek-gl:rgba(14,17,22,.94);--ek-sh:0 1px 2px rgba(0,0,0,.3);--ek-r:8px;--ek-r2:6px;--ek-hh:56px;color-scheme:dark}
html.ek-light{--ek-bg:#FBFAF7;--ek-sf:#FFFFFF;--ek-rs:#F1EFEA;--ek-tx:#111418;--ek-mu:#5B6372;--ek-ac:#2B4CA3;--ek-acx:#fff;--ek-am:#B96A00;--ek-rd:#c62828;
--ek-ln:rgba(17,20,24,.10);--ek-gl:rgba(251,250,247,.95);--ek-sh:0 1px 2px rgba(17,20,24,.06);color-scheme:light}

/* ---------- base ---------- */
html,body.ek-pro{background:var(--ek-bg);color:var(--ek-tx)}
body.ek-pro{font-family:'Hind Siliguri',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;transition:background .3s,color .3s}
body.ek-pro *{font-family:inherit}
body.ek-pro i.fa,body.ek-pro .fa,body.ek-pro .glyphicon,body.ek-pro [class^="mdi-"],body.ek-pro .material-icons{font-family:inherit}
body.ek-pro .fa{font-family:FontAwesome}
body.ek-pro .glyphicon{font-family:'Glyphicons Halflings'}
body.ek-pro .material-icons{font-family:'Material Icons'}
body.ek-pro a{color:var(--ek-ac);text-decoration:none}
body.ek-pro a:hover,body.ek-pro a:focus{color:var(--ek-ac);text-decoration:none}
body.ek-pro h1,body.ek-pro h2,body.ek-pro h3,body.ek-pro h4,body.ek-pro h5,body.ek-pro h6{color:var(--ek-tx);font-weight:700;line-height:1.35}
body.ek-pro p,body.ek-pro label,body.ek-pro li,body.ek-pro td,body.ek-pro th{color:inherit}
body.ek-pro .text-muted,body.ek-pro small,body.ek-pro .help-block{color:var(--ek-mu)}
body.ek-pro img{max-width:100%}
body.ek-pro :focus-visible{outline:2px solid var(--ek-ac);outline-offset:2px}
body.ek-pro hr{border-color:var(--ek-ln)}
body.ek-pro ::selection{background:var(--ek-ac);color:var(--ek-acx)}
body.ek-pro #main-container{margin-top:var(--ek-hh);padding-bottom:92px}
body.ek-pro .skip-link{background:var(--ek-ac);color:var(--ek-acx)}
.ek-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.ek-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ek-legacy,[hidden]{display:none!important}
body.ek-pro .toggle-mode{display:none!important}

/* ---------- header ---------- */
body.ek-pro header.navbar-fixed-top{background:var(--ek-gl);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:0;border-bottom:1px solid var(--ek-ln);box-shadow:none;z-index:1030}
body.ek-pro .ek-hd{position:relative;display:flex;align-items:center;gap:8px;height:var(--ek-hh);min-height:var(--ek-hh);margin:0;padding:0 12px;background:transparent;border:0;max-width:1440px;margin-left:auto;margin-right:auto}
body.ek-pro .ek-hd .left-part{display:flex;align-items:center;gap:4px;float:none;flex:none;padding:0;margin:0}
body.ek-pro .ek-hd .yp_slide_menu{display:flex;align-items:center}
.ek-ib,body.ek-pro .ek-hd .right-part>li>a.ek-ib{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ek-tx);background:transparent;transition:background .2s;position:relative;padding:0;line-height:1;cursor:pointer}
.ek-ib:hover,body.ek-pro .ek-hd .right-part>li>a.ek-ib:hover{background:var(--ek-rs);color:var(--ek-tx)}
body.ek-pro .ek-logo{display:flex;align-items:center;gap:8px;height:44px;padding:0 4px;margin:0;font-weight:700;font-size:20px;letter-spacing:-.2px;color:var(--ek-tx);line-height:1.1}
body.ek-pro .ek-logo:hover{color:var(--ek-tx)}
.ek-logo svg{width:32px;height:32px;flex:none}
.ek-logo small{display:block;font-weight:500;color:var(--ek-mu);font-size:11.5px;line-height:1.2;margin-top:2px}
.ek-nav{display:none;gap:4px;margin-left:12px}
.ek-nav a{height:40px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;font-weight:500;font-size:15px;color:var(--ek-mu)!important;transition:.2s}
.ek-nav a:hover{color:var(--ek-tx)!important;background:var(--ek-rs)}
.ek-nav a.on{background:var(--ek-tx);color:var(--ek-bg)!important}
body.ek-pro .ek-hd .search-header{display:none;flex:1;max-width:480px;margin:0 auto;padding:0;border:0;box-shadow:none;float:none;width:auto}
body.ek-pro .search-header .form-group{position:relative;display:flex;align-items:center;margin:0;width:100%}
body.ek-pro .search-header .form-control{height:44px;border-radius:999px;background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx);padding:0 52px 0 18px;box-shadow:none;width:100%}
body.ek-pro .search-header .btn-main{position:absolute;right:4px;top:4px;width:36px;height:36px;min-width:0;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--ek-ac);color:var(--ek-acx);border:0;box-shadow:none}
body.ek-pro .search-header .btn-main .ek-i{width:18px;height:18px}
body.ek-pro .search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1040;background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);box-shadow:var(--ek-sh);max-height:70vh;overflow:auto}
body.ek-pro .search-dropdown.hidden{display:none}
body.ek-pro .search-dropdown a,body.ek-pro .search-dropdown li{color:var(--ek-tx)}
body.ek-pro .search-dropdown a:hover,body.ek-pro .search-dropdown li:hover{background:var(--ek-rs)}
body.ek-pro .ek-hd .right-part{display:flex;align-items:center;gap:2px;margin:0 0 0 auto;float:none;padding:0;list-style:none;flex:none}
body.ek-pro .ek-hd .right-part>li{float:none;display:block;position:relative;margin:0;list-style:none}
body.ek-pro .ek-hd .right-part>li.hide-from-mobile{display:none}
body.ek-pro .ek-hd .right-part>li>a{color:var(--ek-tx);background:transparent;border:0;padding:0;display:inline-flex;align-items:center}
body.ek-pro .ek-create>a{height:44px;padding:0 14px!important;border-radius:999px;background:var(--ek-ac);color:var(--ek-acx)!important;font-weight:700;gap:6px}
body.ek-pro .ek-create>a:hover{background:var(--ek-ac);filter:brightness(1.08)}
body.ek-pro .ek-create .hide_hdr_usr_name{display:none}
body.ek-pro .ek-create .ek-i{width:20px;height:20px;stroke-width:2.2}
.ek-i-sun{display:none}html.ek-light .ek-i-sun{display:inline-block}html.ek-light .ek-i-moon{display:none}
body.ek-pro .ek-hd .show-in-mobile{display:block}
#new-notifications b,#new-messages b{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ek-am);color:#2a1700;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.ek-btn-solid,.ek-btn-ghost{height:40px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;font-weight:700;font-size:15px}
body.ek-pro .ek-btn-solid{background:var(--ek-ac);color:var(--ek-acx)!important}
body.ek-pro .ek-btn-ghost{background:transparent;color:var(--ek-tx)!important;border:1px solid var(--ek-ln)}
body.ek-pro .ek-profile>a{width:44px;height:44px;border-radius:50%;justify-content:center}
body.ek-pro .ek-profile .header-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--ek-ln)}
/* mobile search bar */
body.ek-pro nav.search-bar{background:var(--ek-gl);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-bottom:1px solid var(--ek-ln);min-height:var(--ek-hh);z-index:1050;top:0}
body.ek-pro nav.search-bar.hidden{display:none}
body.ek-pro .search-header-mobile .form-group{position:relative;margin:6px 0}
body.ek-pro .search-header-mobile .form-control{height:44px;border-radius:999px;background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx);padding:0 44px 0 18px;box-shadow:none}
body.ek-pro .search-header-mobile .ek-i{position:absolute;right:14px;top:11px;color:var(--ek-mu)}
@media (min-width:768px){
	body.ek-pro .ek-hd{padding:0 20px;gap:12px}
	body.ek-pro .ek-hd .search-header{display:block}
	body.ek-pro .ek-hd .show-in-mobile{display:none}
	body.ek-pro .ek-hd .right-part>li.hide-from-mobile{display:block}
	body.ek-pro .ek-create .hide_hdr_usr_name{display:inline}
	.ek-logo{font-size:21px}
}
@media (min-width:1100px){.ek-nav{display:flex}}

/* ---------- dropdowns / menus ---------- */
body.ek-pro .dropdown-menu{background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);box-shadow:var(--ek-sh);padding:6px;margin-top:8px;min-width:200px;color:var(--ek-tx)}
body.ek-pro .dropdown-menu>li>a{color:var(--ek-tx);display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:10px;background:transparent}
body.ek-pro .dropdown-menu>li>a:hover,body.ek-pro .dropdown-menu>li>a:focus{background:var(--ek-rs);color:var(--ek-tx)}
body.ek-pro .dropdown-menu>li>a svg{color:var(--ek-ac)}
body.ek-pro .dropdown-menu .divider{background:var(--ek-ln);margin:6px 0}
body.ek-pro .dropdown-menu>.active>a{background:var(--ek-rs);color:var(--ek-ac)}
body.ek-pro .ani-acc-menu{min-width:260px}
body.ek-pro .pt_acc_menu_hdr{display:flex;gap:12px;align-items:center;padding:10px 12px}
body.ek-pro .pt_acc_menu_hdr img{width:46px;height:46px;border-radius:50%;object-fit:cover}
body.ek-pro .pt_acc_menu_hdr p{margin:0;color:var(--ek-mu);font-size:13px}
body.ek-pro .notfi-dropdown{width:360px;max-width:92vw;max-height:70vh;overflow:auto;padding:0}
body.ek-pro .notfi-dropdown h5{margin:0;padding:12px 16px;border-bottom:1px solid var(--ek-ln);color:var(--ek-tx);font-weight:700}
body.ek-pro .notfi-dropdown #notifications-list,body.ek-pro .notfi-dropdown ul{padding:0;margin:0;list-style:none}
body.ek-pro .notifications-list>a{display:flex;gap:12px;padding:12px 16px;color:var(--ek-tx);border-bottom:1px solid var(--ek-ln)}
body.ek-pro .notifications-list>a:hover{background:var(--ek-rs)}
body.ek-pro .notifications-list .avatar{width:40px;height:40px;flex:none}
body.ek-pro .notifications-list .avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover}
body.ek-pro .notifications-info p{margin:0;color:var(--ek-tx);font-size:14px}
body.ek-pro .notifications-info time{color:var(--ek-mu);font-size:12px}
body.ek-pro .notifications-info .main-color,body.ek-pro .main-color{color:var(--ek-ac)}
body.ek-pro .no-notifications{padding:20px;text-align:center;color:var(--ek-mu)}
@media (max-width:767px){
	body.ek-pro .notfi-dropdown{position:fixed;left:8px;right:8px;top:calc(var(--ek-hh) + 4px);width:auto;max-width:none}
	body.ek-pro .ek-hd .right-part .dropdown-menu-right{right:0;left:auto}
}

/* ---------- side drawer (old container sidebar) ---------- */
body.ek-pro .yp_side_drawer{background:var(--ek-sf);border-right:1px solid var(--ek-ln);color:var(--ek-tx);top:var(--ek-hh)}
body.ek-pro .yp_side_drawer .sections li a,body.ek-pro .yp_side_drawer a{color:var(--ek-tx);border-radius:12px}
body.ek-pro .yp_side_drawer .sections li a:hover,body.ek-pro .yp_side_drawer .sections li.active a,body.ek-pro .yp_side_drawer .sections li a.active{background:var(--ek-rs);color:var(--ek-ac)}
body.ek-pro .yp_side_drawer svg{color:var(--ek-mu)}
body.ek-pro .yp_side_drawer .sections li a:hover svg{color:var(--ek-ac)}
body.ek-pro .yp_side_drawer .open_side_menu_head{background:transparent;color:var(--ek-tx)}
body.ek-pro .sidenav-overlay{background:rgba(3,7,16,.6)}
/* monetisation / pro / ads / wallet items hidden from the old drawer and pages */
body.ek-pro .yp_side_drawer li:has(>a[href*="go_pro"]),body.ek-pro .yp_side_drawer li:has(>a[href*="paid-videos"]),body.ek-pro .yp_side_drawer li:has(>a[href*="wallet"]),
body.ek-pro .yp_side_drawer li:has(>a[href*="/ads"]),body.ek-pro .yp_side_drawer li:has(>a[href*="movies"]),body.ek-pro .yp_side_drawer li:has(>a[href*="stock"]),
body.ek-pro .yp_side_drawer li:has(>a[href*="affiliates"]),body.ek-pro .yp_side_drawer li:has(>a[href*="monetization"]),
body.ek-pro .yp_side_drawer li:has(>a[data-load*="go_pro"]),body.ek-pro .yp_side_drawer li:has(>a[data-load*="paid-videos"]),body.ek-pro .yp_side_drawer li:has(>a[data-load*="movies"]),
body.ek-pro .yp_side_drawer li:has(>a[data-load*="stock"]),
body.ek-pro .icon_pro,body.ek-pro .pro-badge,body.ek-pro [data-load*="go_pro"],body.ek-pro [data-load*="link1=wallet"],body.ek-pro [data-load*="link1=ads"],body.ek-pro [data-load*="monetization"]{display:none}
body.ek-pro .yp_side_drawer .pt_footer,body.ek-pro .pt_footer{background:transparent;color:var(--ek-mu);padding:12px 12px 90px;border:0}

/* ---------- footer ---------- */
.ek-ft{display:grid;gap:18px;color:var(--ek-mu);font-size:14px;line-height:1.5;padding:8px 4px}
.ek-ft-brand b{display:block;color:var(--ek-tx);font-size:18px;margin-bottom:4px}
.ek-ft-brand p{margin:0;max-width:34ch}
.ek-ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ek-ft h4{margin:0 0 6px;color:var(--ek-tx);font-size:14px;font-weight:700}
.ek-ft ul{list-style:none;margin:0;padding:0}
.ek-ft li a{display:flex;align-items:center;min-height:36px;color:var(--ek-mu)!important}
.ek-ft li a:hover{color:var(--ek-ac)!important}
.ek-ft-pol{grid-column:1/-1}
.ek-ft-pol ul{display:flex;flex-wrap:wrap;gap:4px 16px}
.ek-copy{margin:0;color:var(--ek-mu);font-size:13px;padding-top:10px;border-top:1px solid var(--ek-ln)}
@media (min-width:1252px){body.ek-pro .pt_footer{padding-bottom:24px}}

/* ---------- bottom tab bar ---------- */
.ek-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:flex;align-items:flex-end;justify-content:space-around;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--ek-gl);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--ek-ln)}
.ek-tabbar a{flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:500;color:var(--ek-mu)!important;border-radius:12px;transition:color .2s}
.ek-tabbar a.on,.ek-tabbar a[aria-current=page]{color:var(--ek-ac)!important}
.ek-tabbar a.on .ek-i{stroke-width:2.2}
.ek-tabbar .ek-mid{position:relative;overflow:visible}
.ek-tabbar .ek-mid b{width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;background:var(--ek-ac);color:var(--ek-acx);box-shadow:0 8px 20px -6px var(--ek-ac),0 0 0 5px var(--ek-bg)}
.ek-tabbar .ek-mid .ek-i{width:26px;height:26px;stroke-width:2.4}
.ek-tabbar .ek-mid span{color:var(--ek-tx)}
@media (min-width:768px){.ek-tabbar{display:none}body.ek-pro #main-container{padding-bottom:24px}}

/* =====================================================================
   RESKIN LAYER — old bootstrap-3 inner pages, all under body.ek-pro
   ===================================================================== */
body.ek-pro .container,body.ek-pro .container-fluid{color:var(--ek-tx)}
body.ek-pro .container{max-width:100%}
@media (min-width:1200px){body.ek-pro #main-container.container{max-width:1440px}}
body.ek-pro .yp_side_menu,body.ek-pro #container_content,body.ek-pro .content-container,body.ek-pro .welcome-page{background:transparent;color:var(--ek-tx)}
/* panels / cards */
body.ek-pro .panel,body.ek-pro .well,body.ek-pro .card,body.ek-pro .pt_panel,body.ek-pro .modal-content,body.ek-pro .list-group-item,body.ek-pro .thumbnail{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r);box-shadow:var(--ek-sh)}
body.ek-pro .panel-default>.panel-heading,body.ek-pro .panel-heading,body.ek-pro .panel-footer,body.ek-pro .modal-header,body.ek-pro .modal-footer{background:transparent;color:var(--ek-tx);border-color:var(--ek-ln)}
body.ek-pro .panel-title,body.ek-pro .modal-title{color:var(--ek-tx);font-weight:700}
body.ek-pro .panel-body{color:var(--ek-tx)}
body.ek-pro .modal-backdrop.in{opacity:.7;background:#030710}
body.ek-pro .modal-content{box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
body.ek-pro .close{color:var(--ek-tx);opacity:.7;text-shadow:none}
body.ek-pro .close:hover{opacity:1;color:var(--ek-ac)}
/* buttons */
body.ek-pro .btn{border-radius:999px;font-weight:600;min-height:44px;padding:9px 20px;border:1px solid transparent;transition:filter .2s,background .2s;box-shadow:none;text-shadow:none}
body.ek-pro .btn-sm,body.ek-pro .btn-xs{min-height:36px;padding:6px 14px;border-radius:999px}
body.ek-pro .btn-default{background:var(--ek-rs);color:var(--ek-tx);border-color:var(--ek-ln)}
body.ek-pro .btn-default:hover,body.ek-pro .btn-default:focus,body.ek-pro .btn-default:active{background:var(--ek-rs);color:var(--ek-ac);border-color:var(--ek-ac)}
body.ek-pro .btn-main,body.ek-pro .btn-primary,body.ek-pro .btn-success,body.ek-pro .btn-info{background:var(--ek-ac);color:var(--ek-acx);border-color:transparent}
body.ek-pro .btn-main:hover,body.ek-pro .btn-main:focus,body.ek-pro .btn-main:active,body.ek-pro .btn-primary:hover,body.ek-pro .btn-success:hover,body.ek-pro .btn-info:hover{background:var(--ek-ac);color:var(--ek-acx);filter:brightness(1.08)}
body.ek-pro .btn-danger{background:var(--ek-rd);color:#fff}
body.ek-pro .btn-warning{background:var(--ek-am);color:#2a1700}
body.ek-pro .btn-link{color:var(--ek-ac);background:transparent}
body.ek-pro .btn[disabled],body.ek-pro .btn.disabled{opacity:.5}
body.ek-pro .btn-group>.btn,body.ek-pro .input-group-btn>.btn{border-radius:12px}
/* forms */
body.ek-pro .form-control,body.ek-pro select.form-control,body.ek-pro textarea.form-control,body.ek-pro .bootstrap-select>.dropdown-toggle,body.ek-pro input[type=text],body.ek-pro input[type=email],body.ek-pro input[type=password],body.ek-pro input[type=search],body.ek-pro input[type=number],body.ek-pro input[type=url],body.ek-pro textarea{background:var(--ek-rs);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:12px;box-shadow:none;min-height:44px}
body.ek-pro textarea.form-control{min-height:96px}
body.ek-pro .form-control:focus,body.ek-pro textarea:focus,body.ek-pro input:focus{border-color:var(--ek-ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ek-ac) 25%,transparent);background:var(--ek-rs);color:var(--ek-tx);outline:0}
body.ek-pro .form-control::placeholder,body.ek-pro input::placeholder,body.ek-pro textarea::placeholder{color:var(--ek-mu);opacity:1}
body.ek-pro .form-control[disabled],body.ek-pro .form-control[readonly]{background:var(--ek-sf);opacity:.7}
body.ek-pro .input-group-addon{background:var(--ek-rs);color:var(--ek-mu);border:1px solid var(--ek-ln);border-radius:12px}
body.ek-pro select option{background:var(--ek-sf);color:var(--ek-tx)}
body.ek-pro .control-label,body.ek-pro label{color:var(--ek-tx);font-weight:500}
body.ek-pro .has-error .form-control{border-color:var(--ek-rd)}
body.ek-pro .bootstrap-select .dropdown-menu li a{color:var(--ek-tx)}
body.ek-pro .checkbox label,body.ek-pro .radio label{color:var(--ek-tx)}
/* tabs / pills / nav */
body.ek-pro .nav-tabs{border-bottom:1px solid var(--ek-ln)}
body.ek-pro .nav-tabs>li>a{color:var(--ek-mu);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;min-height:44px}
body.ek-pro .nav-tabs>li.active>a,body.ek-pro .nav-tabs>li.active>a:hover,body.ek-pro .nav-tabs>li.active>a:focus{color:var(--ek-ac);background:transparent;border:0;border-bottom:2px solid var(--ek-ac)}
body.ek-pro .nav-pills>li>a{border-radius:999px;color:var(--ek-mu)}
body.ek-pro .nav-pills>li.active>a,body.ek-pro .nav-pills>li.active>a:hover{background:var(--ek-ac);color:var(--ek-acx)}
body.ek-pro .pagination>li>a,body.ek-pro .pagination>li>span{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln)}
body.ek-pro .pagination>.active>a,body.ek-pro .pagination>.active>span{background:var(--ek-ac);color:var(--ek-acx);border-color:var(--ek-ac)}
body.ek-pro .breadcrumb{background:var(--ek-sf);border-radius:12px}
/* tables */
body.ek-pro .table{color:var(--ek-tx);background:transparent}
body.ek-pro .table>thead>tr>th,body.ek-pro .table>tbody>tr>td,body.ek-pro .table>tbody>tr>th{border-color:var(--ek-ln)}
body.ek-pro .table-striped>tbody>tr:nth-of-type(odd){background:var(--ek-sf)}
body.ek-pro .table-hover>tbody>tr:hover{background:var(--ek-rs)}
/* alerts / labels / badges */
body.ek-pro .alert{border-radius:var(--ek-r2);border:1px solid var(--ek-ln);background:var(--ek-sf);color:var(--ek-tx)}
body.ek-pro .alert-success{border-color:var(--ek-ac)}body.ek-pro .alert-danger{border-color:var(--ek-rd)}body.ek-pro .alert-warning{border-color:var(--ek-am)}
body.ek-pro .label,body.ek-pro .badge{border-radius:999px;background:var(--ek-rs);color:var(--ek-tx)}
body.ek-pro .progress{background:var(--ek-rs);border-radius:999px}
body.ek-pro .progress-bar{background:var(--ek-ac)}
body.ek-pro .tooltip-inner{background:var(--ek-tx);color:var(--ek-bg)}
body.ek-pro .popover{background:var(--ek-sf);border:1px solid var(--ek-ln);color:var(--ek-tx)}
body.ek-pro .popover-content{color:var(--ek-tx)}
/* video / article cards (old PlayTube markup) */
body.ek-pro .video-wrapper,body.ek-pro .videos-list .video-wrapper,body.ek-pro .pt_vid_wrapper,body.ek-pro .article-wrapper,body.ek-pro .pt_art_wrapper,body.ek-pro .channel-wrapper{background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r);overflow:hidden;box-shadow:var(--ek-sh);transition:transform .25s,border-color .25s}
body.ek-pro .video-wrapper:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ek-ac) 40%,transparent)}
body.ek-pro .video-thumb,body.ek-pro .video-thumb img,body.ek-pro .video-thumb a{border-radius:var(--ek-r) var(--ek-r) 0 0}
body.ek-pro .video-thumb{background:linear-gradient(135deg,var(--ek-rs),var(--ek-sf))}
body.ek-pro .video-thumb .video-duration,body.ek-pro .video-duration{background:rgba(6,10,22,.82);color:#fff;border-radius:8px}
body.ek-pro .video-title,body.ek-pro .video-title a,body.ek-pro .video-info .video-title a,body.ek-pro .video-data a{color:var(--ek-tx);font-weight:600;line-height:1.45}
body.ek-pro .video-title a:hover{color:var(--ek-ac)}
body.ek-pro .video-info,body.ek-pro .video-data,body.ek-pro .video-desc,body.ek-pro .video-views,body.ek-pro .video-time,body.ek-pro .video-meta,body.ek-pro .pt_vid_info{color:var(--ek-mu)}
body.ek-pro .video-info a:not(.video-title a){color:var(--ek-mu)}
body.ek-pro .video-info a:hover{color:var(--ek-ac)}
body.ek-pro .video-info .video-views i,body.ek-pro .video-time i{color:var(--ek-mu)}
body.ek-pro .video-wrapper .video-data,body.ek-pro .video-wrapper .video-info{padding:10px 12px}
body.ek-pro .video-wrapper .pt_vid_thumb,body.ek-pro .video-wrapper img{border-radius:var(--ek-r) var(--ek-r) 0 0}
body.ek-pro .section-title,body.ek-pro .list-title,body.ek-pro .pt_head_title{color:var(--ek-tx);font-weight:700}
body.ek-pro .watch-video-title,body.ek-pro .video-title-big,body.ek-pro .page-title{color:var(--ek-tx)}
body.ek-pro .watch-video-description,body.ek-pro .video-desc-text,body.ek-pro .description,body.ek-pro .pt_art_content,body.ek-pro .article-content{color:var(--ek-tx);line-height:1.85}
body.ek-pro .article-content p,body.ek-pro .pt_art_content p{color:var(--ek-tx)}
body.ek-pro .article-content a,body.ek-pro .pt_art_content a{color:var(--ek-ac);text-decoration:underline}
body.ek-pro .article-content img,body.ek-pro .pt_art_content img{border-radius:var(--ek-r2);height:auto}
body.ek-pro blockquote{border-left:3px solid var(--ek-ac);background:var(--ek-sf);color:var(--ek-tx);border-radius:0 12px 12px 0;padding:10px 16px}
body.ek-pro .player-wrapper,body.ek-pro .video-player,body.ek-pro .plyr,body.ek-pro .video-js{border-radius:var(--ek-r);overflow:hidden}
body.ek-pro .watch-block,body.ek-pro .watch-comments,body.ek-pro .comments-container,body.ek-pro .pt_comments_wrap{color:var(--ek-tx)}
body.ek-pro .comment-text,body.ek-pro .comment-body,body.ek-pro .pt_comment_text{color:var(--ek-tx)}
body.ek-pro .user-avatar img,body.ek-pro .avatar img,body.ek-pro .channel-avatar img{border-radius:50%}
body.ek-pro .subscribe-btn,body.ek-pro .btn-subscribe,body.ek-pro button.subscribe-button{background:var(--ek-ac);color:var(--ek-acx);border-radius:999px;border:0;font-weight:700}
body.ek-pro .banner-wrap,body.ek-pro .profile-header,body.ek-pro .pt_prof_head{background:var(--ek-sf);border-radius:var(--ek-r);overflow:hidden}
body.ek-pro .loading,body.ek-pro .pt_loader{color:var(--ek-ac)}
/* login / register pages and modals */
body.ek-pro .welcome-page .login-container,body.ek-pro .login-container,body.ek-pro .pt_login_page{background:var(--ek-sf);border:1px solid var(--ek-ln);border-radius:var(--ek-r);box-shadow:var(--ek-sh);color:var(--ek-tx)}
body.ek-pro .modal-body{color:var(--ek-tx)}
body.ek-pro .matdialog .modal-content{border-radius:var(--ek-r)}
/* sweetalert2 + notifIt */
body.ek-pro .swal2-popup{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r);font-family:inherit}
body.ek-pro .swal2-title,body.ek-pro .swal2-html-container,body.ek-pro .swal2-content{color:var(--ek-tx)}
body.ek-pro .swal2-styled.swal2-confirm{background:var(--ek-ac);color:var(--ek-acx);border-radius:999px;box-shadow:none}
body.ek-pro .swal2-styled.swal2-cancel{background:var(--ek-rs);color:var(--ek-tx);border-radius:999px}
body.ek-pro #notifIt{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r2);box-shadow:var(--ek-sh)}
/* tag-it / jquery-ui / bootstrap-toggle */
body.ek-pro ul.tagit{background:var(--ek-rs);border:1px solid var(--ek-ln);border-radius:12px}
body.ek-pro ul.tagit li.tagit-choice{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:999px}
body.ek-pro .ui-autocomplete,body.ek-pro .ui-widget-content{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:12px}
body.ek-pro .ui-menu-item-wrapper.ui-state-active,body.ek-pro .ui-state-active{background:var(--ek-rs);color:var(--ek-ac);border:0}
body.ek-pro .toggle.btn{border-radius:999px}
/* announcements, empty states */
body.ek-pro .announcement-renderer .alert{margin:8px 0}
body.ek-pro .empty_state,body.ek-pro .no-videos,body.ek-pro .pt_no_data{color:var(--ek-mu);text-align:center}
/* scrollbars */
body.ek-pro{scrollbar-color:var(--ek-rs) transparent}
body.ek-pro ::-webkit-scrollbar{width:10px;height:10px}
body.ek-pro ::-webkit-scrollbar-thumb{background:var(--ek-rs);border-radius:10px}
/* install pop-up from container: lift above tab bar */
#install-popup-container{bottom:84px!important}
@media (prefers-reduced-motion:reduce){body.ek-pro *{transition:none!important;animation:none!important}}

/* ---------- v2 fixes (lead review) ---------- */
body.ek-pro{padding-top:0}
body.ek-pro header.navbar-fixed-top{height:var(--ek-hh);min-height:0;overflow:visible}
body.ek-pro #main-container,body.ek-pro #main-container.container{margin-top:var(--ek-hh);padding-top:12px}
body.ek-pro .yp_side_menu,body.ek-pro #container_content,body.ek-pro .announcement-renderer,body.ek-pro #header_ad_{margin-top:0;padding-top:0}
body.ek-pro .ek-logo span{white-space:nowrap}
body.ek-pro .ek-logo small{display:inline;margin:0 0 0 3px;font-size:inherit;font-weight:inherit;color:inherit}
body.ek-pro .ek-hd .right-part>li.ek-create>a,body.ek-pro .ek-hd .right-part>li.ek-create>a:hover{background:var(--ek-ac,#4A9BEB);color:var(--ek-acx,#04122B);font-weight:700;opacity:1}
body.ek-pro .ek-hd .right-part>li.ek-create>a .ek-i,body.ek-pro .ek-hd .right-part>li.ek-create>a span{color:var(--ek-acx,#04122B);stroke:currentColor}
body.ek-pro .ek-hd .right-part>li.ek-auth>a.ek-btn-solid{background:var(--ek-ac,#4A9BEB);color:var(--ek-acx,#04122B);opacity:1;padding:0 18px;white-space:nowrap}
body.ek-pro .ek-hd .right-part>li.ek-auth>a.ek-btn-ghost{background:transparent;color:var(--ek-tx);border:1px solid var(--ek-ln);padding:0 16px;white-space:nowrap;opacity:1}
@media (max-width:599px){
	body.ek-pro .ek-hd .right-part>li.ek-auth{display:none}
	body.ek-pro .ek-hd{padding:0 8px;gap:4px}
	body.ek-pro .ek-logo{font-size:18px}
	body.ek-pro .ek-hd .ek-create .hide_hdr_usr_name{display:none}
}
/* cookie consent (cookieconsent.js) */
body.ek-pro .cc-window.cc-banner,body.ek-pro .cc-window{background:var(--ek-sf);color:var(--ek-tx);border:1px solid var(--ek-ln);border-radius:var(--ek-r);box-shadow:var(--ek-sh);font-family:inherit;font-size:14px;line-height:1.5;align-items:center;gap:10px;z-index:1045}
body.ek-pro .cc-window.cc-banner{left:12px;right:12px;bottom:12px;width:auto;max-width:720px;margin:0 auto;padding:12px 14px}
body.ek-pro .cc-message{color:var(--ek-tx);margin:0;flex:1 1 220px}
body.ek-pro .cc-link,body.ek-pro .cc-link:hover{color:var(--ek-ac);opacity:1;text-decoration:underline}
body.ek-pro .cc-btn,body.ek-pro .cc-window .cc-btn{background:var(--ek-ac,#4A9BEB);color:var(--ek-acx,#04122B);border:0;border-radius:999px;min-height:44px;padding:8px 20px;font-weight:700;font-size:14px}
body.ek-pro .cc-btn:hover{background:var(--ek-ac,#4A9BEB);color:var(--ek-acx,#04122B);filter:brightness(1.08)}
@media (max-width:767px){body.ek-pro .cc-window.cc-banner{bottom:calc(84px + env(safe-area-inset-bottom))}}

/* v3: wordmark must never clip (old .logo-img/.navbar-brand fixed width) */
body.ek-pro .ek-hd .left-part,body.ek-pro .ek-hd .left-part .navbar-brand.ek-logo,body.ek-pro .ek-hd a.logo-img.ek-logo{width:auto;max-width:none;min-width:0;overflow:visible;flex:0 0 auto;flex-shrink:0}
body.ek-pro .ek-hd a.logo-img.ek-logo{float:none;height:44px;padding:0 4px;margin:0;display:flex}
body.ek-pro .ek-hd a.logo-img.ek-logo span{display:block;overflow:visible;white-space:nowrap;width:auto}
body.ek-pro .ek-hd a.logo-img.ek-logo svg{width:32px;height:32px;max-width:none;flex:none}
@media (max-width:599px){body.ek-pro .ek-hd a.logo-img.ek-logo{gap:5px}body.ek-pro .ek-hd a.logo-img.ek-logo svg{width:28px;height:28px}}
/* lead fix v4: wordmark spacing + cookie bar never off-screen on mobile */
body.ek-pro .ek-logo span small{margin-left:.3em;font-size:.62em;font-weight:600;color:var(--ek-mu,#8C98AD)}
@media (max-width:767px){body.ek-pro .cc-window,body.ek-pro .cc-window.cc-banner,body.ek-pro .cc-window.cc-floating{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;transform:none!important;flex-direction:column;align-items:stretch;gap:8px}}
@media (max-width:767px){body.ek-pro .right-part .hide-from-mobile{display:none!important}body.ek-pro .right-part{gap:2px}body.ek-pro .cc-window,body.ek-pro .cc-window.cc-banner{top:auto!important;height:auto!important;min-height:0!important}body.ek-pro .cc-window .cc-compliance{display:flex;justify-content:flex-end}body.ek-pro .cc-window .cc-btn{flex:0 0 auto;width:auto}}
@media (max-width:380px){body.ek-pro .ek-logo span small{display:none}}
@media (max-width:767px){body.ek-pro .cc-window .cc-message{flex:0 0 auto!important;margin:0!important}body.ek-pro .right-part>li>a,body.ek-pro .right-part>li>button{width:40px;min-width:40px}body.ek-pro .right-part{margin-right:2px}}
@media (max-width:767px){body.ek-pro .right-part>li{width:40px!important;min-width:0!important;margin:0!important;padding:0!important}body.ek-pro .right-part>li>*{width:40px!important;min-width:0!important}}
/* icon fonts must keep their own family */
body.ek-pro .fa,body.ek-pro [class^="fa-"],body.ek-pro [class*=" fa-"]{font-family:FontAwesome!important}
body.ek-pro .glyphicon{font-family:'Glyphicons Halflings'!important}
/* brand logo (owner files): white in dark mode, colour in light mode */
body.ek-pro .ek-hd a.logo-img.ek-logo img{height:42px;width:auto;max-width:none;max-height:none;display:block;margin:0;object-fit:contain}
body.ek-pro .ek-logo .ek-logo-l{display:none!important}
html.ek-light body.ek-pro .ek-logo .ek-logo-l{display:block!important}
html.ek-light body.ek-pro .ek-logo .ek-logo-d{display:none!important}
@media (max-width:767px){body.ek-pro .ek-hd a.logo-img.ek-logo img{height:36px}}
/* app install popup: brand look (inline styles in container need !important) */
body.ek-pro #install-popup-container{left:20px!important;bottom:20px!important;max-width:420px!important;background:var(--ek-sf)!important;color:var(--ek-tx)!important;border:1px solid var(--ek-ln);border-radius:18px!important;box-shadow:var(--ek-sh)!important;padding:10px 10px 10px 12px!important;gap:10px;font-family:inherit!important}
body.ek-pro #install-popup-container img{width:40px!important;height:40px!important;border-radius:11px!important;margin:0!important;flex:none}
body.ek-pro #install-popup-container strong{font-size:15px!important;font-weight:700;white-space:normal!important;line-height:1.3}
body.ek-pro #popup-install-button{background:var(--ek-ac)!important;color:var(--ek-acx)!important;border-radius:999px!important;padding:0 18px!important;min-height:38px;margin:0!important;flex:none}
body.ek-pro #close-popup-button{color:var(--ek-mu)!important;margin:0!important;min-width:32px;min-height:38px;flex:none}
@media (max-width:767px){body.ek-pro #install-popup-container{left:12px!important;right:12px!important;bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;max-width:none!important}}
/* v10: side drawer - soft dividers, inset rounded rows, one-column footer links */
body.ek-pro .yp_side_drawer .sections{border-bottom:1px solid var(--ek-ln)!important;margin:0!important}
body.ek-pro.side_open .yp_side_drawer .sections{padding:8px!important}
@media(max-width:991px){body.ek-pro .yp_side_drawer .sections{padding:8px!important}}
body.ek-pro .yp_side_drawer .open_side_menu_head{border-bottom:1px solid var(--ek-ln)!important}
body.ek-pro .yp_side_drawer .pt_footer{border-top:0!important}
body.ek-pro .yp_side_drawer .ek-ft-cols{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
body.ek-pro .yp_side_drawer .ek-ft-cols a{display:inline-block;padding:3px 0;color:var(--ek-mu)}
body.ek-pro .yp_side_drawer .ek-ft-cols a:hover{color:var(--ek-ac)}
/* side drawer: subscriptions - long names clipped inside the row */
body.ek-pro .yp_side_drawer .subscribers_ a{overflow:hidden;white-space:nowrap}
/* v13: tools in side drawer + mobile create sheet */
body.ek-pro .yp_side_drawer .ek-tools-nav svg.ek-i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ek-sheet{position:fixed;inset:0;z-index:10050}
.ek-sheet[hidden]{display:none}
.ek-sheet-bg{position:absolute;inset:0;background:rgba(4,8,18,.55);backdrop-filter:blur(2px)}
.ek-sheet-box{position:absolute;left:0;right:0;bottom:0;max-height:85vh;overflow:auto;padding:8px 16px calc(16px + env(safe-area-inset-bottom));background:var(--ek-sf);color:var(--ek-tx);border-radius:22px 22px 0 0;border-top:1px solid var(--ek-ln);box-shadow:0 -10px 40px rgba(0,0,0,.35);animation:eksheet .22s cubic-bezier(.2,.7,.2,1)}
@keyframes eksheet{from{transform:translateY(24px);opacity:0}}
.ek-sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 8px}
.ek-sheet-hd strong{font-size:17px}
.ek-sheet-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:var(--ek-rs);color:var(--ek-tx)}
.ek-sheet-x .ek-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ek-sheet-it{display:flex;align-items:center;gap:14px;min-height:60px;padding:10px 4px;border-top:1px solid var(--ek-ln);color:var(--ek-tx)!important;text-decoration:none!important}
.ek-sheet-it i{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--ek-ac) 16%,transparent);color:var(--ek-ac)}
.ek-sheet-it .ek-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ek-sheet-it span{display:flex;flex-direction:column;min-width:0}
.ek-sheet-it strong{font-size:15.5px;font-weight:700}
.ek-sheet-it small{font-size:13px;color:var(--ek-mu)}
html.ek-sheet-open,html.ek-sheet-open body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.ek-sheet-box{animation:none}}
@media(min-width:992px){body.ek-pro:not(.side_open) .yp_side_drawer .ek-tools-nav{display:none}}
body.ek-pro .search-header .btn-main{height:36px!important;min-height:0!important;width:36px!important;top:4px!important;right:4px;line-height:1;box-shadow:none}