/*
Theme Name: Viksit Haryana
Theme URI: https://www.viksitharyana.com/
Author: Viksit Haryana
Author URI: https://www.viksitharyana.com/
Description: Custom theme built from the approved Viksit Haryana redesign demo — Haryana-first news + utility hub. Green #14532d, saffron #e06f0a, Mukta + Noto Sans Devanagari. News, Jobs, Results, Admit Cards, Mandi Bhav, Jamabandi, PPP and all 22 district pages on one fast, mobile-first homepage.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viksit-haryana
Tags: news, hindi, devanagari, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ===== Demo design tokens (exact, from the approved demo file) ===== */
:root{
  --bg:#f4f4f1; --surface:#ffffff; --surface2:#fbfbf9; --ink:#161a16; --muted:#5b665c; --line:#e2e4de;
  --green:#14532d; --green2:#1b6b3a; --saffron:#e06f0a; --saffron-soft:#fff1e2; --gold:#c99a1b;
  --red:#c4261d; --shadow:0 10px 30px rgba(20,40,20,.08);
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#111512; --surface:#1a1f1b; --surface2:#202622; --ink:#eef2ee; --muted:#aab5ab; --line:#2e3630; --saffron-soft:#2e2113; --shadow:0 10px 30px rgba(0,0,0,.35); }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans Devanagari","Mukta",system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px}
h1,h2,h3{font-family:"Mukta","Noto Sans Devanagari",sans-serif;line-height:1.15;margin:0}

/* ===== Top bar (demo .m-top) ===== */
.m-top{background:var(--green);color:#fff;padding:7px 14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12.5px}
.m-top .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.m-top a{color:#fff;text-decoration:underline}
.m-top a:hover{color:#ffd9a8}

/* ===== Header (demo .m-head / .logo / .search) ===== */
.m-head{padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:3px solid #e06f0a;background:var(--surface)}
.m-head .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.logo{line-height:1}
.logo b{font-size:30px;font-weight:800;color:#14532d;letter-spacing:-.02em}
.logo b span{color:#e06f0a}
.logo small{display:block;letter-spacing:.22em;font-size:10px;font-weight:700;color:#777;margin-top:3px}
.search{display:flex;border:1.5px solid #d9dcd6;border-radius:999px;overflow:hidden;min-width:min(320px,100%);background:#fff}
.search input{border:0;padding:10px 14px;flex:1;font-family:inherit;outline:none;font-size:14px;background:transparent;color:#141814}
.search button{border:0;background:#14532d;color:#fff;padding:0 16px;font-weight:700;cursor:pointer;font-family:inherit}
.search button:hover{background:#1b6b3a}

/* ===== Primary nav (demo .m-nav, pill style) ===== */
.m-nav{display:flex;gap:2px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #eee;background:#fbfbf9}
.m-nav .wrap{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.m-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap}
.m-nav li{margin:0}
.m-nav a{padding:7px 11px;border-radius:999px;font-weight:700;font-size:13.5px;display:inline-block}
.m-nav a:hover,.m-nav .current-menu-item a,.m-nav .current_page_item a{background:#14532d;color:#fff}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-family:inherit;color:var(--ink)}

/* ===== Breaking ticker (demo .ticker) ===== */
.ticker{display:flex;gap:10px;align-items:center;background:#fff7ed;border-bottom:1px solid #fde8cf;padding:8px 14px;overflow:hidden;white-space:nowrap}
.ticker b{background:#c4261d;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;flex-shrink:0}
.ticker .ticker-items{display:flex;gap:8px;overflow:hidden;white-space:nowrap}
.ticker .ticker-items a{font-weight:600}
.ticker .ticker-items a:hover{color:#14532d}
.ticker .ticker-items span.sep{color:#c4261d;font-weight:800}

/* ===== Quick buttons (demo .quick / .q) ===== */
.quick{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:14px}
@media(max-width:760px){.quick{grid-template-columns:repeat(3,1fr)}}
.q{border:1px solid #e6e8e3;border-radius:12px;padding:12px 8px;text-align:center;background:#fff;display:block}
.q:hover{border-color:#14532d;box-shadow:var(--shadow)}
.q svg{width:26px;height:26px;stroke:#14532d}
.q span{display:block;font-weight:800;font-size:13px;margin-top:5px}
.q small{color:#777;font-size:11.5px}

/* ===== Hero grid (demo .m-grid / .mainnews / .side) ===== */
.m-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;padding:4px 14px 14px}
@media(max-width:760px){.m-grid{grid-template-columns:1fr}}
.mainnews img{width:100%;height:260px;object-fit:cover;border-radius:12px;display:block}
.mainnews .no-thumb{width:100%;height:260px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14532d,#1b6b3a 55%,#e06f0a 130%);color:#fff;font-weight:800;font-size:22px;text-align:center;padding:20px}
.tag{display:inline-block;background:#e06f0a;color:#fff;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px}
.mainnews h3{font-size:22px;margin:10px 0 6px}
.mainnews h3 a:hover{color:#14532d}
.mainnews p{color:#5b665c;margin:0;font-size:14px}
.side h4,.block h4{font-size:16px;border-left:4px solid #e06f0a;padding-left:8px;margin:0 0 10px}
.side ul{list-style:none;margin:0;padding:0}
.side li{padding:10px 0;border-bottom:1px dashed #e3e5e0;font-weight:600}
.side li a:hover{color:#14532d}
.side li span{color:#c4261d;font-weight:800;font-size:12px;display:block}

/* ===== Info blocks (demo .blocks / .block) ===== */
.blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 14px 16px}
@media(max-width:760px){.blocks{grid-template-columns:1fr}}
.block{border:1px solid #e6e8e3;border-radius:12px;padding:14px;background:#fff}
.block table{width:100%;border-collapse:collapse;font-size:13.5px}
.block th{text-align:left;color:#14532d;border-bottom:2px solid #14532d;padding:7px 6px}
.block td{padding:7px 6px;border-bottom:1px solid #eee}
.up{color:#15803d;font-weight:800}
.down{color:#c4261d;font-weight:800}
.jobrow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eee}
.jobrow b{font-size:13.5px}
.jobrow b a:hover{color:#14532d}
.jobrow span{font-size:12px;background:#fff1e2;color:#9a4a00;padding:3px 7px;border-radius:999px;font-weight:700;white-space:nowrap}
.block .more-link{display:inline-block;margin:10px 0 0;font-weight:700;color:#14532d}

/* ===== District chips (demo .chips / .chip) ===== */
.chips{display:flex;flex-wrap:wrap;gap:7px}
.chip{border:1px solid #dfe3dc;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;cursor:pointer;background:#fff;display:inline-block}
.chip:hover{background:#14532d;color:#fff;border-color:#14532d}
.district-note{margin:10px 0 0;color:#5b665c;font-size:13.5px}

/* ===== Footer (demo .m-foot) ===== */
.m-foot{background:#10281a;color:#dbe7dc;padding:16px;font-size:13px}
.m-foot .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.m-foot b{color:#fff}
.m-foot a{color:#dbe7dc}
.m-foot a:hover{color:#fff;text-decoration:underline}
.site-footer-links{padding:18px 0 26px;text-align:center;font-size:13.5px;color:var(--muted)}
.site-footer-links a{color:var(--muted)}
.site-footer-links a:hover{color:var(--green)}

/* ===== Post list (below the demo blocks) ===== */
.post-list{padding:0 14px 16px}
.post-list>h2{font-size:22px;margin:0 0 12px;border-left:4px solid #e06f0a;padding-left:8px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}
.post-card h3{font-size:19px;margin:6px 0}
.post-card h3 a:hover{color:#14532d}
.post-card p{color:var(--muted);margin:6px 0 0;font-size:14.5px}
.post-meta{font-size:12.5px;color:#777}
.post-meta a{color:#14532d;font-weight:700}
.post-thumb{margin:0 0 10px}
.post-thumb img{width:100%;height:auto;border-radius:12px;display:block}

/* ===== Single post / page ===== */
.single-wrap{max-width:820px;margin:0 auto;padding:18px}
.single-wrap h1{font-size:clamp(24px,4vw,34px);font-weight:800;margin:10px 0}
.single-wrap .post-meta{margin:0 0 12px}
.single-wrap .featured{margin:0 0 16px}
.single-wrap .featured img{width:100%;height:auto;border-radius:12px;display:block}
.entry-content{font-size:17.5px;line-height:1.85}
.entry-content p{margin:0 0 16px}
.entry-content h2,.entry-content h3{margin:24px 0 10px}
.entry-content img{border-radius:10px}
.entry-content table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 16px}
.entry-content th{text-align:left;color:#14532d;border-bottom:2px solid #14532d;padding:7px 6px}
.entry-content td{padding:7px 6px;border-bottom:1px solid #eee}
.entry-content ul,.entry-content ol{margin:0 0 16px;padding-left:22px}
.info-box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--saffron);border-radius:12px;padding:16px;margin:0 0 18px;box-shadow:var(--shadow)}
.info-box h3{font-size:17px;margin-bottom:8px}
.info-box ul{margin:0;padding-left:18px;color:var(--muted);font-size:14.5px}
.info-box li{margin:5px 0}
.info-box li b{color:var(--ink)}
.post-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:26px 0 0}
.post-nav a{font-weight:700;color:#14532d}
.post-nav a:hover{text-decoration:underline}

/* ===== Search / archive / 404 ===== */
.search-head{padding:18px 14px 4px}
.search-head h1{font-size:26px}
.no-results{padding:18px 14px 30px;color:var(--muted)}
.pagination{padding:6px 14px 26px;text-align:center}
.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:999px;font-weight:700}
.pagination .page-numbers.current{background:#14532d;color:#fff;border-color:#14532d}
.pagination a:hover{border-color:#14532d;color:#14532d}
.widget-area{padding:0 14px 20px}
.widget-area .widget{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px}
.widget-area .widget h2,.widget-area .widget-title{font-size:17px;border-left:4px solid #e06f0a;padding-left:8px;margin:0 0 10px}

/* ===== Comments (default WP) ===== */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.comments-area{max-width:820px;margin:0 auto;padding:0 18px 30px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{border-bottom:1px solid var(--line);padding:12px 0}

/* ===== Responsive nav toggle ===== */
@media(max-width:760px){
  .menu-toggle{display:inline-block}
  .m-nav .menu{display:none;width:100%;flex-direction:column}
  .m-nav.open .menu{display:flex}
  .m-nav .menu li{width:100%}
  .m-nav .menu a{display:block;border-radius:8px}
}

/* Archive pages (category/tag/date/author) */
.archive-wrap{max-width:1180px;margin:0 auto;padding:18px}
.archive-head{border-bottom:3px solid #e06f0a;padding:6px 0 14px;margin-bottom:18px}
.archive-head h1{font-size:clamp(26px,4vw,36px);font-weight:800;color:#14532d}
.archive-desc{color:#5b665c;margin:8px 0 0}

.m-foot .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.m-foot-policy{font-size:13px}
.m-foot-policy a{color:#cfe3d2}