/*
Theme Name: IndianextJobs
Theme URI: https://indianextjobs.com/
Author: Indianextjobs
Description: A lightweight, fast Sarkari-portal style theme for Indianextjobs.com — sticky navy nav, LIVE ticker, category boxes, mobile bottom tab bar. No jQuery, no page builder, vanilla CSS/JS only.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indianextjobs
*/

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#edf1f5;color:#333;line-height:1.6}
a{text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 14px}
html,body{overflow-x:hidden}
img{max-width:100%;height:auto}

/* ===== Sticky top nav ===== */
.topnav{position:sticky;top:0;z-index:100;background:#304782;border-bottom:4px solid #8B0000;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.topnav ul{list-style:none;display:flex;justify-content:center;max-width:1100px;margin:0 auto;padding:0}
.topnav li{list-style:none}
.topnav a{display:block;color:#fff;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.5px;padding:14px 26px;transition:background .2s}
.topnav a:hover,.topnav li.current-menu-item a,.topnav li.current-post-ancestor a{background:#8B0000}

/* ===== LIVE ticker ===== */
.ticker{display:flex;align-items:stretch;background:#d32f2f;color:#fff;overflow:hidden}
.live-label{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#000,#1e2f5e);padding:8px 16px;font-weight:800;font-size:13px;letter-spacing:1px;flex-shrink:0}
.live-dot{width:10px;height:10px;border-radius:50%;background:#ff3b3b;animation:inj-pulse 1.2s infinite}
@keyframes inj-pulse{0%{box-shadow:0 0 0 0 rgba(255,60,60,.8)}70%{box-shadow:0 0 0 9px rgba(255,60,60,0)}100%{box-shadow:0 0 0 0 rgba(255,60,60,0)}}
.ticker-view{overflow:hidden;flex:1;display:flex;align-items:center}
.ticker-track{display:inline-flex;white-space:nowrap;animation:inj-tick 38s linear infinite;padding:8px 0}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes inj-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-track span{margin:0 34px;font-size:14px;font-weight:500}
.ticker-track span a{color:#fff}
.ticker-track span a:hover{text-decoration:underline}
.new-blink{display:inline-block;background:#ffeb00;color:#8B0000;font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;margin-left:8px;vertical-align:middle;animation:inj-blink 1s infinite}
@keyframes inj-blink{0%,100%{opacity:1}50%{opacity:.15}}

/* ===== Header ===== */
.site-header{background:#fff;text-align:center;padding:22px 14px 18px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.site-header .logo{font-size:38px;font-weight:800;color:#304782;letter-spacing:.5px}
.site-header .logo a{color:#304782}
.site-header .logo .dotcom{color:#8B0000}
.tagline{font-size:13px;color:#777;margin-top:4px}

/* ===== Hero card ===== */
.hero{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.08);text-align:center;padding:34px 20px 0;margin-top:18px;position:relative}
.hero h1{font-size:32px;color:#304782;font-weight:800}
.hero h1 .yr{color:#d32f2f}
.hero p{color:#666;margin:8px 0 20px;font-size:15px}
.search-pill{display:flex;max-width:560px;margin:0 auto;background:#fff;border:2px solid #304782;border-radius:999px;overflow:hidden;transform:translateY(50%);box-shadow:0 4px 14px rgba(48,71,130,.18)}
.search-pill input[type="search"]{flex:1;border:0;outline:0;padding:13px 20px;font-size:15px;min-width:0}
.search-pill button{background:#304782;color:#fff;border:0;font-weight:700;font-size:15px;padding:0 30px;cursor:pointer}
.search-pill button:hover{background:#8B0000}
.hero-spacer{height:44px}

/* ===== Section header bar ===== */
.sec-bar{background:linear-gradient(135deg,#304782,#1e2f5e);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:17px;padding:12px 20px;border-radius:10px;margin:26px 0 16px;position:relative}
.sec-bar::after{content:"";display:block;height:4px;width:90px;background:#ff9800;border-radius:2px;margin-top:6px}

/* ===== Latest updates grid ===== */
.upd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.upd-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);padding:18px;transition:transform .15s,box-shadow .15s}
.upd-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.upd-card h3{font-size:15.5px;margin:8px 0 6px;line-height:1.45}
.upd-card h3 a{color:#1a56db}
.upd-card h3 a:hover{color:#8B0000}
.upd-card p{font-size:13.5px;color:#666}
.date-badge{display:inline-block;background:#e8eefc;color:#304782;font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.cat-chip{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 9px;border-radius:4px;margin-left:6px;color:#fff}
.chip-job{background:#8B0000}.chip-res{background:#304782}.chip-adm{background:#2e7d32}.chip-other{background:#607d8b}

/* ===== 3 category boxes ===== */
.cat-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:4px}
.cat-box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.cat-box.red{border:2px solid #8B0000}
.cat-box.navy{border:2px solid #304782}
.cat-box.green{border:2px solid #2e7d32}
.cat-head{color:#fff;font-weight:800;text-transform:uppercase;text-align:center;font-size:16px;letter-spacing:.6px;padding:12px}
.cat-head a{color:#fff}
.cat-box.red .cat-head{background:#8B0000}
.cat-box.navy .cat-head{background:#304782}
.cat-box.green .cat-head{background:#2e7d32}
.cat-list{list-style:none;margin:0;padding:0}
.cat-list li{border-bottom:1px dashed #dfe4ea;font-size:14px;list-style:none}
.cat-list li:last-child{border-bottom:0}
.cat-list a{display:block;color:#333;padding:11px 14px 11px 34px;position:relative}
.cat-list a::before{content:"\279C";position:absolute;left:13px;color:#f57c00;font-weight:700}
.cat-list a:hover{background:#f4f7fb;color:#8B0000}
.view-all{display:block;text-align:center;font-weight:800;font-size:14px;padding:11px;border-top:1px solid #eef1f4}
.cat-box.red .view-all{color:#8B0000}
.cat-box.navy .view-all{color:#304782}
.cat-box.green .view-all{color:#2e7d32}
.view-all:hover{background:#f4f7fb}

/* ===== Content + sidebar layout ===== */
.content-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-top:18px;align-items:start}
.main-col{min-width:0}
.side-col{min-width:0}
.widget{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);padding:18px;margin-bottom:18px}
.widget h3,.widget .widget-title{color:#304782;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:3px solid #304782}
.widget ul{list-style:none;margin:0;padding:0}
.widget ul li{padding:7px 0;border-bottom:1px dashed #e3e8ee;font-size:14px;list-style:none}
.widget ul li:last-child{border-bottom:0}
.widget ul li a{color:#333}
.widget ul li a:hover{color:#8B0000}
.widget select,.widget input[type="search"]{width:100%;padding:10px;border:1px solid #dbe1e8;border-radius:8px;font-size:14px}

/* ===== Breadcrumb card ===== */
.crumb{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin:18px 0 14px;padding:11px 16px;font-size:13.5px;color:#666}
.crumb a{color:#304782;font-weight:600}
.crumb a:hover{color:#8B0000}
.crumb .sep{margin:0 8px;color:#aaa}

/* ===== Title banner ===== */
.title-banner{background:linear-gradient(135deg,#1e2d53,#304782);border-radius:14px;padding:34px 22px;text-align:center;box-shadow:0 3px 14px rgba(30,45,83,.25)}
.title-banner h1{color:#fff;font-size:30px;font-weight:800;line-height:1.35}
.title-banner .site-line{color:#ffeb00;font-size:13px;font-weight:700;letter-spacing:2px;margin-top:12px}

/* ===== Meta pills ===== */
.meta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0}
.meta-pill{background:#fff;border:1px solid #dfe4ea;border-radius:999px;font-size:13px;padding:6px 14px;color:#555;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.meta-pill b{color:#304782}

/* ===== Article card & content ===== */
.article-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:30px 28px;margin-bottom:8px}
.article-card p{margin:0 0 16px;font-size:15.5px;color:#444}
.article-card h2.sec-h{color:#d32f2f;font-size:20px;font-weight:800;margin:28px 0 14px;padding-left:14px;border-left:6px solid #d32f2f;line-height:1.4}
.article-card h3{color:#304782;font-size:18px;font-weight:800;margin:24px 0 12px}
.article-card ul,.article-card ol{margin:0 0 16px 22px;font-size:15px;color:#444}
.article-card li{margin-bottom:6px}
.article-card table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px}
.article-card table th{background:#304782;color:#fff;padding:11px 14px;text-align:left;font-weight:700}
.article-card table td{border:1px solid #dbe1e8;padding:10px 14px}
.article-card table tr:nth-child(even) td{background:#f6f8fb}
.table-scroll{overflow-x:auto;margin:0 0 20px;border-radius:10px}
.table-scroll table{min-width:520px;margin:0}
.alert-box{border:2px solid #d32f2f;background:#fef2f2;border-radius:10px;padding:14px 18px;margin:0 0 22px;font-size:14.5px;color:#7f1d1d}
.alert-box b{color:#b91c1c}
.callout{background:#fff8e1;border:1px solid #f0dfa0;border-left:6px solid #f0a500;border-radius:8px;padding:14px 18px;margin:20px 0;font-size:14.5px;color:#5d4a1a}
.btn-link{display:inline-block;color:#fff;font-weight:700;padding:8px 22px;border-radius:8px;font-size:14.5px;transition:filter .15s}
.btn-link:hover{filter:brightness(1.12);color:#fff}
.btn-green{background:#2e7d32}
.btn-blue{background:#1565c0}

/* ===== Share ===== */
.share-post{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 26px}
.share-post .lbl{font-weight:800;color:#304782;font-size:15px;margin-right:6px}
.share-btn{color:#fff;font-weight:700;font-size:14px;padding:9px 18px;border-radius:8px;border:0;cursor:pointer;display:inline-block}
.share-btn.wa{background:#25D366}.share-btn.tg{background:#229ED9}.share-btn.fb{background:#1877F2}.share-btn.x{background:#111}.share-btn.cp{background:#607d8b}
.share-btn:hover{filter:brightness(1.1);color:#fff}

/* ===== Author box ===== */
.author-box{display:flex;gap:16px;align-items:center;background:#f6f8fb;border:1px solid #e3e8ee;border-radius:12px;padding:18px;margin:0 0 26px}
.avatar{width:64px;height:64px;border-radius:50%;background:#304782;color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.author-box .nm{font-weight:800;color:#304782;font-size:16px}
.author-box .role{font-size:12.5px;color:#8B0000;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.author-box p{font-size:13.5px;color:#666;margin:4px 0 0}

/* ===== Related posts ===== */
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 6px}
.rel-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);padding:18px}
.rel-card h4{font-size:15px;margin:8px 0 6px;line-height:1.45}
.rel-card h4 a{color:#1a56db}
.rel-card h4 a:hover{color:#8B0000}

/* ===== Prev / Next ===== */
.prevnext{display:flex;gap:14px;margin:18px 0 8px}
.prevnext a{flex:1;background:#fff;border:1px solid #dbe1e8;border-radius:10px;padding:13px 16px;font-size:14px;font-weight:600;color:#304782;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.prevnext a:hover{border-color:#304782}
.prevnext .next{text-align:right}

/* ===== Archive list ===== */
.arch-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);padding:20px;margin-bottom:16px}
.arch-card h2{font-size:18px;margin:8px 0 6px;line-height:1.4}
.arch-card h2 a{color:#1a56db}
.arch-card h2 a:hover{color:#8B0000}
.arch-card p{font-size:14px;color:#666}
.pagination{margin:22px 0;text-align:center}
.pagination .page-numbers{display:inline-block;background:#fff;border:1px solid #dbe1e8;border-radius:8px;padding:8px 14px;margin:0 3px;font-size:14px;font-weight:600;color:#304782}
.pagination .page-numbers.current,.pagination .page-numbers:hover{background:#304782;color:#fff;border-color:#304782}

/* ===== Comments ===== */
.comments-area{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);padding:22px;margin:18px 0}
.comments-area h3{color:#304782;font-size:17px;font-weight:800;margin-bottom:14px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{list-style:none}
.comment-body{border:1px solid #e3e8ee;border-radius:10px;padding:14px 16px;margin-bottom:12px;font-size:14.5px}
.comment-author{font-weight:700;color:#304782;margin-bottom:4px}
.comment-meta{font-size:12px;color:#999;margin-bottom:8px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{width:100%;border:1px solid #dbe1e8;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:10px;font-family:inherit}
.comment-form input[type="submit"]{background:#304782;color:#fff;border:0;border-radius:8px;padding:11px 26px;font-weight:700;font-size:15px;cursor:pointer}
.comment-form input[type="submit"]:hover{background:#8B0000}

/* ===== Footer ===== */
footer.site-footer{background:#f2f4f7;margin-top:34px;border-top:4px solid #304782}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;padding:30px 0 20px}
.foot-grid h4{color:#304782;font-size:15px;text-transform:uppercase;margin-bottom:12px;letter-spacing:.5px}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid ul li{list-style:none}
.foot-grid ul a{color:#555;font-size:14px;display:block;padding:4px 0}
.foot-grid ul a:hover{color:#8B0000}
.foot-brand p{font-size:13.5px;color:#666;margin:8px 0}
.foot-brand .logo{font-size:24px;font-weight:800;color:#304782}
.foot-brand .logo .dotcom{color:#8B0000}
.socials{display:flex;gap:10px;margin-top:10px}
.socials a{width:34px;height:34px;border-radius:50%;background:#304782;color:#fff;display:flex;align-items:center;justify-content:center}
.socials a svg{display:block}
.socials a:hover{background:#8B0000;color:#fff}
.disclaimer-box{background:#fffde7;border:1px solid #f0e6a0;border-radius:10px;padding:14px 16px;font-size:13px;color:#5d5340;margin:0 0 20px}
.disclaimer-box b.red{color:#d32f2f}
.copy-bar{background:#304782;color:#fff;text-align:center;font-size:13.5px;padding:13px}

/* ===== Back to top ===== */
#toTop{position:fixed;right:12px;bottom:52px;width:42px;height:42px;border-radius:50%;background:#304782;color:#fff;border:0;font-size:18px;cursor:pointer;display:none;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.3)}
#toTop:hover{background:#8B0000}

/* ===== Sticky bottom tab bar (mobile only) ===== */
.mtabbar{display:none}
@media(max-width:768px){
  body{padding-bottom:66px}
  #toTop{bottom:78px}
  .mtabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:300;background:#fff;border-top:1px solid #e2e7ee;box-shadow:0 -2px 12px rgba(0,0,0,.10);padding-bottom:env(safe-area-inset-bottom)}
  .mtabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 2px 8px;color:#5b6472;text-decoration:none;font-size:11px;font-weight:600;line-height:1.2}
  .mtabbar a .ic{font-size:20px;line-height:1;display:flex;align-items:center}
  .mtabbar a.on{color:#304782}
}

/* ===== Responsive ===== */
@media(max-width:900px){
  .upd-grid{grid-template-columns:repeat(2,1fr)}
  .cat-boxes{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .content-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topnav ul{justify-content:flex-start;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .topnav ul::-webkit-scrollbar{display:none}
  .topnav a{padding:12px 18px;font-size:12.5px;flex-shrink:0}
  .site-header .logo{font-size:28px}
  .tagline{font-size:12px}
  .hero h1{font-size:23px}
  .upd-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .search-pill button{padding:0 18px}
  .title-banner{padding:24px 16px}
  .title-banner h1{font-size:21px}
  .title-banner .site-line{font-size:11px;letter-spacing:1.5px}
  .article-card{padding:20px 16px}
  .article-card p{font-size:14.5px}
  .article-card h2.sec-h{font-size:17px;margin:22px 0 12px}
  .rel-grid{grid-template-columns:1fr}
  .prevnext{flex-direction:column}
  .meta-pill{font-size:12px;padding:5px 11px}
  .share-btn{font-size:13px;padding:9px 14px}
  .live-label{font-size:11px;padding:8px 10px}
  .ticker-track span{font-size:12.5px;margin:0 20px}
  .author-box{flex-direction:column;text-align:center}
}