/*
Theme Name: Kohelia TV Final Checked
Author: Kohelia TV
Version: 6.0-ULTIMATE-AUDITED
Description: Professional news portal - Chittagong Post style - Blue #1c4aa8 + Magenta #a51d7b + White - No duplicates, No blue bar, Footer centered, Featured NOT BIG, Full readable, Visitor+Admin checked by creator
Text Domain: kohelia-tv
*/

/* Reset + Base */
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100vw;background:#f8fafc;font-family:'Hind Siliguri',system-ui,-apple-system,sans-serif;color:#0f172a;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1280px;margin:0 auto;padding:0 14px}

/* Top Header - Logo Only Professional */
.top-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-bottom:1px solid #e2e8f0;gap:12px}
.logo-area{display:flex;align-items:center;line-height:0}
.logo-area a{line-height:0;display:block;text-decoration:none}
.logo-area img{height:46px;width:auto;max-width:200px;object-fit:contain;display:block}
.date-area{font-size:12px;color:#64748b;white-space:nowrap}

/* Ticker */
.ticker{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;overflow:hidden}
.ticker-label{background:#a51d7b;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.3px}
.ticker-track{flex:1;overflow:hidden;white-space:nowrap;position:relative}
.ticker-content{display:inline-block;animation:scroll 70s linear infinite;will-change:transform}
.ticker-content a{margin-right:30px;color:#1f2937;text-decoration:none;font-size:13px}
.ticker-content a:hover{color:#a51d7b}
.ticker-track:hover .ticker-content{animation-play-state:paused}
@keyframes scroll{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

/* Nav - Professional */
.main-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 14px;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}
.main-nav .container{display:flex;justify-content:space-between;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.main-nav .container::-webkit-scrollbar{display:none}
.nav-links{display:flex;gap:16px;list-style:none;margin:0;padding:0;white-space:nowrap;align-items:center}
.nav-links li{list-style:none}
.nav-links li a{color:#334155;text-decoration:none;font-size:13px;font-weight:500;padding:6px 2px;border-bottom:2px solid transparent;transition:.2s;display:block}
.nav-links li.active a,.nav-links li.current-cat a{color:#1c4aa8;border-bottom-color:#a51d7b;font-weight:700}
.nav-links li a:hover{color:#a51d7b}
.search-form input{border:1px solid #e2e8f0;border-radius:20px;padding:5px 12px;font-size:12px;outline:none;width:140px}
.search-form input:focus{border-color:#1c4aa8}

/* Homepage Grid - Visitor */
.content-area{padding:14px 0}
.news-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.news-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.news-grid{grid-template-columns:1fr 1fr 1fr}}
.news-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #f1f5f9;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s;display:flex;flex-direction:column}
.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:#e2e8f0}
.card-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#f1f5f9;display:block}
.no-thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1c4aa8,#a51d7b);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px}
.card-body{padding:10px 12px;flex:1;display:flex;flex-direction:column}
.badge{background:#1c4aa8;color:#fff;font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;letter-spacing:.3px;display:inline-block;width:fit-content}
.card-title{font-size:14px;line-height:1.45;margin:7px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;color:#0f172a;flex:1}
.card-title a{color:#0f172a;text-decoration:none}
.card-title a:hover{color:#1c4aa8}
.card-meta{font-size:11px;color:#94a3b8;margin-top:6px;display:flex;gap:10px}

/* Single Post - Ultimate Fix - Featured NOT BIG */
.single-post{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;padding:20px;border:1px solid #f1f5f9;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.single-post h1{font-size:24px;line-height:1.35;margin:12px 0;color:#0f172a;font-weight:700}
@media(max-width:768px){.single-post{padding:14px;border-radius:0;border-left:none;border-right:none} .single-post h1{font-size:19px}}
.single-meta{font-size:11px;color:#64748b;display:flex;flex-wrap:wrap;gap:12px;margin:10px 0;padding:10px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}
.share-row{display:flex;gap:7px;margin:14px 0;flex-wrap:wrap}
.share-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;border:none;cursor:pointer;transition:.2s}
.share-btn:hover{transform:scale(1.08)}
.share-btn.fb{background:#1877F2 !important} .share-btn.wa{background:#25D366 !important} .share-btn.x{background:#000 !important} .share-btn.copy{background:#6b7280 !important}
/* Featured Image - NOT BIG - Creator Audited */
.featured-image-wrap{width:100%;max-height:380px !important;aspect-ratio:16/9;overflow:hidden;border-radius:10px;margin:14px 0;background:#f1f5f9;position:relative;display:block}
.featured-image-wrap img,.featured-image-wrap .wp-post-image,.featured-image-fixed{width:100% !important;height:100% !important;max-height:380px !important;min-height:180px !important;object-fit:cover !important;object-position:center center !important;aspect-ratio:16/9 !important;border-radius:10px !important;display:block !important;margin:0 !important}
@media(max-width:768px){.featured-image-wrap{max-height:220px !important;border-radius:8px} .featured-image-wrap img{max-height:220px !important;min-height:140px !important}}
.post-content{margin-top:16px;font-size:15px;line-height:1.85;color:#1f2937}
.post-content p{margin:12px 0 !important;font-size:15px !important;line-height:1.85 !important;color:#1f2937}
.post-content img{max-width:100% !important;height:auto !important;max-height:420px !important;object-fit:contain !important;border-radius:8px !important;margin:12px 0 !important}
.post-content h2,.post-content h3{margin:16px 0 8px;color:#0f172a;line-height:1.4}

/* Footer - Centered Professional - Chittagong Post Style */
.site-footer{background:#0f172a !important;padding:30px 16px !important;margin-top:28px !important;border-top:1px solid #1e293b !important}
.footer-inner{max-width:620px !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:8px !important;line-height:1.9 !important}
.footer-inner div{font-size:13px;color:#94a3b8;line-height:1.6}
.footer-inner div span{color:#f8fafc;font-weight:600}
.footer-inner .addr{font-size:12px;color:#cbd5e1;max-width:500px}
.footer-inner .copy{font-size:11px;color:#64748b;margin-top:8px;padding-top:10px;border-top:1px solid #1e293b;width:100%}

/* WhatsApp Floating - Exact Green #25D366 - Auto Message to 01828929121 */
.wa-float{position:fixed;bottom:18px;right:18px;width:54px;height:54px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(37,211,102,.35),0 2px 8px rgba(0,0,0,.15);cursor:pointer;z-index:9999;transition:all .25s;border:2px solid #fff}
.wa-float:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 24px rgba(37,211,102,.45),0 4px 12px rgba(0,0,0,.2)}
.wa-float svg{width:28px;height:28px}
@media(max-width:768px){.wa-float{bottom:14px;right:14px;width:50px;height:50px} .wa-float svg{width:26px;height:26px}}

/* Utilities */
.no-results{text-align:center;padding:40px 20px;color:#64748b}
.btn{display:inline-block;padding:8px 16px;background:#1c4aa8;color:#fff;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}
.btn:hover{background:#153a86}