/*
Theme Name: Desh Vibe News Pro
Description: Clean editorial news theme inspired by modern news portals. Images stay clean; headlines appear below images.
Version: 1.0.0
Author: Desh Vibe
License: GNU General Public License v2 or later
Text Domain: desh-vibe-news-pro
*/
:root{--red:#d40000;--dark:#111827;--light:#f5f6f8;--border:#ddd;--blue:#0757b8}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#fff;line-height:1.45}
a{text-decoration:none;color:inherit}.container{width:min(var(--content-width,1200px),94%);margin:auto} body{font-size:calc(16px * var(--font-scale,1))} .main-nav,.site-footer{background:var(--dark,#111827)}
.top-strip{background:#111827;color:#fff;font-size:12px}.top-strip .container{height:32px;display:flex;align-items:center;justify-content:space-between}
.site-header{background:#fff;border-bottom:1px solid #ddd}
.header-main{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}
.site-title{font-size:34px;font-weight:900;letter-spacing:-1.5px;line-height:1}.site-title span{color:var(--red)}
.tagline{font-size:13px;color:#555;margin-top:4px}
.header-ad{height:70px;width:min(550px,48vw);background:#f0f1f3;display:flex;align-items:center;justify-content:center;color:#666;font-size:13px}
.main-nav{background:#111827;color:#fff}.main-nav .container{display:flex;align-items:center;overflow:auto}
.main-nav .menu{display:flex;list-style:none;padding:0;margin:0}.main-nav .menu li{white-space:nowrap}
.main-nav a{display:block;padding:13px 17px;font-weight:700;font-size:14px;border-right:1px solid #303746}
.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--red)}
.breaking{border-bottom:3px solid var(--red);display:flex;align-items:center;margin-top:13px}
.breaking-label{background:var(--red);color:#fff;padding:10px 15px;font-weight:900;white-space:nowrap}
.breaking-text{padding:10px 15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-area{display:grid;grid-template-columns:2fr 1fr;gap:22px;padding:20px 0;border-bottom:1px solid #ccc}
.lead-main img{width:100%;height:400px;object-fit:cover;display:block}
.lead-main h1{font-size:34px;line-height:1.12;margin:12px 0 6px}
.excerpt{color:#555;margin:0}.meta{font-size:12px;color:#6b7280;margin-top:7px}
.side-news{display:grid;gap:15px}.side-card{display:grid;grid-template-columns:135px 1fr;gap:12px;border-bottom:1px solid #ddd;padding-bottom:14px}
.side-card img{width:135px;height:92px;object-fit:cover}.side-card h2{font-size:18px;line-height:1.2;margin:0}
.section{padding:22px 0;border-bottom:1px solid #ccc}.section-title{font-size:25px;margin:0 0 15px;border-left:5px solid var(--red);padding-left:10px;font-weight:900}
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border-bottom:1px solid #bbb;padding-bottom:13px}
.card img{width:100%;height:180px;object-fit:cover;display:block}.card h3{font-size:18px;line-height:1.22;margin:9px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{position:relative;overflow:hidden;background:#eee}
.category-card img{width:100%;height:160px;object-fit:cover;display:block}.category-name{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;padding:5px 9px;font-size:12px;font-weight:900}.category-card h3{background:#fff;margin:0;padding:10px;font-size:17px;line-height:1.2}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:28px}.list-card{display:grid;grid-template-columns:190px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #ccc}
.list-card img{width:190px;height:115px;object-fit:cover}.list-card h3{font-size:19px;line-height:1.2;margin:0}
.sidebar{border-left:1px solid #ccc;padding-left:20px}.sidebar-box{border-top:4px solid #111;padding-top:10px;margin-bottom:22px}.sidebar-box h3{margin:0 0 12px;font-size:21px}
.popular-item{display:grid;grid-template-columns:32px 65px 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #ddd}
.popular-num{font-weight:900;color:var(--red);font-size:20px}.popular-item img{width:65px;height:50px;object-fit:cover}.popular-item h4{margin:0;font-size:14px;line-height:1.2}
.ad-box{background:#f1f2f4;min-height:180px;display:flex;align-items:center;justify-content:center;color:#777;text-align:center;margin:18px 0}
.site-footer{background:#111827;color:#e5e7eb;margin-top:30px;padding:35px 0 15px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.site-footer h3{margin-top:0;color:#fff}.site-footer a{color:#e5e7eb}.site-footer .menu{list-style:none;margin:0;padding:0}.site-footer .menu li{margin:7px 0}
.copyright{border-top:1px solid #374151;margin-top:25px;padding-top:15px;font-size:12px;display:flex;justify-content:space-between}
.pagination{padding:20px 0}.pagination a,.pagination span{display:inline-block;padding:8px 12px;border:1px solid #ddd;margin:2px}
@media(max-width:900px){.header-ad{display:none}.lead-area,.two-col{grid-template-columns:1fr}.news-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.sidebar{border-left:0;padding-left:0}.lead-main img{height:300px}}
@media(max-width:560px){.header-main{min-height:70px}.brand-mark{width:40px;height:40px}.site-title{font-size:25px}.top-strip .container{height:28px}.news-grid,.category-grid{grid-template-columns:1fr}.lead-main img{height:230px}.lead-main h1{font-size:27px}.side-card{grid-template-columns:105px 1fr}.side-card img{width:105px;height:78px}.list-card{grid-template-columns:120px 1fr}.list-card img{width:120px;height:90px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.main-nav a{padding:11px 13px}}

.news-image-placeholder{background:#e5e7eb;width:100%;height:100%;min-height:180px}
.lead-main>a>img{width:100%;height:400px;object-fit:cover;display:block}
.side-card>a>img{width:135px;height:92px;object-fit:cover;display:block}
.card>a>img{width:100%;height:180px;object-fit:cover;display:block}
.list-card>a>img{width:190px;height:115px;object-fit:cover;display:block}
.popular-item>img{width:65px;height:50px;object-fit:cover}
@media(max-width:900px){.lead-main>a>img{height:300px}}
@media(max-width:560px){.lead-main>a>img{height:230px}.side-card>a>img{width:105px;height:78px}.list-card>a>img{width:120px;height:90px}}

/* v2 editorial upgrades */
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:9999}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle{display:none}.breaking{background:#111;color:#fff}.breaking .container{display:flex;gap:15px;padding:7px 20px}.breaking strong{background:var(--red);padding:3px 8px}.search-row{padding:10px 20px}.header-search{display:flex;max-width:560px;margin-left:auto}.header-search input{flex:1;padding:10px;border:1px solid #ccc}.header-search button{padding:10px 16px;background:#111;color:#fff;border:0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.single-article h1{font-size:42px;line-height:1.12;margin:0 0 10px}.meta{color:#666;font-size:14px}.article-image img{width:100%;height:auto;display:block;margin:20px 0}.article-content{font-size:19px;line-height:1.75}.article-tags{margin-top:20px}.share-box,.contact-box{border-top:1px solid #ddd;margin-top:30px;padding-top:20px}.share-title{font-size:20px;font-weight:700;margin-bottom:10px}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share{border:0;padding:9px 13px;text-decoration:none;background:#eee;color:#111;cursor:pointer}.share.whatsapp{background:#25d366;color:#fff}.share.facebook{background:#1877f2;color:#fff}.share.x{background:#111;color:#fff}.share.telegram{background:#229ed9;color:#fff}.contact-box input,.contact-box textarea{width:100%;padding:10px;margin:5px 0 12px;border:1px solid #bbb}.contact-box button{background:var(--red);color:#fff;border:0;padding:11px 18px}.form-success{background:#e8f7e8;padding:10px}.form-error{background:#fdeaea;padding:10px}.related{margin-top:35px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card img,.card .news-image-placeholder{width:100%;height:170px;object-fit:cover}.card h2,.card h3{line-height:1.3;margin:8px 0}.sidebar-box{border-top:3px solid var(--red);padding:12px;margin-bottom:22px;background:#fafafa}.sidebar-box ul{padding-left:18px}.sidebar-box li{margin-bottom:10px}.footer-social{border-top:1px solid rgba(255,255,255,.2);padding:22px 0;text-align:center}.footer-social strong{display:block;margin-bottom:10px}.footer-social a{display:inline-block;padding:8px 13px;margin:4px;background:#222;color:#fff;text-decoration:none}.copyright{display:flex;justify-content:space-between;gap:10px}
@media(max-width:800px){.menu-toggle{display:flex;background:transparent;border:0;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;padding:7px;cursor:pointer}.menu-toggle span{height:3px;background:#111;width:100%;display:block}.header-main{display:flex;align-items:center;gap:10px}.header-ad{display:none}.main-nav{display:none}.main-nav.is-open{display:block}.main-nav .menu{flex-direction:column}.main-nav .menu li{border-top:1px solid #ddd}.article-layout{grid-template-columns:1fr}.sidebar{order:2}.single-article h1{font-size:32px}.card-grid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column}.breaking .container{font-size:13px}.search-row{padding:10px 15px}}
@media(max-width:520px){.card-grid{grid-template-columns:1fr}.article-content{font-size:17px}.share-buttons{display:grid;grid-template-columns:1fr 1fr}.share{width:100%}}


/* Reliable mobile hamburger menu fix */
.menu-toggle{position:relative;z-index:10001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:800px){
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 42px;cursor:pointer}
  .main-nav{display:none!important;position:relative;z-index:10000}
  .main-nav.dvnp-menu-open{display:block!important}
  .main-nav .container{display:block;overflow:visible}
  .main-nav .menu{display:flex;flex-direction:column;width:100%}
  .main-nav .menu li{width:100%;border-top:1px solid rgba(255,255,255,.15)}
  .main-nav .menu a{width:100%;padding:13px 16px}
}
@media(min-width:801px){.main-nav{display:block!important}.menu-toggle{display:none!important}}

/* Full theme customization + bulletproof mobile menu */
.dvnp-menu-toggle{position:relative;z-index:10020;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dvnp-menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.dvnp-menu-toggle.is-open span:nth-child(2){opacity:0}
.dvnp-menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.dvnp-menu-toggle span{transition:transform .18s ease,opacity .18s ease}
@media(max-width:800px){
 .dvnp-menu-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 42px;cursor:pointer}
 .dvnp-primary-menu{display:none!important;position:relative;z-index:10010;width:100%;box-shadow:0 5px 14px rgba(0,0,0,.18)}
 .dvnp-primary-menu.dvnp-menu-open{display:block!important}
 .dvnp-primary-menu .container{display:block;overflow:visible}
 .dvnp-primary-menu .menu{display:flex;flex-direction:column;width:100%}
 .dvnp-primary-menu .menu li{width:100%;border-top:1px solid rgba(255,255,255,.15)}
 .dvnp-primary-menu .menu a{width:100%;padding:14px 16px}
}
@media(min-width:801px){.dvnp-primary-menu{display:block!important}.dvnp-menu-toggle{display:none!important}}