/*
Theme Name: Kohelia TV 2026
Theme URI: https://www.koheliatv.com
Author: Kohelia TV Team
Author URI: https://www.koheliatv.com
Description: Kohelia TV 2026 - Complete Requirements + Final Acceptance Conditions - Future-Ready Multimedia Digital News Platform - Modern Professional Mobile-First Fast SEO-Friendly Video-First Cox's Bazar Focused Multimedia Secure Scalable Future-Ready Fully Admin Controlled Developer Independent - Real Functional Control Not Dummy - Jannah-level extensive visual/admin control but with Kohelia TV's own design architecture admin system - Not Clone
Version: 6.0 FINAL COMPLETE
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kohelia-tv
Tags: news, coxsbazar, 9-upazila, blue, magenta, responsive, custom-logo, custom-menu, featured-images, translation-ready, video, shorts, live-tv, tourism, reporter, fact-check, whatsapp
*/
:root{--blue:#0F52BA;--blue-2:#0E46A0;--blue-soft:#F0F5FF;--blue-soft-2:#DBEAFE;--magenta:#A3117E;--magenta-soft:#FDF2F8;--ink:#0F172A;--ink-2:#475569;--ink-3:#94A3B8;--line:#E2E8F0;--radius:14px;--radius-lg:18px;--green:#22C55E;--red:#EF4444;--yellow:#F59E0B;--gray:#6B7280;--wa:#25D366}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Hind Siliguri',sans-serif;background:#fff;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.container{width:100%!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;padding:0 16px}
@media(min-width:768px){.container{padding:0 20px}}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.header{height:68px;background:#fff;border-bottom:2px solid var(--blue);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(15,82,186,0.08)}
@media(min-width:768px){.header{height:76px}}
.header-top{height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(min-width:768px){.header-top{height:76px}}
.logo-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0;max-width:200px}
.logo{font-family:'Inter',sans-serif;font-weight:900;font-size:30px;letter-spacing:-1.1px;display:flex;gap:8px;align-items:center;line-height:1}
@media(min-width:768px){.logo{font-size:36px}}
.logo .k{color:var(--blue)}.logo .tv{background:var(--magenta);color:#fff;padding:5px 10px;border-radius:9px;font-size:16px}
@media(min-width:768px){.logo .tv{font-size:18px;padding:5px 11px}}
.logo img{max-width:100%!important;height:auto!important;max-height:48px!important;width:auto!important;object-fit:contain!important}
@media(max-width:767px){.logo img{max-height:36px!important}}
.tagline{display:none}@media(min-width:1000px){.tagline{display:block;border-left:2px solid var(--blue);padding-left:12px}.tagline .bn{font-size:11px;font-weight:800;color:var(--blue);text-transform:uppercase}.tagline .en{font-size:10px;color:var(--ink-3)}}
.search-wrap{flex:1;max-width:480px;margin:0 12px;position:relative;display:flex;align-items:center}
@media(max-width:700px){.search-wrap{display:none}}
.search-wrap input{width:100%;height:40px;padding:0 44px 0 16px;border:2px solid var(--line);border-radius:9999px;font-size:13px;font-family:'Hind Siliguri',sans-serif;outline:none;transition:0.2s;background:var(--blue-soft)}
.search-wrap input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px var(--blue-soft)}
.search-wrap button{position:absolute;right:4px;top:4px;bottom:4px;width:36px;border-radius:9999px;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:14px}
.search-mobile{display:flex;align-items:center;gap:8px}@media(min-width:701px){.search-mobile .icon-search{display:none}}
.icon-btn{width:40px;height:40px;border-radius:9999px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;font-size:16px;transition:0.2s}
.icon-btn:hover{border-color:var(--blue);color:var(--blue)}
.nav-wrap{background:var(--blue);position:relative;z-index:90}
.nav{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:11px 13px;font-size:12.5px;font-weight:600;white-space:nowrap;color:rgba(255,255,255,0.9);border-bottom:2.5px solid transparent;flex-shrink:0!important}
@media(min-width:768px){.nav a{padding:12px 14px;font-size:13px}}
.nav a.active{color:#fff;border-bottom-color:var(--magenta);background:rgba(255,255,255,0.10)}
.breaking{background:var(--magenta);color:#fff;height:40px;display:flex;align-items:center;overflow:hidden;position:relative;z-index:80}
.breaking .container{display:flex;gap:10px;align-items:center;width:100%}
.badge{background:#fff;color:var(--magenta);padding:4px 9px;border-radius:6px;font-size:10px;font-weight:800;flex-shrink:0}
.ticker{overflow:hidden;white-space:nowrap;flex:1;font-size:12.5px}
.ticker span{display:inline-block;animation:scroll 80s linear infinite}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.ad-nagad{margin:12px 0;background:#fff;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;position:relative;display:grid;place-items:center}
@media(min-width:768px){.ad-nagad{margin:14px 0}}
.ad-nagad .inner{width:100%;max-width:970px;height:90px;background:linear-gradient(90deg,#F0F5FF 0%,#FDF2F8 100%);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;border:1px dashed var(--blue);border-radius:10px;margin:8px}
@media(max-width:767px){.ad-nagad .inner{height:100px;max-width:100%;flex-direction:column;justify-content:center;padding:10px;text-align:center}}
.hero{padding-top:14px}@media(min-width:900px){.hero{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;padding-top:18px}}
.hero-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:16/10.2}
@media(min-width:900px){.hero-main{min-height:440px}}
.hero-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,82,186,0.90) 0%,rgba(15,82,186,0.48) 42%,transparent 78%);z-index:1}
.hero-content{position:absolute;bottom:0;left:0;right:0;padding:14px;z-index:2;color:#fff}
@media(min-width:768px){.hero-content{padding:20px}}
.kickers{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}
.kicker{padding:5px 10px;border-radius:9999px;font-size:10px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;line-height:1}
.kicker.white{background:rgba(255,255,255,0.96);color:var(--blue)}.kicker.magenta{background:var(--magenta);color:#fff}
.pills{display:flex;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pills::-webkit-scrollbar{display:none}
.pill{flex-shrink:0!important;white-space:nowrap!important;padding:8px 14px;border-radius:9999px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600}
.pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:767px){.footer-grid{grid-template-columns:1fr!important}.footer-col{width:100%!important;border-right:none!important}}
.designation{font-size:13px!important;font-weight:600!important}
.name{font-size:16px!important;font-weight:700!important}
.hero-main img,.card-item img,.cat-i img,.social-card img{width:100%!important;height:100%!important;object-fit:cover!important;aspect-ratio:16/9!important}
.fact-verified{background:var(--green);color:#fff}.fact-false{background:var(--red);color:#fff}.fact-misleading{background:var(--yellow);color:#000}.fact-unverified{background:var(--gray);color:#fff}
.wa-float{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:var(--wa);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:999}