/*
Theme Name: GovtJobSamachar Child
Template:   generatepress
Version:    1.0.0
Description: Classic Indian govt job portal style child theme
*/

/* ─── RESET & BASE ─────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: #f0f0f0;
  color: #222;
}

a { color: #c00; text-decoration: none; }
a:hover { text-decoration: underline; color: #900; }
img { max-width: 100%; height: auto; }
ul { list-style: none; }

/* ─── TOP BAR ──────────────────────────────────────────────────────── */
.gjs-top-bar {
  background: #1a237e;
  color: #fff;
  padding: 4px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}
.gjs-top-bar a { color: #ffd54f; font-size: 11px; }
.gjs-top-bar a:hover { color: #fff; }

/* ─── HEADER ───────────────────────────────────────────────────────── */
.gjs-header {
  background: #fff;
  border-bottom: 3px solid #1a237e;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.gjs-logo-text { font-size: 26px; font-weight: 700; color: #1a237e; line-height: 1; }
.gjs-logo-text span { color: #c62828; }
.gjs-logo-sub { font-size: 10px; color: #666; letter-spacing: 1.5px; margin-top: 3px; font-weight: 700; }
.gjs-header-date { font-size: 11px; color: #666; margin-bottom: 4px; text-align: right; }
.gjs-header-search { display: flex; }
.gjs-header-search input {
  padding: 5px 8px; border: 1px solid #ccc; border-right: none;
  font-size: 12px; width: 180px; outline: none;
}
.gjs-header-search button {
  background: #c62828; color: #fff; border: none;
  padding: 5px 12px; font-size: 12px; font-weight: 700; cursor: pointer;
}
.gjs-header-search button:hover { background: #b71c1c; }

/* ─── NAVIGATION ───────────────────────────────────────────────────── */
.gjs-nav { background: #1a237e; display: flex; flex-wrap: wrap; }
.gjs-nav a {
  color: #fff; padding: 8px 13px; font-size: 12px; font-weight: 700;
  display: block; border-right: 1px solid rgba(255,255,255,0.15);
}
.gjs-nav a:hover, .gjs-nav a.current { background: #c62828; text-decoration: none; }

/* ─── TICKER ───────────────────────────────────────────────────────── */
.gjs-ticker {
  background: #fff9c4; border-top: 1px solid #f9a825; border-bottom: 1px solid #f9a825;
  padding: 5px 10px; font-size: 11px; color: #5d4037; overflow: hidden; white-space: nowrap;
}
.gjs-ticker strong { color: #c62828; margin-right: 6px; }
.gjs-ticker-inner { display: inline-block; animation: gjstick 40s linear infinite; }
@keyframes gjstick { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }

/* ─── ADS ──────────────────────────────────────────────────────────── */
.gjs-ad-leader {
  background: #f9f9f9; border: 1px dashed #ccc; text-align: center;
  padding: 10px; margin: 8px 12px; font-size: 10px; color: #aaa;
  min-height: 70px; display: flex; align-items: center; justify-content: center;
}
.gjs-ad-sidebar {
  background: #f9f9f9; border: 1px dashed #ccc; text-align: center;
  font-size: 10px; color: #aaa; margin-bottom: 10px;
  display: flex; align-items: center; justify-content: center;
}
.gjs-ad-sidebar-250 { min-height: 250px; }
.gjs-ad-sidebar-600 { min-height: 600px; }
.gjs-ad-infeed {
  background: #f9f9f9; border: 1px dashed #ccc; text-align: center;
  padding: 6px; font-size: 10px; color: #aaa; min-height: 90px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 0;
}

/* ─── NOTICE BOX ───────────────────────────────────────────────────── */
.gjs-notice {
  background: #fff; border: 1px solid #e0e0e0; border-left: 4px solid #c62828;
  padding: 7px 10px; margin: 0 12px 8px; font-size: 12px; line-height: 1.9;
}
.gjs-notice a { color: #c62828; font-weight: 700; }
.gjs-notice a:hover { color: #900; }
.gjs-notice .sep { color: #aaa; margin: 0 4px; }

/* ─── WRAPPER GRID ─────────────────────────────────────────────────── */
.gjs-wrapper {
  display: grid; grid-template-columns: 1fr 230px;
  gap: 10px; padding: 0 12px 12px; max-width: 1200px; margin: 0 auto;
}

/* ─── SECTION BOX ──────────────────────────────────────────────────── */
.gjs-box { background: #fff; border: 1px solid #ddd; margin-bottom: 10px; }
.gjs-box-title {
  background: #1a237e; color: #fff; padding: 7px 10px;
  font-size: 12px; font-weight: 700; display: flex; justify-content: space-between; align-items: center;
}
.gjs-box-title a { color: #ffd54f; font-size: 10px; font-weight: 400; }
.gjs-box-title a:hover { color: #fff; }

/* ─── LIST ITEMS ───────────────────────────────────────────────────── */
.gjs-list { padding: 2px 0; }
.gjs-list li {
  border-bottom: 1px solid #f0f0f0; padding: 5px 10px; font-size: 12px;
  display: flex; align-items: flex-start; gap: 5px; line-height: 1.45;
}
.gjs-list li:last-child { border-bottom: none; }
.gjs-list li::before { content: "»"; color: #c62828; font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.gjs-list li a { color: #222; flex: 1; }
.gjs-list li a:hover { color: #c00; }

/* ─── BADGES ───────────────────────────────────────────────────────── */
.gjs-badge {
  font-size: 9px; font-weight: 700; padding: 1px 5px; border-radius: 2px;
  flex-shrink: 0; margin-left: 3px; align-self: flex-start; margin-top: 2px;
}
.badge-new  { background: #c62828; color: #fff; }
.badge-hot  { background: #e65100; color: #fff; }
.badge-out  { background: #2e7d32; color: #fff; }
.badge-blue { background: #1565c0; color: #fff; }
.badge-soon { background: #f9a825; color: #5d4037; }

/* ─── SHOW MORE ────────────────────────────────────────────────────── */
.gjs-show-more {
  text-align: center; padding: 6px; background: #f5f5f5;
  border-top: 1px solid #e0e0e0; font-size: 11px;
}
.gjs-show-more a { color: #1a237e; font-weight: 700; }
.gjs-show-more a:hover { color: #c00; }

/* ─── TWO COLUMN GRID ──────────────────────────────────────────────── */
.gjs-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.gjs-list-cols { columns: 2; display: block; padding: 2px 0; }
.gjs-list-cols li { break-inside: avoid; }

/* ─── SOCIAL BUTTONS ───────────────────────────────────────────────── */
.gjs-social-btns { display: flex; gap: 6px; margin-bottom: 10px; }
.gjs-social-btns a {
  flex: 1; text-align: center; padding: 9px 4px;
  font-size: 11px; font-weight: 700; border-radius: 3px; color: #fff;
}
.gjs-social-btns a:hover { opacity: 0.9; text-decoration: none; }
.btn-telegram { background: #0288d1; }
.btn-whatsapp { background: #2e7d32; }

/* ─── SIDEBAR ──────────────────────────────────────────────────────── */
.gjs-sidebar .gjs-box-title { font-size: 11px; padding: 5px 8px; }
.gjs-sidebar .gjs-list li { padding: 4px 8px; font-size: 11px; }

.gjs-qual-box { background: #fff; border: 1px solid #ddd; margin-bottom: 10px; }
.gjs-qual-title { background: #37474f; color: #fff; padding: 6px 8px; font-size: 11px; font-weight: 700; }
.gjs-qual-list a {
  display: block; padding: 5px 10px; font-size: 11px;
  color: #1a237e; border-bottom: 1px solid #f0f0f0;
}
.gjs-qual-list a:hover { background: #f5f5f5; text-decoration: none; }
.gjs-qual-list a::before { content: "▶ "; font-size: 9px; color: #c62828; }

/* ─── SINGLE JOB POST ──────────────────────────────────────────────── */
.gjs-single-wrap { background: #fff; border: 1px solid #ddd; padding: 16px; margin-bottom: 10px; }
.gjs-single-wrap h1 {
  font-size: 18px; font-weight: 700; color: #1a237e;
  border-bottom: 2px solid #1a237e; padding-bottom: 8px; margin-bottom: 14px;
}
.gjs-detail-table { width: 100%; border-collapse: collapse; font-size: 12px; margin-bottom: 16px; }
.gjs-detail-table th { background: #1a237e; color: #fff; padding: 8px 10px; text-align: left; font-size: 13px; }
.gjs-detail-table td { padding: 7px 10px; border: 1px solid #ddd; vertical-align: top; }
.gjs-detail-table tr:nth-child(even) td { background: #f9f9f9; }
.gjs-detail-table td:first-child { font-weight: 700; width: 35%; background: #e8eaf6; }

.gjs-important-links {
  background: #e8f5e9; border: 1px solid #a5d6a7; padding: 12px; margin: 14px 0;
}
.gjs-important-links h3 {
  font-size: 13px; font-weight: 700; color: #1b5e20; margin-bottom: 10px;
  border-bottom: 1px dashed #a5d6a7; padding-bottom: 6px; text-align: center;
}
.gjs-link-table { width: 100%; border-collapse: collapse; }
.gjs-link-table td { padding: 5px 8px; border: 1px solid #c8e6c9; font-size: 12px; }
.gjs-link-table td:first-child { font-weight: 700; background: #f1f8e9; width: 40%; }
.gjs-link-table a {
  color: #c62828; font-weight: 700; background: #fff3e0; padding: 3px 10px;
  border: 1px solid #ffb74d; border-radius: 2px; display: inline-block;
}
.gjs-link-table a:hover { background: #ffe0b2; text-decoration: none; }

/* ─── BREADCRUMB ───────────────────────────────────────────────────── */
.gjs-breadcrumb {
  font-size: 11px; color: #666; padding: 5px 12px;
  background: #fff; border-bottom: 1px solid #e0e0e0; margin-bottom: 8px;
}
.gjs-breadcrumb a { color: #1a237e; }

/* ─── FOOTER ───────────────────────────────────────────────────────── */
.gjs-footer { background: #1a237e; color: #ccc; padding: 14px 12px 10px; }
.gjs-footer-links {
  display: flex; flex-wrap: wrap; justify-content: center;
  margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.2);
}
.gjs-footer-links a {
  color: #ffd54f; font-size: 11px; padding: 2px 8px;
  border-right: 1px solid rgba(255,255,255,0.2);
}
.gjs-footer-links a:last-child { border-right: none; }
.gjs-footer-links a:hover { color: #fff; }
.gjs-footer-copy { text-align: center; font-size: 10px; color: #9fa8da; line-height: 1.6; }

/* ─── MOBILE STICKY AD ─────────────────────────────────────────────── */
.gjs-sticky-mobile {
  display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #fff; border-top: 1px solid #ddd; text-align: center;
  min-height: 50px; align-items: center; justify-content: center;
}

/* ─── RESPONSIVE ───────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .gjs-wrapper { grid-template-columns: 1fr; }
  .gjs-two-col { grid-template-columns: 1fr; }
  .gjs-list-cols { columns: 1; }
  .gjs-header { flex-direction: column; align-items: flex-start; }
  .gjs-header-search input { width: 100%; }
  .gjs-top-bar { flex-direction: column; gap: 3px; text-align: center; }
  .gjs-nav { overflow-x: auto; flex-wrap: nowrap; }
  .gjs-nav a { white-space: nowrap; }
  .gjs-sidebar { display: none; }
  .gjs-sticky-mobile { display: flex; }
  body { padding-bottom: 55px; }
}