/*
Theme Name: NEXA PLAY Professional TV
Theme URI: https://nexaplay.sbs/
Description: Professional cable TV / set-top box style NEXA PLAY theme.
Version: 10.0.0
Author: NEXA PLAY
*/
:root{--bg:#020817;--nav:#041126;--panel:#06152a;--panel2:#09203b;--line:#12446f;--blue:#098cff;--blue2:#1468ff;--white:#f8fbff;--muted:#aebbd0;--green:#15d66b;--red:#ff3946}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#020817,#041126 55%,#020817);color:var(--white);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input{font:inherit}
.nx-header{height:90px;background:rgba(3,15,34,.98);border-bottom:1px solid #0b4774;display:flex;align-items:center;padding:0 32px;gap:32px;position:sticky;top:0;z-index:100;box-shadow:0 5px 25px rgba(0,0,0,.35)}
.nx-brand{display:flex;align-items:center;gap:10px;min-width:335px}.nx-brand-mark{width:54px;height:54px;position:relative}.nx-brand-mark:before{content:"";position:absolute;left:3px;top:4px;width:0;height:0;border-top:23px solid transparent;border-bottom:23px solid transparent;border-left:38px solid #159cff;filter:drop-shadow(0 0 8px #087dff)}.nx-brand-mark:after{content:"";position:absolute;left:16px;top:14px;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:22px solid #9bd7ff}.nx-brand-name{font-size:30px;font-weight:900;letter-spacing:-1px}.nx-brand-name span{color:#149dff}.nx-tag{display:block;font-size:9px;letter-spacing:3px;color:#a9bdd6;margin-top:2px}
.nx-nav{display:flex;align-items:center;gap:7px;flex:1;overflow:auto}.nx-nav a{display:flex;align-items:center;gap:9px;padding:14px 15px;border-radius:9px;color:#dce7f7;white-space:nowrap;font-size:16px}.nx-nav a:hover,.nx-nav a.active{background:linear-gradient(135deg,#087fff,#1263e8);box-shadow:0 5px 18px rgba(0,130,255,.28)}.nx-nav .ico{font-size:22px}
.nx-clock{border-left:1px solid #24405e;padding-left:20px;text-align:right;min-width:115px}.nx-clock b{font-size:17px}.nx-clock small{display:block;color:#a8bad0;margin-top:3px}.nx-user{width:38px;height:38px;border:1px solid #3b638b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px}
.nx-main{max-width:1700px;margin:auto;padding:20px 32px 0}.nx-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 455px;gap:20px}
.nx-player{background:#000;border:1px solid #17649b;border-radius:9px;overflow:hidden;aspect-ratio:16/9;position:relative;box-shadow:0 0 0 1px rgba(0,122,255,.12),0 12px 35px rgba(0,0,0,.4)}.nx-player video{width:100%;height:100%;object-fit:contain;background:#000}.nx-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(0,0,0,.94);z-index:3}.nx-loader.hide{display:none}.nx-loader img{width:95px;height:95px;object-fit:contain}.nx-spinner{width:30px;height:30px;border:3px solid #3d5570;border-top-color:#19a0ff;border-radius:50%;animation:nxspin .8s linear infinite}@keyframes nxspin{to{transform:rotate(360deg)}}
.nx-live-badge{position:absolute;right:15px;top:14px;background:#ef303d;border-radius:5px;padding:7px 12px;font-weight:900;z-index:4}.nx-breaking{position:absolute;left:25px;right:25px;bottom:72px;background:linear-gradient(90deg,#a20e1b,#d51625,#7e0710);border:1px solid #ff3946;border-radius:4px;height:43px;display:flex;align-items:center;z-index:4;overflow:hidden}.nx-breaking strong{background:#fff;color:#a80c16;padding:8px 12px;font-style:italic;font-size:16px;white-space:nowrap}.nx-breaking span{padding-left:25px;font-size:18px;font-weight:700}.nx-player-info{background:linear-gradient(180deg,#081a31,#061226);border:1px solid #11456f;border-top:0;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.nx-player-info b{font-size:18px}.nx-meta{color:#c0cee0;font-size:13px;margin-top:4px}.nx-full{background:#071526;border:1px solid #6e7890;color:#fff;padding:7px 11px;border-radius:5px;cursor:pointer}
.nx-side{border:1px solid #155e8e;border-radius:9px;background:linear-gradient(180deg,#06182d,#041020);overflow:hidden;min-height:0}.nx-side-head{height:51px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #153e60;font-size:19px;font-weight:800}.nx-side-head small{font-size:13px;color:#dce8f6}.nx-side-search{padding:9px 12px;border-bottom:1px solid #153e60}.nx-side-search input{width:100%;background:#061225;border:1px solid #1a4c72;color:#fff;border-radius:6px;padding:9px 10px;outline:none}.nx-channel-list{max-height:615px;overflow:auto}.nx-channel{height:64px;display:grid;grid-template-columns:35px 58px 1fr 42px;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #14324c;cursor:pointer}.nx-channel:hover,.nx-channel.active{background:linear-gradient(90deg,#0569d9,#0750b7);box-shadow:inset 0 0 0 2px #0ca1ff}.nx-num{font-weight:900;font-size:17px}.nx-logo{width:52px;height:48px;display:flex;align-items:center;justify-content:center}.nx-logo img{max-width:50px;max-height:45px;object-fit:contain}.nx-name{overflow:hidden}.nx-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nx-name small{color:#b6c8dd;display:block;margin-top:4px}.nx-hd{border:1px solid #8292a8;border-radius:4px;padding:2px 4px;font-size:11px;text-align:center}
.nx-section{margin-top:18px}.nx-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nx-section-head h2{margin:0;font-size:20px}.nx-section-head a{font-size:13px;color:#d4e4f5}.nx-category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.nx-cat{height:94px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.22);font-weight:700;box-shadow:inset 0 0 25px rgba(255,255,255,.07)}.nx-cat i{font-size:31px;font-style:normal}.nx-cat:nth-child(1){background:linear-gradient(145deg,#e82835,#a20d21)}.nx-cat:nth-child(2){background:linear-gradient(145deg,#7e35ee,#3d15aa)}.nx-cat:nth-child(3){background:linear-gradient(145deg,#0c8be9,#0651c8)}.nx-cat:nth-child(4){background:linear-gradient(145deg,#15ad7b,#00865b)}.nx-cat:nth-child(5){background:linear-gradient(145deg,#ffb41b,#df7905)}.nx-cat:nth-child(6){background:linear-gradient(145deg,#e83296,#aa1265)}.nx-cat:nth-child(7){background:linear-gradient(145deg,#18a6cc,#087ca0)}.nx-cat:nth-child(8){background:linear-gradient(145deg,#7643e7,#3e18a4)}
.nx-popular{display:flex;gap:12px;overflow:auto;padding:3px 2px 8px}.nx-pop-card{flex:0 0 106px;height:82px;border:1px solid #18466b;background:#06162b;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nx-pop-card img{max-width:58px;max-height:40px;object-fit:contain}.nx-pop-card span{font-size:10px;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}
.nx-ott-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nx-ott{height:105px;border:1px solid #184a72;border-radius:9px;background:linear-gradient(145deg,#071b34,#051021);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;letter-spacing:-.5px}.nx-ott:hover{border-color:#168fff;background:#092341}.nx-hot{color:#fff}.nx-z{color:#16c7ff}.nx-hoi{color:#e94c9b}.nx-net{color:#e50914}
.nx-about{background:#06162b;border:1px solid #154a72;border-radius:9px;padding:20px;line-height:1.75;color:#c7d5e6}.nx-footer{margin-top:22px;background:linear-gradient(90deg,#05153c,#071c48,#071b36);border-top:1px solid #124d88;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 45px}.nx-foot-brand{font-size:20px;font-weight:900}.nx-foot-nav{display:flex;gap:32px;color:#d6e5f7}.nx-contact{background:linear-gradient(135deg,#087ef4,#1573e6);border-radius:35px;padding:12px 25px;font-weight:800}.nx-nochan{padding:45px;text-align:center;color:#aabbd0}
@media(max-width:1250px){.nx-header{padding:0 16px;gap:15px}.nx-brand{min-width:255px}.nx-brand-name{font-size:24px}.nx-nav a{padding:12px 9px}.nx-dashboard{grid-template-columns:minmax(0,1fr) 360px}.nx-category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.nx-header{height:auto;flex-wrap:wrap;padding:12px 15px}.nx-brand{min-width:auto}.nx-nav{order:3;width:100%;flex-basis:100%}.nx-clock,.nx-user{display:none}.nx-main{padding:12px}.nx-dashboard{grid-template-columns:1fr}.nx-side{height:470px}.nx-channel-list{max-height:360px}.nx-category-grid{grid-template-columns:repeat(4,1fr)}.nx-footer{padding:15px;gap:15px;flex-wrap:wrap}}
@media(max-width:560px){.nx-brand-mark{width:42px;height:42px}.nx-brand-mark:before{border-top-width:18px;border-bottom-width:18px;border-left-width:30px}.nx-brand-mark:after{left:12px;top:11px;border-top-width:10px;border-bottom-width:10px;border-left-width:18px}.nx-brand-name{font-size:21px}.nx-tag{font-size:7px}.nx-nav a{font-size:13px}.nx-nav .ico{font-size:18px}.nx-breaking{left:8px;right:8px;bottom:65px}.nx-breaking span{font-size:13px;padding-left:8px}.nx-breaking strong{font-size:12px;padding:8px 7px}.nx-category-grid{grid-template-columns:repeat(2,1fr)}.nx-ott-grid{grid-template-columns:repeat(2,1fr)}.nx-footer{display:block;text-align:center}.nx-foot-nav{justify-content:center;margin:10px 0;flex-wrap:wrap}.nx-contact{display:inline-block}}

/* NEXA PLAY v10 functional UI */
.nx-section-target{scroll-margin-top:105px}
.nx-brand-img{display:block;width:auto;max-width:300px;height:68px;object-fit:contain}
.nx-link-btn{border:0;background:transparent;color:#d4e4f5;cursor:pointer;font-size:13px;padding:5px 0}.nx-link-btn:hover{color:#1aa1ff}
.nx-player-error{position:absolute;left:16px;right:16px;bottom:16px;z-index:5;background:rgba(120,0,12,.92);border:1px solid #ff4552;border-radius:6px;padding:10px;color:#fff;font-weight:700;text-align:center}
.nx-player-error[hidden]{display:none}
.nx-fav-btn{position:relative;z-index:2;background:transparent;border:0;color:#fff;font-size:19px;cursor:pointer;padding:4px;line-height:1}.nx-fav-btn:hover,.nx-fav-btn[aria-pressed="true"]{color:#ffd43b}
.nx-channel{grid-template-columns:35px 58px 1fr 32px 42px}.nx-channel:focus-visible{outline:2px solid #19a0ff;outline-offset:-2px;background:#08284b}
.nx-channel-list{scroll-behavior:smooth}
.nx-guide{width:100%;display:grid;grid-template-columns:45px 58px minmax(130px,1fr) 150px 100px;align-items:center;gap:10px;min-height:60px;padding:8px 12px;background:#06162b;border:1px solid #154a72;border-radius:7px;color:#fff;text-align:left;margin-bottom:7px;cursor:pointer}.nx-guide:hover{background:#092743;border-color:#168fff}.nx-guide .logo{width:50px;height:42px;display:flex;align-items:center;justify-content:center}.nx-guide .logo img{max-width:48px;max-height:40px;object-fit:contain}.nx-guide .cat{color:#b8cbe0}.nx-guide .time{color:#2fe87d;font-weight:700}
.nx-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000;align-items:center;justify-content:center;padding:20px}.nx-modal.open{display:flex}.nx-modal-card{position:relative;width:min(500px,100%);background:#07182d;border:1px solid #1a6a9c;border-radius:12px;padding:25px;box-shadow:0 20px 70px rgba(0,0,0,.65)}.nx-modal-card h2{margin-top:0}.nx-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.nx-setting{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #173a59}.nx-toggle{width:48px;height:26px;border-radius:20px;border:1px solid #56718d;background:#24384b;position:relative;cursor:pointer}.nx-toggle:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s}.nx-toggle.on{background:#087fff;border-color:#168fff}.nx-toggle.on:after{left:25px}
.nx-remote-hint{display:block;color:#8fa9c4;font-size:11px;text-align:center;padding:7px 10px;border-top:1px solid #153e60}
@media(min-width:901px){.nx-side{height:min(730px,calc(56.25vw + 112px));}.nx-channel-list{max-height:calc(100% - 102px)}}
@media(max-width:900px){.nx-header{height:auto;flex-wrap:wrap;padding:10px 14px}.nx-brand{min-width:0;height:58px;flex:1}.nx-brand-img{max-width:230px;height:52px}.nx-nav{order:3;width:100%;flex-basis:100%;overflow-x:auto;scrollbar-width:none}.nx-nav::-webkit-scrollbar{display:none}.nx-nav a{padding:10px 11px;font-size:13px}.nx-clock,.nx-user{display:none}.nx-main{padding:12px}.nx-dashboard{grid-template-columns:1fr}.nx-player{aspect-ratio:16/9;min-height:0}.nx-side{height:56vh;min-height:350px}.nx-channel-list{height:calc(100% - 102px);max-height:none}.nx-category-grid{grid-template-columns:repeat(4,1fr)}.nx-guide{grid-template-columns:38px 52px 1fr 90px}.nx-guide .time{display:none}}
@media(max-width:560px){.nx-brand-img{max-width:205px;height:46px}.nx-nav a{font-size:12px;padding:9px}.nx-main{padding:9px}.nx-side{height:56vh;min-height:330px}.nx-channel{grid-template-columns:31px 49px minmax(0,1fr) 30px 36px;gap:5px;padding:6px 8px}.nx-logo{width:46px;height:46px}.nx-logo img{max-width:44px;max-height:40px}.nx-name b{font-size:13px}.nx-name small{font-size:10px}.nx-hd{font-size:9px}.nx-category-grid{grid-template-columns:repeat(2,1fr)}.nx-guide{grid-template-columns:32px 46px 1fr}.nx-guide .cat{display:none}.nx-remote-hint{font-size:10px}}