/*
Theme Name: JobAakriti Child
Theme URI: https://jobaakriti.com/
Description: Responsive government jobs portal child theme for GeneratePress.
Author: JobAakriti
Version: 1.2.0
Template: generatepress
Text Domain: jobaakriti-child
*/
:root{
  --ja-navy:#10265c;--ja-blue:#2457c5;--ja-orange:#ff8a00;
  --ja-bg:#f4f7fc;--ja-text:#17233d;--ja-muted:#66738b;
  --ja-border:#e5eaf3;--ja-card:#fff;--ja-radius:16px;
  --ja-shadow:0 8px 24px rgba(16,38,92,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ja-bg);color:var(--ja-text);font-family:system-ui,-apple-system,"Noto Sans Devanagari","Nirmala UI",sans-serif}
a{color:var(--ja-blue);text-decoration:none}
a:hover{color:var(--ja-orange)}
.ja-wrap{width:min(1240px,calc(100% - 32px));margin-inline:auto}
.ja-topbar{background:var(--ja-navy);color:#fff;font-size:13px}
.ja-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.ja-top-links,.ja-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ja-topbar a{color:#fff}
.ja-brand-row{background:#fff}
.ja-brand-inner{min-height:98px;display:grid;grid-template-columns: minmax(210px,1fr) minmax(260px,1.1fr) auto;gap:24px;align-items:center;padding-block:16px}
.ja-brand{display:flex;align-items:center;gap:12px;color:var(--ja-navy);font-weight:900;font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;line-height:1}
.ja-brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--ja-navy),var(--ja-blue));display:grid;place-items:center;color:#fff;font-size:25px}
.ja-brand-name span{color:var(--ja-orange)}
.ja-tagline{font-size:11px;color:var(--ja-muted);font-weight:600;letter-spacing:0;margin-top:6px}
.ja-search{display:flex;border:1px solid #cbd5e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 3px 12px rgba(16,38,92,.05)}
.ja-search input{min-width:0;width:100%;border:0;padding:14px 16px;font:inherit;outline:0}
.ja-search button{border:0;background:var(--ja-blue);color:#fff;padding:0 20px;font-size:20px;cursor:pointer}
.ja-alert{display:flex;align-items:center;gap:10px;color:var(--ja-navy);font-weight:800;white-space:nowrap}
.ja-alert-icon{font-size:27px;color:var(--ja-orange)}
.ja-nav{background:var(--ja-navy);color:#fff}
.ja-nav-inner{display:flex;align-items:center;gap:4px;min-height:46px;overflow-x:auto;scrollbar-width:none}
.ja-nav-inner::-webkit-scrollbar{display:none}
.ja-nav a{color:#fff;padding:14px 13px;font-size:14px;font-weight:700;white-space:nowrap}
.ja-nav a:hover,.ja-nav a.is-active{background:var(--ja-orange);color:#fff}
.ja-mobile-head{display:none}
.ja-hero{margin:18px auto 14px;min-height:250px;border-radius:18px;overflow:hidden;position:relative;color:#fff;background:radial-gradient(circle at 78% 30%,rgba(255,138,0,.55),transparent 23%),linear-gradient(115deg,#10265c 0%,#1746a2 56%,#542aa0 100%);box-shadow:var(--ja-shadow)}
.ja-hero:after{content:"";position:absolute;width:330px;height:330px;border:35px solid rgba(255,255,255,.10);border-radius:50%;right:5%;top:-105px}
.ja-hero-content{position:relative;z-index:1;padding:38px 42px;max-width:690px}
.ja-hero h1{font-size:clamp(28px,4vw,46px);line-height:1.22;margin:0 0 12px;color:#fff;font-weight:900}
.ja-hero h1 span{color:#ffd15c}
.ja-hero p{font-size:17px;line-height:1.6;margin:0 0 22px;color:#eef3ff}
.ja-actions{display:flex;gap:12px;flex-wrap:wrap}
.ja-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:800;background:var(--ja-orange);color:#fff;box-shadow:0 5px 14px rgba(255,138,0,.2)}
.ja-btn.secondary{background:#fff;color:var(--ja-navy)}
.ja-shortcuts{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:14px 0 22px}
.ja-shortcut{background:#fff;border:1px solid var(--ja-border);border-radius:14px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ja-navy);font-weight:800;text-align:center;padding:10px 5px;box-shadow:0 4px 14px rgba(16,38,92,.04)}
.ja-shortcut .ico{font-size:25px;line-height:1}
.ja-shortcut:hover{transform:translateY(-2px);border-color:#b8c9f2;box-shadow:var(--ja-shadow)}
.ja-content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;align-items:start}
.ja-panel{background:#fff;border:1px solid var(--ja-border);border-radius:var(--ja-radius);box-shadow:var(--ja-shadow);overflow:hidden;margin-bottom:18px}
.ja-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;background:linear-gradient(90deg,#f0f4ff,#fff);border-bottom:1px solid var(--ja-border)}
.ja-panel-head h2{font-size:20px;margin:0;color:var(--ja-navy);font-weight:900}
.ja-panel-head a{font-size:13px;font-weight:800}
.ja-job-list{padding:4px 16px}
.ja-job{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid #edf0f6}
.ja-job:last-child{border-bottom:0}
.ja-job-icon{width:40px;height:40px;border-radius:12px;background:#edf3ff;color:var(--ja-blue);display:grid;place-items:center;font-size:20px;font-weight:900}
.ja-job h3{font-size:15px;line-height:1.4;margin:0 0 5px;color:#1b2947}
.ja-job-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--ja-muted);font-size:12px}
.ja-apply{background:#128443;color:#fff;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.ja-quick-list{padding:8px 16px}
.ja-quick-list a{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid #edf0f6;color:#253657;font-weight:700}
.ja-quick-list a:last-child{border-bottom:0}
.ja-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:2px 0 20px}
.ja-stat{background:#fff;border:1px solid var(--ja-border);border-radius:14px;padding:17px 12px;text-align:center;box-shadow:0 4px 14px rgba(16,38,92,.04)}
.ja-stat strong{display:block;color:var(--ja-navy);font-size:23px;font-weight:900}
.ja-stat span{font-size:12px;color:var(--ja-muted);font-weight:700}
.ja-state-list{display:flex;flex-wrap:wrap;gap:9px;padding:16px}
.ja-state-list a{border:1px solid #ccd6e8;border-radius:999px;background:#fff;padding:9px 15px;color:var(--ja-navy);font-size:13px;font-weight:800}
.ja-footer{background:#0c1d49;color:#dce6ff;margin-top:28px;padding:30px 0 90px}
.ja-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}
.ja-footer h3{color:#fff;margin:0 0 12px}
.ja-footer a{color:#dce6ff}
.ja-bottom-nav{display:none}
.ja-empty{padding:20px;color:var(--ja-muted);font-size:14px}
@media(max-width:900px){
 .ja-brand-inner{grid-template-columns:1fr auto;gap:12px}
 .ja-search{grid-column:1/-1;grid-row:2}
 .ja-alert{grid-column:2;grid-row:1}
 .ja-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ja-content-grid{grid-template-columns:1fr}
 .ja-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .ja-wrap{width:min(100% - 22px,1240px)}
 .ja-topbar-inner{justify-content:center;min-height:34px}
 .ja-top-links{display:none}
 .ja-brand-inner{display:flex;flex-wrap:wrap;min-height:auto;padding-block:13px;gap:12px}
 .ja-brand{font-size:27px}
 .ja-brand-mark{width:40px;height:40px;font-size:21px}
 .ja-alert{margin-left:auto;font-size:12px}
 .ja-search{order:3;width:100%}
 .ja-search input{padding:12px}
 .ja-nav{display:none}
 .ja-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:var(--ja-navy);font-weight:900}
 .ja-mobile-head button{border:0;background:#edf2ff;border-radius:9px;padding:8px 12px;color:var(--ja-navy);font-size:20px}
 .ja-hero{min-height:0;margin-top:10px}
 .ja-hero-content{padding:25px 20px}
 .ja-hero h1{font-size:29px}
 .ja-hero p{font-size:14px}
 .ja-btn{padding:11px 13px;font-size:13px}
 .ja-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .ja-shortcut{min-height:78px;font-size:11px;border-radius:12px}
 .ja-shortcut .ico{font-size:22px}
 .ja-panel-head{padding:13px}
 .ja-panel-head h2{font-size:17px}
 .ja-job-list{padding-inline:12px}
 .ja-job{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 0}
 .ja-job-icon{width:34px;height:34px;font-size:17px}
 .ja-job h3{font-size:13px}
 .ja-job-meta{font-size:11px;gap:8px}
 .ja-apply{grid-column:2;justify-self:start;padding:7px 11px}
 .ja-stats{grid-template-columns:repeat(2,1fr);gap:8px}
 .ja-stat{padding:13px 8px}
 .ja-stat strong{font-size:20px}
 .ja-footer-grid{grid-template-columns:1fr}
 .ja-bottom-nav{position:fixed;z-index:9999;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--ja-navy);border-radius:16px;padding:8px 4px;box-shadow:0 8px 25px rgba(0,0,0,.22)}
 .ja-bottom-nav a{color:#fff;text-align:center;font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:3px;align-items:center}
 .ja-bottom-nav span{font-size:18px}
}


/* Dynamic category sections v1.3 */
.ja-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.ja-category-panel{background:#fff;border:1px solid var(--ja-border);border-radius:var(--ja-radius);box-shadow:var(--ja-shadow);overflow:hidden;min-width:0}
.ja-category-panel .ja-panel-head{min-height:58px}
.ja-category-list{padding:5px 16px}
.ja-category-item{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #edf0f6}
.ja-category-item:last-child{border-bottom:0}
.ja-category-bullet{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#edf3ff;color:var(--ja-blue);display:grid;place-items:center;font-weight:900}
.ja-category-item h3{font-size:14px;line-height:1.45;margin:0 0 4px}
.ja-category-item time{font-size:11px;color:var(--ja-muted)}
.ja-category-empty{padding:15px 16px;color:var(--ja-muted);font-size:13px}
@media(max-width:700px){.ja-section-grid{grid-template-columns:1fr;gap:12px}}