/*
Theme Name: Khabar Bite News Simple
Author: Khabar Bite
Description: Simple stable WordPress news theme for Khabar Bite.
Version: 2.4.0
Text Domain: khabar-bite-news
*/
:root{--red:#e31b23;--dark:#111827;--bg:#f4f5f7;--white:#fff;--muted:#6b7280;--border:#e5e7eb}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#171717;font-family:Arial,"Noto Sans Devanagari",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(1200px,calc(100% - 24px));margin:auto}
.notice{background:var(--red);color:#fff;padding:8px 0;font-size:13px}.notice .wrap{display:flex;justify-content:space-between;align-items:center}.close{background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
.header{background:#fff;border-bottom:1px solid var(--border)}.head{display:flex;align-items:center;gap:25px;padding:17px 0}.logo{font-weight:900;font-size:34px;letter-spacing:-1.5px;white-space:nowrap}.logo b{background:var(--red);color:#fff;padding:0 6px;border-radius:4px}.tag{font-size:11px;color:var(--muted)}
.search{flex:1;display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.search input{width:100%;border:0;padding:11px;outline:0}.search button{border:0;background:#fff;padding:0 14px}.tools{display:flex;align-items:center;gap:7px}.tools select,.btn{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.nav{background:var(--dark);color:#fff}.nav .wrap{display:flex;overflow:auto}.nav a{padding:12px 10px;font-size:13px;font-weight:bold;white-space:nowrap}.nav a:hover{background:#263041}
.breaking{background:#fff;border-bottom:1px solid var(--border)}.breaking .wrap{display:flex;align-items:center;height:44px;overflow:hidden}.breaking strong{background:var(--red);color:#fff;padding:6px 10px;font-size:11px;white-space:nowrap;margin-right:12px}.ticker{white-space:nowrap;overflow:hidden}.ticker a{margin-right:28px;font-size:13px}
main{padding:22px 0}.ad{height:90px;border:1px dashed #c7cbd1;background:#eceef1;display:flex;align-items:center;justify-content:center;color:#777;font-size:12px;margin:18px 0}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:16px}.hero-main{position:relative;min-height:400px;background:#111;border-radius:12px;overflow:hidden}.hero-main img{width:100%;height:400px;object-fit:cover}.hero-text{position:absolute;left:0;right:0;bottom:0;padding:25px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.9))}.hero-text h1{font-size:38px;line-height:1.15;margin:8px 0}.cat{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:bold;padding:3px 7px;border-radius:4px}
.side{display:grid;gap:12px}.side article{display:grid;grid-template-columns:110px 1fr;gap:10px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:8px}.side img{width:110px;height:85px;object-fit:cover;border-radius:6px}.side h3{font-size:15px;line-height:1.25;margin:4px 0}.meta{font-size:11px;color:var(--muted)}
.section{margin-top:30px}.section-title{border-bottom:2px solid #111;margin-bottom:14px}.section-title h2{display:inline-block;border-bottom:4px solid var(--red);margin:0;padding:0 0 5px;font-size:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.card img{width:100%;height:185px;object-fit:cover}.card-body{padding:11px}.card h3{font-size:17px;line-height:1.3;margin:6px 0}.card p{font-size:13px;color:var(--muted);margin:0}
.layout{display:grid;grid-template-columns:1fr 300px;gap:22px}.list{display:grid;gap:14px}.list .card{display:grid;grid-template-columns:230px 1fr}.list .card img{height:165px}
.article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px}.article h1{font-size:46px;line-height:1.1;margin:10px 0}.article .content{font-size:18px;line-height:1.85}.article figure{margin:20px 0}.sidebar{display:grid;gap:15px}.widget{background:#fff;border:1px solid var(--border);border-radius:10px;padding:15px}.widget h3{border-left:4px solid var(--red);padding-left:8px;margin-top:0}
.footer{background:#101820;color:#ddd;margin-top:40px;padding:35px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#ddd;margin:5px 0}.copy{border-top:1px solid #34404b;margin-top:25px;padding-top:15px;font-size:12px}
@media(max-width:900px){.head{flex-wrap:wrap}.search{order:3;flex-basis:100%}.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 16px)}.logo{font-size:27px}.tag{font-size:9px}.tools .login-text{display:none}.grid{grid-template-columns:1fr}.list .card{grid-template-columns:115px 1fr}.list .card img{height:120px}.hero-main,.hero-main img{min-height:330px;height:330px}.hero-text h1{font-size:27px}.article{padding:18px}.article h1{font-size:32px}.footer-grid{grid-template-columns:1fr}}

/* Dark mode */
body.kb-dark{--bg:#0b0f14;color:#f3f4f6}body.kb-dark .header,body.kb-dark .breaking,body.kb-dark .side article,body.kb-dark .card,body.kb-dark .article,body.kb-dark .widget{background:#111820;color:#f3f4f6;border-color:#27313c}body.kb-dark .search{background:#111820;border-color:#27313c}body.kb-dark .search input,body.kb-dark .search button,body.kb-dark .tools select,body.kb-dark .btn{background:#111820;color:#f3f4f6;border-color:#27313c}body.kb-dark .section-title{border-color:#e5e7eb}body.kb-dark .meta,body.kb-dark .card p{color:#aab3bf}body.kb-dark .ad{background:#171d24;color:#9aa5b2;border-color:#374151}
.login-options{max-width:520px;margin:20px auto;padding:28px;background:#fff;border:1px solid var(--border);border-radius:12px}.login-options h2{margin-top:0}.login-help{color:var(--muted)}.login-methods{display:grid;gap:10px}.login-method{display:block;text-align:center;padding:11px;border-radius:7px;font-weight:bold;border:1px solid var(--border)}.login-method.facebook{background:#1877f2;color:#fff}.login-method.google{background:#fff;color:#222}.login-method.phone{background:var(--red);color:#fff}.login-divider{text-align:center;border-top:1px solid var(--border);margin:22px 0;padding-top:10px}.login-divider span{font-size:12px;color:var(--muted)}.login-options form p{margin:10px 0}.login-options form input[type=text],.login-options form input[type=password]{width:100%;padding:10px;border:1px solid var(--border);border-radius:6px}.login-options form input[type=submit]{padding:10px 16px;border:0;border-radius:6px;background:var(--red);color:#fff;font-weight:bold}
body.kb-dark .login-options{background:#111820;border-color:#27313c}.theme-toggle{cursor:pointer}

.social-footer{border-top:1px solid #34404b;padding-top:20px;margin-top:10px}
.social-footer h3{margin:0 0 12px;color:#fff}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-links a{display:inline-block!important;border:1px solid #4b5563;border-radius:7px;padding:8px 13px;color:#fff!important;margin:0!important}
.social-links a:hover{background:#e31b23;border-color:#e31b23}


/* v2.4 Responsive / bilingual UI stability */
html{overflow-x:hidden}body{overflow-x:hidden;min-width:0}.wrap{width:min(1200px,calc(100% - 32px));max-width:100%;}.head{min-width:0}.brand{min-width:0}.logo{display:inline-block}.tag{white-space:nowrap}.search{min-width:0}.search input{min-width:0}.tools{flex-wrap:wrap;justify-content:flex-end}.nav .wrap{scrollbar-width:thin}.breaking .wrap{min-width:0}.ticker{min-width:0;flex:1}.hero-main{min-width:0}.hero-main img{width:100%}.side{min-width:0}.side article{min-width:0}.side h3,.card h3,.article h1{overflow-wrap:anywhere}.grid,.layout,.footer-grid{min-width:0}.card{min-width:0}.card img{width:100%}.article img{max-width:100%;height:auto}.content{overflow-wrap:anywhere}.social-links{min-width:0}
@media(max-width:1100px){.head{gap:14px}.logo{font-size:30px}.tools{gap:5px}.nav a{padding:11px 8px}.hero{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card img{height:170px}}
@media(max-width:800px){.wrap{width:calc(100% - 24px)}.head{display:grid;grid-template-columns:1fr auto;align-items:center}.brand{grid-column:1}.tools{grid-column:2;grid-row:1}.search{grid-column:1/-1;grid-row:2;width:100%}.hero{grid-template-columns:1fr}.hero-main,.hero-main img{height:360px;min-height:360px}.side{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.sidebar{display:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.article{padding:22px}.article h1{font-size:38px}}
@media(max-width:560px){.wrap{width:calc(100% - 16px)}.notice{font-size:11px}.head{grid-template-columns:1fr auto;gap:8px;padding:12px 0}.logo{font-size:25px;letter-spacing:-1px}.tag{font-size:8px}.tools{gap:4px}.tools .btn{padding:7px 8px;font-size:12px}.tools select{padding:7px 5px;font-size:12px;max-width:78px}.tools .login-text{display:inline}.tools .red{font-size:0}.tools .red .login-text{font-size:12px}.search input{padding:10px}.nav a{font-size:12px;padding:10px 8px}.breaking .wrap{height:40px}.breaking strong{font-size:9px;padding:6px 7px;margin-right:7px}.ticker a{font-size:11px;margin-right:18px}.hero-main,.hero-main img{height:310px;min-height:310px}.hero-text{padding:17px}.hero-text h1{font-size:24px}.side{grid-template-columns:1fr}.side article{grid-template-columns:95px 1fr}.side img{width:95px;height:75px}.grid{grid-template-columns:1fr;gap:12px}.card img{height:210px}.section{margin-top:24px}.section-title h2{font-size:22px}.ad{height:70px;margin:14px 0}.article{padding:16px;border-radius:8px}.article h1{font-size:30px}.article .content{font-size:17px}.footer{padding:28px 0}.footer-grid{grid-template-columns:1fr;gap:18px}.social-links{gap:7px}.social-links a{font-size:12px;padding:7px 10px}}
@media(max-width:360px){.logo{font-size:22px}.tag{display:none}.tools select{max-width:68px}.tools .btn{padding:6px}.hero-main,.hero-main img{height:285px;min-height:285px}.hero-text h1{font-size:21px}.article h1{font-size:27px}}
/* Language-aware text is controlled by main.js. */


/* Full-page article translation helper */
.kb-google-translate{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.goog-te-banner-frame.skiptranslate{display:none!important;}
body{top:0!important;}
html body .goog-tooltip,html body .goog-tooltip:hover{display:none!important;}
.goog-text-highlight{background:transparent!important;box-shadow:none!important;}

/* v2.6: full WordPress category navigation */
.nav .wrap{align-items:stretch;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
.nav a{flex:0 0 auto}
.nav .wrap::-webkit-scrollbar{height:4px}
@media(max-width:768px){.nav .wrap{width:100%;padding-left:8px;padding-right:8px}.nav a{padding:11px 9px;font-size:12px}.breaking .wrap{width:100%}}
/* v2.7 public login/register + email subscription popup */
.login-methods{display:grid;gap:10px}.login-method{display:flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid #ddd;border-radius:10px;text-decoration:none;font-weight:700}.kb-public-register form{display:grid;gap:8px;max-width:520px}.kb-public-register input{padding:12px;border:1px solid #ddd;border-radius:8px}.kb-public-register label{font-weight:700;margin-top:5px}.kb-form-error{background:#fff1f1;border:1px solid #e33;padding:10px;border-radius:8px}.kb-subscribe-popup{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.62);align-items:center;justify-content:center;padding:18px}.kb-subscribe-popup.is-open{display:flex}.kb-subscribe-box{position:relative;background:#fff;color:#111;width:min(480px,100%);border-radius:16px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.kb-dark .kb-subscribe-box{background:#171717;color:#fff}.kb-subscribe-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}.kb-sub-icon{font-size:34px;margin-bottom:5px}.kb-subscribe-box form{display:grid;gap:10px}.kb-subscribe-box input{padding:13px;border:1px solid #ccc;border-radius:9px;width:100%;box-sizing:border-box}.kb-subscribe-box button[type=submit]{width:100%}.kb-subscribe-box h2{margin:6px 0 8px}.kb-subscribe-box p{margin:0 0 18px}.kb-subscribe-box #kb-subscribe-msg{margin-top:10px;font-weight:700}