/*
Theme Name: Start On TV — Professional IPTV
Theme URI: https://raatdinbangla.sbs/
Version: 27.0.0
Description: Premium IPTV/OTT WordPress theme for Mobile and Android TV.
*/
:root{--bg:#06080d;--bg2:#0b0f17;--panel:#10151e;--panel2:#151b26;--line:#242d3b;--text:#f7f9fc;--muted:#9aa7b8;--brand:#ff5a1f;--brand2:#ff9b22;--cyan:#24b8ff;--green:#35d07f;--danger:#ff3b4f}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0!important;padding:0!important;background:var(--bg)!important;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body{overflow-x:hidden}a{text-decoration:none}
#dthtv-app{--red:var(--dthtv-accent,#ff5a1f);min-height:100vh;background:linear-gradient(180deg,#07090e 0,#06080d 55%,#080b11 100%);color:var(--text);overflow:hidden}#dthtv-app a{color:inherit}#dthtv-app button,#dthtv-app input,#dthtv-app textarea{font:inherit}
/* Premium IPTV header */
.dt-topbar{height:74px;position:sticky;top:0;z-index:60;background:rgba(7,9,14,.94);border-bottom:1px solid #1b222e;display:flex;align-items:center;gap:18px;padding:0 clamp(16px,3vw,46px);backdrop-filter:blur(18px)}
.dt-brand{display:flex;align-items:center;min-width:170px}.dt-brand img{display:block;width:170px;height:54px;object-fit:contain}.dt-nav{display:flex;align-items:center;gap:3px;flex:1;white-space:nowrap}.dt-nav a{padding:10px 12px;border-radius:7px;color:#b8c2d0;font-weight:750;font-size:13px}.dt-nav a:hover,.dt-nav a.active{color:#fff;background:#171e29}.dt-nav a.active{box-shadow:inset 0 -2px 0 var(--brand)}
.dt-search{height:40px;width:220px;display:flex;align-items:center;gap:8px;padding:0 13px;border-radius:7px;background:#111720;border:1px solid #27303c;color:#8190a2}.dt-search input{border:0;outline:0;background:transparent;color:#fff;width:100%;min-width:0}.dt-circle{width:40px;height:40px;border-radius:8px;border:1px solid #27303c;background:#111720;color:#d9e2ec;cursor:pointer;font-size:18px}.dt-circle:hover{border-color:var(--brand);color:#fff;background:#1a202a}
/* Desktop shell — no copied DTH sidebar */
.dt-layout{display:block;min-height:calc(100vh - 74px)}.dt-sidebar{display:none}.dt-content{width:100%;max-width:1680px;margin:auto;padding:20px clamp(14px,3vw,48px) 70px}
/* IPTV hero */
.dt-hero{height:300px;border:1px solid #1d2530;border-radius:18px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 25%,rgba(36,184,255,.18),transparent 30%),radial-gradient(circle at 70% 90%,rgba(255,90,31,.18),transparent 28%),#0c1119;box-shadow:0 18px 60px rgba(0,0,0,.28)}.dt-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34}.dt-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090c12 0%,rgba(9,12,18,.92) 33%,rgba(9,12,18,.46) 67%,rgba(9,12,18,.1) 100%)}.dt-hero-content{position:absolute;inset:0;padding:36px clamp(24px,4vw,60px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dt-live{display:inline-flex;align-items:center;gap:7px;background:#171d26;border:1px solid #323b48;color:#fff;padding:7px 11px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.8px}.dt-live:before{content:"";width:7px;height:7px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 5px rgba(255,59,79,.12)}.dt-hero h1{font-size:clamp(34px,4vw,58px);line-height:1;margin:15px 0 10px;letter-spacing:-2px}.dt-hero p{color:#aeb9c7;margin:0 0 20px;font-size:14px}.dt-watch{border:0;background:linear-gradient(135deg,var(--brand),#ff7625);color:#fff;border-radius:7px;padding:12px 18px;font-weight:900;cursor:pointer;box-shadow:0 9px 26px rgba(255,90,31,.2)}.dt-watch:hover{filter:brightness(1.08);transform:translateY(-1px)}.dt-watch.small{padding:7px 11px;font-size:11px;border-radius:6px}
/* Main IPTV player + live rail */
.dt-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-top:16px}.dt-player-wrap{display:none;background:#000;border:1px solid #252e3b;border-radius:14px;overflow:hidden;min-width:0;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.32)}.dt-player-wrap.open{display:block}.dt-player{display:block;width:100%;aspect-ratio:16/9;background:#000;max-height:70vh;object-fit:cover}.dt-playerbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#0d121a;color:#dfe7ef;font-size:12px;font-weight:800}.dt-player-controls{display:flex;gap:5px}.dt-live-list{background:#0d121a;border:1px solid #252e3b;border-radius:14px;overflow:hidden;max-height:calc(70vh + 48px);display:flex;flex-direction:column}.dt-list-head{height:54px;flex:0 0 54px;background:#141a23;border-bottom:1px solid #252e3b;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:14px}.dt-list-head strong{letter-spacing:.5px}.dt-list-head span{font-size:10px;color:#7f8c9d;font-weight:800}.dt-live-list #tvChannelList{overflow:auto}.dt-live-list #tvChannelList::-webkit-scrollbar{width:5px}.dt-live-list #tvChannelList::-webkit-scrollbar-thumb{background:#303b4b;border-radius:8px}.dt-tv-row{width:100%;height:58px;border:0;border-bottom:1px solid #1c2531;background:transparent;color:#eaf0f6;display:grid;grid-template-columns:36px 45px 1fr 22px;align-items:center;gap:7px;padding:0 11px;text-align:left;cursor:pointer}.dt-tv-row:hover,.dt-tv-row.selected,.dt-tv-row.remote-focus{background:#171e28}.dt-tv-row.remote-focus{outline:2px solid var(--cyan);outline-offset:-2px}.dt-tv-row>b{font-size:11px;color:#7e8b9b;text-align:center}.dt-tv-row span{height:38px;display:flex;align-items:center;justify-content:center;background:#151c26;border-radius:6px}.dt-tv-row img{max-width:35px;max-height:28px;object-fit:contain}.dt-tv-row i{font-style:normal;font-size:10px;color:#6f7c8c;font-weight:900}.dt-tv-row em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:750;font-size:12px}.dt-tv-row>strong{font-size:17px;color:#677487;text-align:center}
.dt-ch-overlay{position:absolute;left:18px;bottom:64px;display:none;align-items:center;gap:10px;background:rgba(5,8,12,.82);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:9px 12px;backdrop-filter:blur(8px);z-index:5}.dt-ch-overlay.show{display:flex}.dt-ch-overlay b{font-size:20px}.dt-ch-overlay span{font-size:13px;color:#d5dce5}
.dt-remote-hint{margin-top:10px;min-height:42px;display:flex;align-items:center;gap:9px;color:#8e9bad;font-size:11px}.dt-remote-hint b{color:#cbd4df}.dt-remote-hint .dt-kbd{margin-left:auto;border:1px solid #252e3b;background:#10151e;border-radius:6px;padding:6px 9px;color:#8491a2;font-weight:800}
/* Start banner */
.dt-banner{margin-top:12px;min-height:86px;border:1px solid #252e3b;border-radius:13px;background:linear-gradient(100deg,#10151d,#121a24 55%,#0e1925);display:flex;align-items:center;gap:15px;padding:9px 17px;box-shadow:0 12px 35px rgba(0,0,0,.2)}.dt-banner-logo{width:150px;height:65px;object-fit:contain}.dt-banner-copy{display:flex;flex-direction:column;gap:5px;flex:1}.dt-banner-copy b{font-size:18px;letter-spacing:.4px}.dt-banner-copy small{color:#8d9aab;font-size:11px}.dt-banner button{border:0;border-radius:6px;background:var(--brand);color:#fff;font-weight:900;padding:11px 16px;cursor:pointer}
/* Content rails */
.dt-section{margin-top:30px;scroll-margin-top:90px}.dt-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dt-section-head h2{font-size:19px;margin:0;font-weight:850;letter-spacing:-.3px}.dt-section-head h2:first-letter{color:var(--brand)}.dt-section-head a{color:#8996a7!important;font-size:11px;font-weight:800}.dt-section-head a:hover{color:#fff!important}.dt-rail{display:flex;gap:10px;overflow:auto;padding:2px 2px 9px}.dt-rail::-webkit-scrollbar{height:5px}.dt-rail::-webkit-scrollbar-thumb{background:#2a3442;border-radius:5px}.channel{flex:0 0 150px;min-height:165px;background:#0e141d;border:1px solid #222b38;border-radius:10px;padding:9px;position:relative;text-align:center;cursor:pointer;transition:.16s}.channel:hover,.channel.selected{border-color:#3a4656;transform:translateY(-2px);background:#121923;box-shadow:0 12px 28px rgba(0,0,0,.25)}.channel-logo{height:82px;display:flex;align-items:center;justify-content:center;background:#111720;border-radius:7px}.channel-logo img{max-width:105px;max-height:64px;object-fit:contain}.tv-fallback{font-size:22px;font-weight:950;color:#697789}.channel-no{display:block;color:#778597;font-size:10px;margin-top:8px}.channel-name{font-size:12px;font-weight:800;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav{position:absolute;right:7px;top:7px;border:1px solid #303a48;background:#101720;color:#788699;border-radius:50%;width:27px;height:27px;cursor:pointer;z-index:2}.fav:hover,.fav.on{color:#ff5364;border-color:#4a2b31}
.dt-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.dt-cat{height:72px;border-radius:9px;border:1px solid #242d39;background:#0e141d;display:flex;align-items:center;padding:13px;font-weight:850;font-size:13px;color:#d6dee8!important}.dt-cat:hover{border-color:#3b4858;background:#141b25}.dt-guide{border:1px solid #242d39;border-radius:10px;overflow:hidden;background:#0d131b}.dt-guide-row{display:grid;grid-template-columns:1.3fr .7fr 1fr 1fr;gap:10px;padding:11px 13px;border-bottom:1px solid #1d2631;font-size:12px}.dt-guide-row.head{background:#141a23;color:#aeb9c7;font-weight:900}.empty{padding:25px;color:#788698;font-size:12px}
/* Modals */
.modal{display:none;position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.8);align-items:center;justify-content:center;padding:18px;overflow:auto}.modal.open{display:flex}.modalbox{width:min(580px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#0e141d;border:1px solid #2a3442;border-radius:14px;padding:22px;position:relative;box-shadow:0 25px 90px rgba(0,0,0,.55)}.close{position:absolute;right:10px;top:7px;border:0;background:none;color:#9aa6b5;font-size:28px;cursor:pointer}.close:hover{color:#fff}.formgrid{display:grid;gap:9px}.formgrid input,.formgrid textarea{background:#080c12;border:1px solid #293342;color:#fff;border-radius:7px;padding:11px}.notice{background:#121b26;border:1px solid #293442;padding:11px;border-radius:7px;color:#aeb9c6;font-size:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.plan{position:relative;border:1px solid #27313e;background:#0a1017;border-radius:10px;padding:16px;text-align:center}.plan.featured{border-color:var(--brand)}.plan h3{margin:2px 0 7px}.plan strong{font-size:27px;display:block}.plan p{color:#8e9aaa;min-height:48px;font-size:11px}.plan-btn{width:100%}.plan-badge{position:absolute;right:7px;top:7px;background:var(--brand);font-size:8px;font-weight:900;padding:4px 5px;border-radius:4px}.payment-box{margin-top:15px;padding:14px;border:1px solid #293442;border-radius:10px;background:#0a1017}.bank-details{display:grid;grid-template-columns:125px 1fr;gap:8px 12px;padding:11px;border-radius:8px;background:#080d13;font-size:12px}.bank-details span{font-weight:800;word-break:break-word}.copy-btn{border:1px solid #2d3948;background:#131b25;color:#dce5ef;border-radius:6px;padding:5px 8px;cursor:pointer;font-size:11px}.gpay-actions{display:flex;gap:8px;margin:12px 0}.upi-btn{background:#131b25}.pay-phone{color:#fff!important;font-weight:900}
.dt-mobile-nav{display:none}
/* Responsive */
@media(max-width:1200px){.dt-nav a{padding:9px 8px;font-size:11px}.dt-search{width:175px}.dt-player-layout{grid-template-columns:minmax(0,1fr) 320px}.dt-cats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.dt-topbar{height:68px}.dt-brand{min-width:130px}.dt-brand img{width:130px;height:48px}.dt-nav{display:none}.dt-search{flex:1;width:auto}.dt-layout{min-height:calc(100vh - 68px)}.dt-content{padding:12px 12px 82px}.dt-hero{height:260px}.dt-player-layout{grid-template-columns:1fr}.dt-live-list{max-height:360px}.dt-banner-logo{width:125px}.dt-cats{grid-template-columns:repeat(3,1fr)}.dt-mobile-nav{position:fixed;display:flex;z-index:70;left:8px;right:8px;bottom:8px;height:60px;border:1px solid #2a3442;border-radius:12px;background:rgba(12,16,23,.96);backdrop-filter:blur(15px);align-items:center;justify-content:space-around;box-shadow:0 15px 45px rgba(0,0,0,.4)}.dt-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#7f8b9c!important;font-size:18px;min-width:50px}.dt-mobile-nav a span{font-size:9px;font-weight:800}.dt-mobile-nav a.active{color:#fff!important}.dt-mobile-nav a.active:first-child{color:var(--brand)!important}}
@media(max-width:600px){.dt-search{height:38px}.dt-circle{width:38px;height:38px}.dt-hero{height:235px;border-radius:13px}.dt-hero-content{padding:25px 22px}.dt-hero h1{font-size:35px}.dt-hero p{font-size:12px}.dt-watch{padding:10px 14px}.dt-player-layout{margin-top:11px}.dt-playerbar{height:auto;min-height:48px;gap:6px;flex-wrap:wrap;padding:7px 9px}.dt-player-controls{margin-left:auto}.dt-remote-hint{display:none}.dt-banner{min-height:70px;padding:7px 10px;gap:8px}.dt-banner-logo{width:100px;height:52px}.dt-banner-copy b{font-size:13px}.dt-banner-copy small{font-size:9px}.dt-banner button{font-size:9px;padding:9px 10px}.dt-section{margin-top:24px}.dt-section-head h2{font-size:17px}.channel{flex-basis:132px;min-height:150px}.channel-logo{height:72px}.dt-cats{grid-template-columns:repeat(2,1fr)}.dt-guide-row{grid-template-columns:1.25fr .65fr 1fr 1fr;font-size:10px;padding:9px 8px}.plans{grid-template-columns:1fr}.bank-details{grid-template-columns:105px 1fr}}
@media(min-width:901px) and (orientation:landscape){#dthtv-app.tv-fullscreen .dt-topbar{display:none}#dthtv-app.tv-fullscreen .dt-content{max-width:none;padding:0}#dthtv-app.tv-fullscreen .dt-player-layout{margin:0;grid-template-columns:1fr 340px}#dthtv-app.tv-fullscreen .dt-player-wrap{border-radius:0}#dthtv-app.tv-fullscreen .dt-live-list{border-radius:0}}