/*
Theme Name: Kohelia TV 2026 PRO - Responsive Fixed
Theme URI: https://www.koheliatv.com
Author: Kohelia TV Team
Author URI: https://www.koheliatv.com
Description: Kohelia TV 2026 PRO - Full Responsive Architecture Fixed - Mobile First, No Horizontal Overflow, Logo Auto-Fit Original Ratio, Full Admin Control, 9 Upazila Real Count, Video First, Professional News Platform - Future Ready
Version: 7.0 PRO FINAL RESPONSIVE FIXED
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kohelia-tv
Tags: responsive, mobile-first, no-overflow, auto-fit-logo, coxsbazar, 9-upazila, video, shorts
*/
:root{--blue:#0F52BA;--magenta:#A3117E;--ink:#0F172A;--ink-2:#475569;--ink-3:#94A3B8;--line:#E2E8F0;--bg:#FFFFFF;--bg-soft:#F8FAFC;--radius:14px;--radius-lg:18px;--wa:#25D366}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{width:100%;max-width:100%;overflow-x:hidden !important;background:var(--bg);color:var(--ink);font-family:'Hind Siliguri',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
img,video,iframe,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit}

/* CONTAINER - NO FIXED WIDTH EVER */
.container{width:100% !important;max-width:1280px !important;min-width:0 !important;margin-left:auto !important;margin-right:auto !important;padding-left:16px !important;padding-right:16px !important;box-sizing:border-box}
@media(max-width:767px){.container{padding-left:12px !important;padding-right:12px !important}}

/* HEADER - FLEX ARCHITECTURE - NO OVERFLOW */
.header{width:100%;max-width:100%;background:#fff;border-bottom:2.5px solid var(--blue);position:sticky;top:0;z-index:1000;box-shadow:0 2px 16px rgba(15,82,186,.07)}
.header-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:8px 0}
@media(min-width:768px){.header-top{min-height:72px}}

/* LOGO - AUTO-FIT ORIGINAL RATIO - NO STRETCH/CROP/OVERFLOW - FINAL FIX */
.logo-wrap{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:10px;max-width:62%}
@media(min-width:768px){.logo-wrap{max-width:320px}}
.logo-wrap a{display:flex;align-items:center;min-width:0;max-width:100%}
.custom-logo-link{display:flex;align-items:center;max-width:100%}
.custom-logo, .logo-wrap img, .site-logo img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
  aspect-ratio:auto !important;
  image-rendering:-webkit-optimize-contrast;
}
@media(min-width:768px){.custom-logo, .logo-wrap img, .site-logo img{max-height:52px !important}}
@media(min-width:1025px){.custom-logo, .logo-wrap img, .site-logo img{max-height:56px !important}}
.logo-text{font-family:Inter,sans-serif;font-weight:900;font-size:28px;letter-spacing:-1px;display:flex;gap:7px;align-items:center;line-height:1}
@media(min-width:768px){.logo-text{font-size:34px}}
.logo-text .k{color:var(--blue)}.logo-text .tv{background:var(--magenta);color:#fff;padding:4px 9px;border-radius:8px;font-size:14px}
.tagline{display:none;min-width:0}
@media(min-width:1024px){.tagline{display:block;border-left:2px solid var(--blue);padding-left:12px;flex-shrink:0}.tagline .bn{font-size:11px;font-weight:800;color:var(--blue);line-height:1.1}.tagline .en{font-size:10px;color:var(--ink-3);line-height:1.1;margin-top:2px}}

/* SEARCH - RESPONSIVE AUTO */
.search-wrap{flex:1 1 320px;max-width:480px;min-width:0;position:relative;display:none}
@media(min-width:768px){.search-wrap{display:flex;align-items:center}}
.search-wrap input{width:100%;height:42px;padding:0 46px 0 16px;border:2px solid var(--line);border-radius:9999px;font-size:13px;outline:none;background:#F0F5FF;transition:.2s}
.search-wrap input:focus{border-color:var(--blue);background:#fff}
.search-wrap button{position:absolute;right:4px;top:4px;bottom:4px;width:38px;border-radius:9999px;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer}
.search-mobile{display:flex;align-items:center;gap:6px;flex-shrink:0}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;font-size:14px}

/* NAV - HORIZONTAL SCROLL NO WRAP - NO OVERFLOW */
.nav-wrap{width:100%;max-width:100%;background:var(--blue);overflow:hidden}
.nav{width:100%;display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;white-space:nowrap;padding:11px 14px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.92);border-bottom:2.5px solid transparent;transition:.15s}
.nav a:hover,.nav a.active{color:#fff;border-bottom-color:var(--magenta);background:rgba(255,255,255,.10)}

/* BREAKING - TICKER RESPONSIVE */
.breaking{width:100%;max-width:100%;background:var(--magenta);color:#fff;min-height:40px;display:flex;align-items:center;overflow:hidden}
.breaking .container{display:flex;align-items:center;gap:10px;min-width:0}
.badge{background:#fff;color:var(--magenta);padding:4px 10px;border-radius:7px;font-size:10.5px;font-weight:800;flex-shrink:0;letter-spacing:.3px}
.ticker{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}

/* AD - RESPONSIVE NO FIXED WIDTH */
.ad-box{width:100%;max-width:100%;margin:14px 0;background:#fff;border:1.5px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:8px;min-height:90px;overflow:hidden;box-sizing:border-box}
.ad-box .inner{width:100%;max-width:970px;min-height:70px;background:linear-gradient(90deg,#F0F5FF 0%,#FDF2F8 100%);border:1px dashed var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;flex-wrap:wrap}
.ad-box span{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--ink-2)}

/* HERO - MOBILE 1 COLUMN, DESKTOP 1.55fr+1fr - AUTO REFLOW */
.hero{width:100%;max-width:100%;padding-top:14px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.hero{grid-template-columns:1.55fr 1fr;gap:16px;padding-top:18px}}
.hero-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#0f172a;aspect-ratio:16/10.5;min-height:360px;width:100%;max-width:100%}
@media(min-width:768px){.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,.88) 0%,rgba(15,82,186,.45) 45%,transparent 78%)}
.hero-content{position:absolute;bottom:0;left:0;right:0;padding:14px 14px 16px;color:#fff;z-index:2;max-width:100%}
.kickers{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.kicker{padding:4px 10px;border-radius:9999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.kicker.white{background:rgba(255,255,255,.96);color:var(--blue)}.kicker.magenta{background:var(--magenta);color:#fff}
.hero-title{font-size:20px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(min-width:768px){.hero-title{font-size:24px}}
.hero-meta{display:flex;gap:8px;margin-top:8px;font-size:11px;opacity:.9;flex-wrap:wrap}

/* SIDE CARDS */
.side-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.side-grid{grid-template-columns:1fr}}
.side-card{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9.2;width:100%;max-width:100%}
.side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* PILLS - 9 UPAZILA - HORIZONTAL SCROLL MOBILE, WRAP DESKTOP - REAL COUNT */
.pills-section{width:100%;max-width:100%;margin-top:18px;background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;overflow:hidden;box-sizing:border-box}
.pills-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.pills-title{font-size:15px;font-weight:800;line-height:1.2}.pills-sub{font-size:11px;color:var(--ink-3);margin-top:2px}
.pills{width:100%;max-width:100%;display:flex;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.pills::-webkit-scrollbar{display:none}
@media(min-width:1024px){.pills{flex-wrap:wrap !important;overflow-x:visible !important}}
.pill{flex:0 0 auto !important;white-space:nowrap !important;padding:8px 14px;border-radius:9999px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600;background:#fff;color:var(--ink);transition:.15s;cursor:pointer;max-width:100%}
.pill.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.pill:hover{border-color:var(--blue);color:var(--blue)}.pill.active:hover{color:#fff}

/* AREA SEARCH - RESPONSIVE GRID */
.area-search{width:100%;max-width:100%;margin-top:14px;background:linear-gradient(90deg,#F0F5FF 0%,#FDF2F8 100%);border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;box-sizing:border-box}
.area-title{font-size:14px;font-weight:800;margin-bottom:10px}
.area-grid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:600px){.area-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.area-grid{grid-template-columns:1fr 1fr 1fr auto}}
.area-grid select,.area-grid button{height:42px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font-size:13px;width:100%;box-sizing:border-box;background:#fff}
.area-grid button{background:var(--blue);color:#fff;border:0;font-weight:700;cursor:pointer;white-space:nowrap}

/* CATEGORY GRID - MOBILE 1, TABLET 2, DESKTOP 3 - AUTO REFLOW */
.cat-grid{width:100%;max-width:100%;margin-top:18px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:700px){.cat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
.cat-box{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;width:100%;max-width:100%;display:flex;flex-direction:column;min-width:0}
.cat-box-head{padding:12px 14px;border-bottom:1.5px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.cat-box-title{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cat-box-count{font-size:11px;color:var(--ink-3);flex-shrink:0}
.cat-box-body{padding:10px;display:grid;gap:10px}
.cat-item{display:flex;gap:10px;min-width:0}
.cat-thumb{width:80px;height:60px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f1f5f9}
.cat-thumb img{width:100%;height:100%;object-fit:cover}
.cat-item-text{min-width:0;flex:1}
.cat-item-title{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cat-item-time{font-size:11px;color:var(--ink-3);margin-top:4px}

/* LATEST + VIDEO SECTION - RESPONSIVE */
.two-col{width:100%;max-width:100%;margin-top:18px;display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.two-col{grid-template-columns:1fr 1fr}}
.box{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:14px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}

/* FOOTER - MOBILE 1, DESKTOP MULTI - NO OVERFLOW */
.footer{width:100%;max-width:100%;margin-top:28px;background:#0F172A;color:#E2E8F0;padding:24px 0;overflow:hidden}
.footer-grid{width:100%;max-width:100%;display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:700px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.footer-grid{grid-template-columns:1.3fr .7fr .7fr .7fr}}
.footer a{color:#CBD5E1}.footer a:hover{color:#fff}

/* UTILITIES - HIDE EMPTY - NO 0 NEWS */
.hide-empty:empty,.cat-box:empty,.pills:empty{display:none !important}
.no-posts-message{display:none !important} /* Hide 0 টি সংবাদ - Conditional Display */

/* REMOVE ALL DEMO TEXT PLACEHOLDERS */
.demo-text,.placeholder-text,.pro-badge,.category-grid-demo,.timeline-widget-demo,.studio-canvas-demo{display:none !important}

/* FACT CHECK */
.fact-verified{background:#22C55E;color:#fff;padding:12px 16px;border-radius:10px}.fact-false{background:#EF4444;color:#fff;padding:12px 16px;border-radius:10px}.fact-misleading{background:#F59E0B;color:#000;padding:12px 16px;border-radius:10px}.fact-unverified{background:#6B7280;color:#fff;padding:12px 16px;border-radius:10px}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:18px;right:18px;width:54px;height:54px;background:#25D366;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:26px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:767px){.wa-float{bottom:14px;right:14px;width:52px;height:52px}}

/* GLOBAL IMAGE FIX - NO DISTORT */
img{object-fit:cover}
img.contain{object-fit:contain !important}

/* ENSURE NO FIXED DESKTOP WIDTH ANYWHERE - FINAL GUARD */
[class*="col-"], [class*="span-"], .row, .wrapper, #page, #content, #primary, #main{max-width:100% !important;min-width:0 !important;box-sizing:border-box}