/* ────────────────────────────────────────────────────────────────────
   Sarkari Theme — style.css  (v2 — matches reference UI exactly)
──────────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#f0f0f0;color:#222;font-size:14px;line-height:1.5}
a{color:#1a5276;text-decoration:none}
a:hover{text-decoration:underline;color:#0e3460}
img{max-width:100%}

/* ── Container ────────────────────────────────────────────────────── */
.container{max-width:1160px;margin:0 auto;padding:0 10px}

/* ══════════════════════════════════════════════════════════════════
   HEADER
══════════════════════════════════════════════════════════════════ */
.site-header{background:#fff;border-bottom:1px solid #ddd}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}
.site-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.site-logo:hover{text-decoration:none;color:inherit;opacity:.9}
.logo-badge{background:#1565c0;color:#fff;font-weight:800;font-size:11px;line-height:1.1;padding:6px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;text-align:center}
.logo-text{font-size:22px;font-weight:700;color:#1565c0;line-height:1.2}
.logo-text small{display:block;font-size:12px;font-weight:400;color:#555}
.header-search{display:flex;align-items:center;gap:0}
.header-search input{padding:7px 14px;border:1px solid #ccc;border-right:none;border-radius:4px 0 0 4px;font-size:13px;width:220px;outline:none}
.header-search input:focus{border-color:#1565c0}
.header-search button{padding:7px 14px;background:#1565c0;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px}
.header-search button:hover{background:#0d47a1}

/* ── Nav bar ──────────────────────────────────────────────────────── */
.main-nav{background:#1565c0}
.main-nav ul{display:flex;list-style:none;overflow-x:auto;white-space:nowrap}
.main-nav ul::-webkit-scrollbar{height:0}
.main-nav ul li a{display:block;padding:9px 16px;color:#fff;font-size:13px;font-weight:500}
.main-nav ul li a:hover,.main-nav ul li a.active{background:rgba(255,255,255,.2);text-decoration:none}

/* ══════════════════════════════════════════════════════════════════
   HOME PAGE LAYOUT
══════════════════════════════════════════════════════════════════ */

/* Notice / tagline bar */
.notice-bar{background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:7px 10px;font-size:13px;color:#555}

/* Category tabs */
.cat-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.cat-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid #ccc;border-radius:4px;font-size:13px;font-weight:600;color:#222;cursor:pointer;text-decoration:none;transition:border-color .2s}
.cat-tab-btn:hover{border-color:#1565c0;text-decoration:none;background:#f0f6ff}
.cat-tab-btn svg{width:18px;height:18px;color:#1565c0;flex-shrink:0}
.tab-icon{color:#1565c0;font-size:16px;flex-shrink:0}

@media(max-width:640px){.cat-tabs{grid-template-columns:repeat(2,1fr)}}

/* Portal title */
.portal-title{text-align:center;font-size:17px;font-weight:700;color:#222;margin:10px 0;padding:6px 0;border-top:2px solid #1565c0;border-bottom:2px solid #1565c0;background:#fff}

/* Featured/Hot jobs colorful grid */
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:14px}
.featured-cell{padding:12px 10px;text-align:center;font-size:13px;font-weight:600;color:#fff;line-height:1.3;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:center}
.featured-cell a{color:#fff;text-decoration:none;display:block;width:100%}
.featured-cell a:hover{text-decoration:underline}
@media(max-width:640px){.featured-grid{grid-template-columns:repeat(2,1fr)}}

/* 3-column job table */
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
@media(max-width:700px){.three-col{grid-template-columns:1fr}}
.col-box{background:#fff;border:1px solid #dde1e7;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.07);overflow:hidden}
.col-box-header{background:#1565c0;color:#fff;text-align:center;padding:10px 12px;font-size:14px;font-weight:700}
.col-box-list{list-style:none}
.col-box-list li{border-bottom:1px solid #eaecef;padding:0}
.col-box-list li:last-child{border-bottom:none}
.col-box-list li a{display:block;padding:9px 12px;font-size:13px;color:#1a5276;line-height:1.5}
.col-box-list li a:hover{background:#f0f6ff;text-decoration:none;color:#0d3a63}
.col-box-list li a span.new-tag{color:#c0392b;font-size:11px;font-weight:700;margin-right:4px}

/* Bottom table (All jobs) */
.all-jobs-box{background:#fff;border:1px solid #ccc;margin-bottom:14px}
.all-jobs-header{display:flex;align-items:center;justify-content:space-between;background:#1565c0;color:#fff;padding:8px 14px;font-size:13px;font-weight:700}
.all-jobs-table{width:100%;border-collapse:collapse;font-size:13px}
.all-jobs-table th{background:#e3eaf7;padding:7px 10px;text-align:left;font-size:12px;font-weight:700;color:#1a3668;border-bottom:1px solid #ccc}
.all-jobs-table td{padding:7px 10px;border-bottom:1px solid #eee;vertical-align:middle}
.all-jobs-table tr:hover td{background:#f0f6ff}
.all-jobs-table .job-title{color:#1a5276;font-weight:600;font-size:13px;line-height:1.4}
.all-jobs-table .job-org{color:#777;font-size:11px}
.all-jobs-table .last-date{color:#c0392b;font-size:12px;font-weight:600;white-space:nowrap}
.all-jobs-table .status-active{color:#1e8449;font-weight:700;font-size:12px}
.all-jobs-table .status-closed{color:#c0392b;font-weight:700;font-size:12px}
.all-jobs-table .status-soon{color:#d68910;font-weight:700;font-size:12px}

/* Cat badge in table */
.cbadge{display:inline-block;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}

/* Pagination */
.pagination{display:flex;gap:3px;justify-content:center;padding:12px}
.pg-btn{padding:5px 12px;border:1px solid #ccc;border-radius:3px;font-size:12px;color:#1a5276;background:#fff}
.pg-btn:hover,.pg-btn.active{background:#1565c0;color:#fff;border-color:#1565c0;text-decoration:none}

/* ══════════════════════════════════════════════════════════════════
   JOB SINGLE PAGE
══════════════════════════════════════════════════════════════════ */
.page-layout{display:grid;grid-template-columns:1fr 280px;gap:14px;margin:12px 0}
@media(max-width:900px){.page-layout{grid-template-columns:1fr}.sidebar{display:none}}

/* Breadcrumb */
.breadcrumb{background:#fff;border-bottom:1px solid #ddd;padding:6px 0;font-size:12px;color:#666}
.breadcrumb a{color:#1565c0}
.breadcrumb span{margin:0 4px;color:#999}

/* Job title box */
.job-title-box{background:#fff;border:1px solid #ddd;border-left:4px solid #1565c0;padding:12px 16px;margin-bottom:10px}
.job-title-box h1{font-size:17px;font-weight:700;color:#1a3668;line-height:1.4;margin-bottom:8px}
.job-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700}
.badge-new{background:#fef2f2;color:#c0392b;border:1px solid #f5c6cb;animation:blink 1.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
.badge-active{background:#eafaf1;color:#1e8449;border:1px solid #abebc6}
.badge-closed{background:#fef2f2;color:#c0392b;border:1px solid #f5c6cb}
.badge-upcoming{background:#fef9e7;color:#d68910;border:1px solid #fad7a0}
.badge-cat{color:#fff}

/* Short desc */
.short-desc{background:#fff;border:none;border-radius:0;padding:8px 0;font-size:13px;color:#333;line-height:1.7;margin-bottom:8px}

/* Section cards */
.s-card{background:#fff;border:1px solid #ddd;margin-bottom:10px;overflow:hidden;border-radius:3px}
.s-card-header{padding:7px 12px;color:#1a1a1a;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;background:#fff;border-left:4px solid #1565c0;border-bottom:1px solid #e0e0e0}

/* Tables */
.sarkari-table{width:100%;border-collapse:collapse;font-size:13px}
.sarkari-table th,.sarkari-table td{border:1px solid #d5d8dc;padding:6px 10px;vertical-align:middle;text-align:center}
.sarkari-table thead th{background:#f2f2f2;color:#1a1a1a;font-weight:700;font-size:12px}
.sarkari-table tbody tr:nth-child(even){background:#f8f9fa}
.sarkari-table tbody td:first-child{text-align:left;font-weight:600}
.t-dates thead th{background:#a04000}
.t-fee   thead th{background:#1a5c35}
.t-vacan thead th{background:#154360}
.t-sel   thead th{background:#512e5f}
.text-red{color:#c0392b!important;font-weight:700}
.text-green{color:#1e8449!important;font-weight:700}
.text-blue{color:#1565c0!important;font-weight:700}

/* Links */
.links-grid{display:flex;flex-wrap:wrap;gap:7px;padding:10px 14px}
.link-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:3px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .2s}
.link-btn:hover{opacity:.85;text-decoration:none}

/* Steps */
.steps-list{list-style:none;counter-reset:step;padding:10px 14px}
.steps-list li{counter-increment:step;display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed #ddd;font-size:13px}
.steps-list li:last-child{border-bottom:none}
.steps-list li::before{content:counter(step);background:#1565c0;color:#fff;min-width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:1px}

/* FAQ */
.faq-list{padding:4px 14px 10px}
.faq-item{border-bottom:1px solid #eee}
.faq-q{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;font-weight:700;font-size:13px;cursor:pointer;gap:8px;color:#1a3668}
.faq-q::after{content:'+';font-size:18px;color:#1565c0;flex-shrink:0;line-height:1}
.faq-item.open .faq-q::after{content:'−'}
.faq-a{display:none;padding:0 0 12px;font-size:13px;color:#555;line-height:1.7}
.faq-item.open .faq-a{display:block}

/* Prose */
.prose{background:#fff;border:1px solid #ddd;margin-bottom:10px;overflow:hidden}
.prose h2{font-size:15px;font-weight:700;color:#1a1a1a;background:#fff;border-left:4px solid #1565c0;border-bottom:1px solid #e0e0e0;padding:7px 12px;margin:0}
.prose h3{font-size:13px;font-weight:700;color:#1a1a1a;background:#fff;border-left:4px solid #1565c0;border-bottom:1px solid #e0e0e0;border-top:1px solid #e8e8e8;padding:7px 12px;margin:0}
.prose p{margin:0;padding:6px 14px;font-size:13px;color:#444;line-height:1.7}
.prose ul,.prose ol{padding:4px 14px 6px 32px;margin:0;font-size:13px;color:#444}
.prose li{margin-bottom:4px}
.prose strong{display:block;padding:6px 14px 2px;font-size:13px;color:#222;font-weight:700}
.prose a{color:#1565c0;text-decoration:underline}

/* Sidebar */
.sidebar{}
.sw{background:#fff;border:1px solid #ddd;margin-bottom:10px;overflow:hidden}
.sw-title{background:#1565c0;color:#fff;padding:7px 12px;font-size:13px;font-weight:700}
.sw-job-list{list-style:none}
.sw-job-list li{padding:7px 12px;border-bottom:1px solid #eee;font-size:12px;line-height:1.4}
.sw-job-list li:last-child{border-bottom:none}
.sw-job-list li a{color:#1a5276;font-weight:600;display:block}
.sw-job-list li a:hover{color:#0d3a63;text-decoration:none}
.sw-date{color:#c0392b;font-size:11px;margin-top:2px}
.sw-cats{list-style:none}
.sw-cats li{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;border-bottom:1px solid #eee;font-size:12px}
.sw-cats li:last-child{border-bottom:none}
.sw-cats li a{color:#1a5276;font-weight:600}
.sw-cats li a:hover{color:#0d3a63}
.sw-cats li .cnt{background:#1565c0;color:#fff;font-size:10px;padding:1px 6px;border-radius:10px}

/* Job summary table */
.sw-summary-table{width:100%;border-collapse:collapse;font-size:12px}
.sw-summary-table td{padding:5px 10px;border-bottom:1px solid #eee;vertical-align:top}
.sw-summary-table td:first-child{font-weight:700;color:#333;width:45%;white-space:nowrap}

/* Footer */
.site-footer{background:#1a3668;color:#aac4e0;margin-top:18px;padding:14px 0 8px}
.footer-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.footer-links a{color:#aac4e0;font-size:12px}
.footer-links a:hover{color:#fff;text-decoration:none}
.footer-copy{border-top:1px solid #2c4e86;padding-top:9px;text-align:center;font-size:11px;color:#7a9fc5}

/* Utility */
.no-data{text-align:center;padding:20px;color:#888;font-size:13px}
.vacancy-num{font-weight:700;color:#1565c0}

/* ══════════════════════════════════════════════════════════════════
   HOME PAGE CONTENT AREA (WordPress-style front page content)
══════════════════════════════════════════════════════════════════ */
.page-content-area{background:#fff;border:1px solid #ddd;padding:18px 20px;margin-bottom:14px;font-size:14px;line-height:1.8;color:#333}
.page-content-area h1{font-size:20px;font-weight:700;color:#1a3668;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid #1565c0}
.page-content-area h2{font-size:17px;font-weight:700;color:#1a3668;margin:16px 0 8px;padding-left:10px;border-left:4px solid #1565c0}
.page-content-area h3{font-size:15px;font-weight:700;color:#333;margin:14px 0 6px}
.page-content-area h4{font-size:14px;font-weight:700;color:#333;margin:10px 0 4px}
.page-content-area p{color:#444;margin-bottom:10px;line-height:1.8}
.page-content-area ul,.page-content-area ol{padding-left:22px;margin-bottom:10px;color:#444}
.page-content-area li{margin-bottom:5px;line-height:1.7}
.page-content-area a{color:#1565c0;text-decoration:underline}
.page-content-area a:hover{color:#0d3a63}
.page-content-area strong{color:#222}
.page-content-area blockquote{border-left:4px solid #1565c0;padding:10px 14px;background:#f0f6ff;margin:12px 0;font-style:italic;color:#555}
.page-content-area table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:13px}
.page-content-area table th{background:#1565c0;color:#fff;padding:7px 10px;text-align:left}
.page-content-area table td{border:1px solid #ddd;padding:6px 10px;vertical-align:middle}
.page-content-area table tr:nth-child(even) td{background:#f8f9fa}
.page-content-area img{max-width:100%;height:auto;border-radius:4px;margin:8px 0}
.page-content-area hr{border:none;border-top:1px solid #ddd;margin:16px 0}