/* ═══════════════════════════════════════════════
   GovtJobSamachar — Modern Professional Design
   ═══════════════════════════════════════════════ */

/* ── RESET & BASE ── */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:14px;scroll-behavior:smooth}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f4f6f9;color:#1a1a2e;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

/* ── HIDE ALL GP ── */
#site-header,.site-header,header.site-header,#site-navigation,
.main-navigation,.nav-primary,nav.main-navigation,.generate-back-to-top,
#site-footer,.site-footer,footer.site-footer,.inside-navigation,
.inside-header,.inside-site-header,.inside-top-bar,#generate-slideout-sidebar,
.widget-area,.sidebar,#secondary,.entry-header,.entry-footer,
.post-navigation,.comments-area{display:none !important}
#page,#content,.site-content,.content-area,#primary,.inside-article,
.entry-content,.container,.grid-container,.generate-columns-container,
article,main{padding:0!important;margin:0!important;max-width:100%!important;
width:100%!important;background:transparent!important;border:none!important;
box-shadow:none!important;float:none!important;display:block!important;
min-height:0!important;height:auto!important}

/* Hide GP wrapper that adds blank space */
.separate-containers .inside-article{padding:0!important;margin:0!important}
.site-content{padding:0!important;margin:0!important}
.content-area{padding:0!important;margin:0!important;float:none!important;width:100%!important}
.generate-columns-container{max-width:100%!important;padding:0!important}
#primary{padding:0!important;margin:0!important;width:100%!important}

/* ── VARIABLES ── */
:root{
  --navy:#0d1b4b;
  --navy-dark:#091236;
  --navy-light:#1a2d6e;
  --red:#d32f2f;
  --red-light:#ef5350;
  --gold:#f59e0b;
  --green:#16a34a;
  --bg:#f4f6f9;
  --white:#ffffff;
  --border:#e2e8f0;
  --text:#1a1a2e;
  --text2:#4a5568;
  --text3:#718096;
  --shadow:0 2px 12px rgba(0,0,0,.08);
  --shadow-hover:0 6px 24px rgba(0,0,0,.14);
  --radius:10px;
  --radius-sm:6px;
}

/* ── TOP BAR ── */
.gjs-top-bar{
  background:var(--navy-dark);
  color:rgba(255,255,255,.75);
  font-size:11.5px;
  padding:6px 20px;
  display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.gjs-top-bar a{color:rgba(255,255,255,.85);transition:.2s}
.gjs-top-bar a:hover{color:#fff}
.gjs-top-bar span:last-child{display:flex;gap:16px;align-items:center}
.gjs-tg-btn{background:#229ED9;color:#fff!important;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
.gjs-wa-btn{background:#25D366;color:#fff!important;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}

/* ── HEADER ── */
.gjs-header{
  background:#fff;
  padding:12px 24px;
  display:flex;justify-content:space-between;align-items:center;
  box-shadow:0 2px 12px rgba(0,0,0,.09);
  border-bottom:4px solid var(--navy);
}
.gjs-logo-wrap{display:flex;align-items:center;gap:12px}
.gjs-logo-icon{
  width:52px;height:52px;
  background:linear-gradient(135deg,var(--navy) 0%,#1a2d6e 100%);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:26px;font-weight:900;color:#fff;
  box-shadow:0 4px 14px rgba(13,27,75,.35);
  flex-shrink:0;font-family:Georgia,serif;
  border:2px solid rgba(255,255,255,.15);
}
.gjs-logo-text-wrap{line-height:1}
.gjs-logo-main{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.5px;line-height:1}
.gjs-logo-main span{color:var(--red)}
.gjs-logo-sub{font-size:9px;color:var(--text3);letter-spacing:2.5px;font-weight:700;margin-top:4px;text-transform:uppercase}
.gjs-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.gjs-header-date{font-size:12px;color:var(--text3);font-weight:500}
.gjs-header-search{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--navy);}
.gjs-header-search input{
  padding:8px 14px;border:none;background:#f8fafc;
  color:var(--text);font-size:13px;width:260px;outline:none;
}
.gjs-header-search input::placeholder{color:var(--text3)}
.gjs-header-search button{
  padding:8px 18px;background:var(--navy);color:#fff;border:none;
  font-weight:700;font-size:13px;cursor:pointer;transition:.2s;
}
.gjs-header-search button:hover{background:var(--red)}

/* ── MAIN NAV ── */
.gjs-nav{
  background:var(--navy-dark);
  display:flex;align-items:center;overflow-x:auto;
  border-bottom:3px solid var(--red);
  scrollbar-width:none;
}
.gjs-nav::-webkit-scrollbar{display:none}
.gjs-nav a{
  color:rgba(255,255,255,.8);padding:12px 16px;font-size:13px;font-weight:600;
  white-space:nowrap;transition:.2s;border-bottom:3px solid transparent;
  margin-bottom:-3px;letter-spacing:.2px;
}
.gjs-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.gjs-nav a.active,.gjs-nav a[class~=active]{color:#fff;border-bottom-color:var(--red);background:rgba(255,255,255,.06)}

/* ── MOBILE NAV ── */
.gjs-hamburger{
  display:none;width:100%;background:var(--navy);color:#fff;
  border:none;padding:11px 16px;font-size:15px;font-weight:600;
  cursor:pointer;text-align:left;
}
.gjs-nav-mobile{display:none;background:var(--navy-dark);flex-direction:column}
.gjs-nav-mobile.open{display:flex}
.gjs-nav-mobile a{color:rgba(255,255,255,.8);padding:11px 20px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}
.gjs-nav-mobile a:hover{background:rgba(255,255,255,.06);color:#fff}



/* ── NOTICE BAR ── */
.gjs-notice-bar{
  background:linear-gradient(90deg,#1565c0,#1976d2);
  padding:10px 20px;
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  font-size:12.5px;
}
.gjs-notice-bar a{
  background:rgba(255,255,255,.15);color:#fff;
  padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;
  transition:.2s;border:1px solid rgba(255,255,255,.2);white-space:nowrap;
}
.gjs-notice-bar a:hover{background:rgba(255,255,255,.25)}

/* ── AD ZONES ── */
.gjs-ad-zone{
  text-align:center;padding:8px;background:var(--white);
  border:1px dashed #cbd5e0;border-radius:var(--radius-sm);
  color:var(--text3);font-size:12px;margin:8px 0;
}
.gjs-ad-zone:empty{display:none}
.gjs-ad-leader{text-align:center;margin:8px 0;min-height:0}
.gjs-ad-leader:empty{display:none !important;margin:0 !important;padding:0 !important;height:0 !important}

/* ── MAIN WRAPPER ── */
.gjs-wrap{
  max-width:1200px;margin:0 auto;padding:16px 16px;
  display:flex;flex-direction:row;gap:18px;align-items:flex-start;
}
.gjs-wrap > div:first-child{flex:1 1 0;min-width:0;overflow:hidden}
.gjs-wrap > aside{flex:0 0 300px;width:300px;min-width:300px;max-width:300px}
.gjs-entry-content{overflow:hidden;word-break:break-word}
.gjs-entry-content table{max-width:100%;width:100% !important;overflow-x:auto;display:block;table-layout:fixed}
.gjs-entry-content td,.gjs-entry-content th{word-break:break-word;overflow-wrap:break-word}
.gjs-entry-content img{max-width:100%;height:auto}

/* ── HOMEPAGE GRID ── */
.gjs-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}

/* ── BOX / CARD ── */
.gjs-box{
  background:var(--white);border-radius:var(--radius);
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px;
}
.gjs-box-title{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);
  color:#fff;padding:11px 16px;font-size:13px;font-weight:700;
  display:flex;justify-content:space-between;align-items:center;
  letter-spacing:.3px;
}
.gjs-box-title a{color:rgba(255,255,255,.85);font-size:12px;font-weight:600}
.gjs-box-title a:hover{color:#fff}

/* ── JOB LIST ── */
.gjs-list{list-style:none}
.gjs-list li{
  border-bottom:1px solid var(--border);
  padding:9px 14px;display:flex;align-items:flex-start;
  gap:8px;transition:.15s;
}
.gjs-list li:last-child{border-bottom:none}
.gjs-list li:hover{background:#f8fafc}
.gjs-list li::before{content:"»";color:var(--red);font-weight:900;flex-shrink:0;margin-top:1px}
.gjs-list li a{color:var(--text);font-size:13px;line-height:1.4;flex:1}
.gjs-list li a:hover{color:var(--red)}
.gjs-list li .gjs-badge{flex-shrink:0;margin-top:1px}
.gjs-show-more{
  text-align:center;padding:10px;background:#f8fafc;
  border-top:1px solid var(--border);
}
.gjs-show-more a{
  color:var(--navy);font-size:12.5px;font-weight:700;
  text-decoration:underline;
}

/* ── BADGES ── */
.gjs-badge{
  display:inline-block;font-size:9.5px;font-weight:800;
  padding:2px 7px;border-radius:20px;letter-spacing:.5px;white-space:nowrap;
}
.badge-new{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}
.badge-hot{background:#fff3e0;color:#e65100;border:1px solid #ffcc02}
.badge-out{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}
.badge-soon{background:#fce4ec;color:#c62828;border:1px solid #ef9a9a}

/* ── SIDEBAR ── */
.gjs-sidebar{
  width:300px;
  min-width:0;
  max-width:300px;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-self:start;
}
.gjs-social-btns{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.btn-tg,.btn-wp{
  display:flex;align-items:center;justify-content:center;gap:8px;
  padding:11px;border-radius:var(--radius-sm);color:#fff;font-weight:700;
  font-size:13px;transition:.2s;box-shadow:var(--shadow);
}
.btn-tg{background:linear-gradient(135deg,#229ED9,#1a7fc4)}
.btn-tg:hover{background:linear-gradient(135deg,#1a8bc4,#1565c0)}
.btn-wp{background:linear-gradient(135deg,#25D366,#1aaa50)}
.btn-wp:hover{background:linear-gradient(135deg,#1aaa50,#147a38)}

/* ── QUAL / STATE BOXES ── */
.gjs-qual-box{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}
.gjs-qual-title{background:var(--navy);color:#fff;padding:10px 14px;font-size:12.5px;font-weight:700;letter-spacing:.3px}
.gjs-qual-list{padding:10px 12px;display:flex;flex-wrap:wrap;gap:6px}
.gjs-qual-list a{
  background:#f1f5f9;color:var(--navy);font-size:11.5px;font-weight:600;
  padding:5px 11px;border-radius:20px;transition:.2s;border:1px solid #e2e8f0;
}
.gjs-qual-list a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── SINGLE POST ── */
.gjs-breadcrumb{
  background:var(--white);padding:10px 16px;font-size:12px;
  color:var(--text3);border-bottom:1px solid var(--border);
}
.gjs-breadcrumb a{color:var(--navy);font-weight:600}
.gjs-breadcrumb a:hover{color:var(--red)}
.gjs-breadcrumb a::after{content:" »";margin:0 3px 0 6px;color:var(--text3);font-weight:400}

.gjs-single-box{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:16px}
.gjs-single-box h1{font-size:20px;font-weight:800;color:var(--navy);line-height:1.35;margin-bottom:16px;border-bottom:3px solid var(--red);padding-bottom:12px}

/* ── DETAIL TABLE ── */
.gjs-detail-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.gjs-detail-table th{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;padding:10px 14px;text-align:left;font-size:12px;letter-spacing:.3px}
.gjs-detail-table td{padding:9px 14px;border:1px solid #e2e8f0;color:var(--text);vertical-align:top}
.gjs-detail-table tr:nth-child(even) td{background:#f8fafc}
.gjs-detail-table td:first-child{font-weight:600;color:var(--navy);width:40%;background:#f1f5f9}

/* ── IMPORTANT LINKS ── */
.gjs-important-links{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);padding:16px;margin:16px 0}
.gjs-important-links h3{color:var(--navy);font-size:14px;margin-bottom:10px;font-weight:700}
.gjs-link-table{width:100%;border-collapse:collapse;font-size:13px}
.gjs-link-table td{padding:8px 12px;border:1px solid #dbeafe}
.gjs-link-table td:first-child{font-weight:600;color:var(--text);background:#eff6ff;width:50%}
.gjs-link-table td a{
  display:inline-block;background:var(--navy);color:#fff;
  padding:5px 14px;border-radius:4px;font-size:12px;font-weight:700;transition:.2s;
}
.gjs-link-table td a:hover{background:var(--red)}

/* ── ENTRY CONTENT ── */
.gjs-entry-content{margin:16px 0;font-size:13.5px;line-height:1.8;color:var(--text)}
.gjs-entry-content h2{font-size:16px;font-weight:800;color:var(--navy);border-left:4px solid var(--red);padding-left:10px;margin:20px 0 10px}
.gjs-entry-content h3{font-size:14px;font-weight:700;color:#37474f;margin:14px 0 8px}
.gjs-entry-content p{margin-bottom:10px}
.gjs-entry-content ul,
.gjs-entry-content ol{padding-left:22px;margin-bottom:12px}
.gjs-entry-content li{padding:2px 0}
.gjs-entry-content table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}
.gjs-entry-content table th{background:var(--navy);color:#fff;padding:9px 12px;text-align:left}
.gjs-entry-content table td{padding:8px 12px;border:1px solid #e2e8f0}
.gjs-entry-content table tr:nth-child(even) td{background:#f8fafc}
.gjs-entry-content a{color:var(--red);font-weight:600;text-decoration:underline}
.gjs-entry-content strong{color:var(--navy);font-weight:700}
.gjs-entry-content img{border-radius:var(--radius-sm);margin:10px 0;box-shadow:var(--shadow)}

/* ── DISCLAIMER ── */
.gjs-disclaimer{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;color:#78350f;margin-top:16px}

/* ── PAGINATION ── */
.gjs-pagination{text-align:center;padding:16px 0;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.gjs-pagination a,.gjs-pagination span{
  padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;
  background:var(--white);border:1px solid var(--border);color:var(--navy);transition:.2s;
}
.gjs-pagination a:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.gjs-pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ── FOOTER ── */
.gjs-footer{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 100%);color:rgba(255,255,255,.8);padding:30px 20px 16px}
.gjs-footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:24px}
.gjs-footer-col h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--red)}
.gjs-footer-col a{display:block;color:rgba(255,255,255,.7);font-size:12.5px;padding:3px 0;transition:.2s}
.gjs-footer-col a:hover{color:#fff;padding-left:4px}
.gjs-footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:rgba(255,255,255,.5)}
.gjs-footer-bottom strong{color:rgba(255,255,255,.7)}

/* ── MOBILE STICKY AD ── */
.gjs-sticky-ad{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--white);box-shadow:0 -3px 20px rgba(0,0,0,.15);padding:6px;text-align:center}

/* ── STATS BAR ── */
.gjs-stats-bar{background:var(--white);border-bottom:1px solid var(--border);padding:8px 20px;display:flex;gap:20px;align-items:center;font-size:12px;color:var(--text3);flex-wrap:wrap}
.gjs-stat{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--navy)}
.gjs-stat span{color:var(--red);font-size:15px;font-weight:800}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .gjs-wrap{flex-direction:column;padding:12px}
  .gjs-wrap > aside{width:100%;min-width:unset;max-width:100%;flex:none}
  .gjs-home-grid{grid-template-columns:1fr}
  .gjs-header{flex-direction:column;gap:12px;align-items:flex-start;padding:14px 16px}
  .gjs-header-right{align-items:flex-start;width:100%}
  .gjs-header-search input{width:100%}
  .gjs-header-search{width:100%}
  .gjs-nav{display:none}
  .gjs-hamburger{display:block}
  .gjs-top-bar{flex-direction:column;gap:6px;align-items:flex-start}
  .gjs-footer-grid{grid-template-columns:repeat(2,1fr)}
  .gjs-single-box h1{font-size:17px}
  .gjs-sticky-ad{display:block}
}
@media(max-width:480px){
  .gjs-footer-grid{grid-template-columns:1fr}
  .gjs-detail-table td:first-child{width:45%}
}

/* ── LOGO ANCHOR FIX ── */
a.gjs-logo-wrap{display:flex;align-items:center;gap:14px;text-decoration:none;transition:.15s}
a.gjs-logo-wrap:hover{opacity:.92}

/* ── HOME GRID ── */
.gjs-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:700px){.gjs-home-grid{grid-template-columns:1fr}}

/* ── SHOW MORE ── */
.gjs-show-more{text-align:center;padding:10px;background:#f8fafc;border-top:1px solid var(--border)}
.gjs-show-more a{color:var(--navy);font-size:12.5px;font-weight:700}
.gjs-show-more a:hover{color:var(--red)}

/* ── STATS BAR HOME ── */
.gjs-home-stats{display:flex;gap:0;background:var(--white);border-bottom:3px solid var(--border);margin-bottom:16px;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.gjs-home-stat{flex:1;text-align:center;padding:14px 10px;border-right:1px solid var(--border)}
.gjs-home-stat:last-child{border-right:none}
.gjs-home-stat .num{font-size:22px;font-weight:800;color:var(--navy);line-height:1}
.gjs-home-stat .lbl{font-size:11px;color:var(--text3);margin-top:4px;font-weight:600}




/* ═══════════════════════════════════════════════
   NUCLEAR SIDEBAR FIX
   ═══════════════════════════════════════════════ */
.gjs-wrap{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:flex-start !important}
.gjs-wrap > div:first-child{flex:1 1 0% !important;width:0 !important;min-width:0 !important;overflow:hidden !important}
.gjs-wrap > aside.gjs-sidebar{flex:0 0 300px !important;width:300px !important;min-width:300px !important}
.gjs-entry-content *{max-width:100% !important;word-break:break-word !important}
.gjs-entry-content table{display:block !important;overflow-x:auto !important;width:100% !important}
.gjs-entry-content td,.gjs-entry-content th{word-break:break-word !important;max-width:200px !important}
.gjs-entry-content img{max-width:100% !important;height:auto !important}

/* ═══════════════════════════════════════════════
   MOBILE — single block, no conflicts
   ═══════════════════════════════════════════════ */
@media(max-width:900px){
  /* Layout */
  .gjs-wrap{flex-direction:column !important}
  .gjs-wrap > div:first-child{width:100% !important;flex:none !important}
  .gjs-wrap > aside.gjs-sidebar{flex:none !important;width:100% !important;min-width:unset !important;max-width:100% !important}
  .gjs-home-grid{grid-template-columns:1fr !important}

  /* Header */
  .gjs-header{flex-direction:column !important;gap:10px !important;padding:12px !important}
  .gjs-header-right{align-items:flex-start !important;width:100% !important}
  .gjs-header-search{width:100% !important}
  .gjs-header-search input{width:100% !important;box-sizing:border-box !important}

  /* Nav */
  .gjs-nav{display:none !important}
  .gjs-hamburger{display:block !important}
  .gjs-top-bar{flex-direction:column !important;gap:6px !important;align-items:flex-start !important}

  /* Ticker - fixed height, no overflow */
  #gjsTicker{height:38px !important;max-height:38px !important;overflow:hidden !important}
  #gjsTickerInner{height:38px !important}

  /* Spacing */
  .gjs-wrap{padding:8px !important;gap:10px !important}
  /* Force content to not overflow on mobile */
  .gjs-wrap > div:first-child{overflow:hidden !important;max-width:100vw !important}
  .gjs-single-box{overflow:hidden !important;max-width:100% !important}
  .gjs-entry-content{overflow:hidden !important;max-width:100% !important;height:auto !important}
  .gjs-ad-leader{margin:4px 0 !important;min-height:0 !important}
  .gjs-ad-leader a{display:none !important}
  .gjs-single-box{padding:12px !important}
  .gjs-breadcrumb{padding:8px 12px !important;font-size:11px !important}
  .gjs-ad-leader:empty{display:none !important;height:0 !important;margin:0 !important;padding:0 !important}

  /* Footer */
  .gjs-footer-grid{grid-template-columns:repeat(2,1fr) !important}
  .gjs-single-box h1{font-size:17px !important}
  .gjs-sticky-ad{display:block !important}

  /* Global overflow fix */
  body{overflow-x:hidden !important}
}

@media(max-width:480px){
  .gjs-footer-grid{grid-template-columns:1fr !important}
  .gjs-detail-table td:first-child{width:45% !important}
  .gjs-logo-main{font-size:22px !important}
}