/* Archive Page Enhanced Styles */
.archive-header{background:linear-gradient(135deg,#1d3557,#457b9d);padding:50px 0;color:#fff;text-align:center;position:relative;overflow:hidden}
.archive-header:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.15),transparent 60%)}
.archive-title{margin:0;font-size:2.1rem;font-weight:700;letter-spacing:.5px}
.archive-description p{margin:10px 0 0;font-size:1rem;opacity:.9}

.archive-content{background:#fff;border-radius:18px;padding:34px 30px;box-shadow:0 8px 32px rgba(0,0,0,.08);position:relative}
.archive-content:before{content:"";position:absolute;inset:0;border-radius:18px;padding:2px;background:linear-gradient(135deg,#457b9d,#a8dadc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

/* Tables */
.table-container{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}
.data-table{width:100%;border-collapse:collapse;font-size:14px}
.data-table thead th{background:#f1f5f9;padding:14px 16px;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:#334155}
.data-table tbody td{padding:14px 16px;border-top:1px solid #f1f5f9;vertical-align:middle}
.data-table tbody tr:nth-child(even){background:#fafbfc}
.data-table tbody tr:hover{background:#f0f9ff}
.data-table a{color:#2563eb;font-weight:600;text-decoration:none}
.data-table a:hover{color:#1d4ed8;text-decoration:underline}

.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:24px;font-size:12px;font-weight:600;line-height:1;background:#e2e8f0;color:#334155}
.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.status-upcoming{background:#e0f2fe;color:#0369a1}
.status-urgent{background:#fff7ed;color:#c2410c}
.status-expired{background:#f1f5f9;color:#64748b}

/* Generic posts grid */
.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px}
.archive-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px rgba(0,0,0,.06);transition:.3s}
.archive-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(69,123,157,.08),rgba(168,218,220,.08));opacity:0;transition:.4s}
.archive-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px -6px rgba(0,0,0,.15)}
.archive-card:hover:before{opacity:1}
.archive-card .thumb-wrapper{aspect-ratio:16/9;position:relative;background:#f1f5f9;overflow:hidden}
.archive-card .thumb-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.archive-card:hover .thumb-wrapper img{transform:scale(1.08) rotate(.6deg)}

.badge-strip{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:2}
.post-mini-badge{background:#1d3557;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;border-radius:6px;text-transform:uppercase;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.post-mini-badge.latest{background:#2563eb}
.post-mini-badge.featured{background:#f59e0b;color:#000}
.post-mini-badge.result{background:#dc2626}
.post-mini-badge.apply-online{background:#7c3aed}
.post-mini-badge.gujarat{background:#ea580c}

.archive-card-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.archive-card-title{font-size:17px;margin:0 0 10px;font-weight:600;line-height:1.35}
.archive-card-title a{color:#2563eb;text-decoration:none}
.archive-card-title a:hover{color:#2563eb}
.card-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;font-size:12px;color:#64748b}
.card-meta span{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;padding:4px 10px;border-radius:20px}
.card-excerpt{font-size:13px;line-height:1.55;color:#475569;margin:0 0 18px;flex:1}
.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
.card-actions a{color:#fff;}
.card-actions a:hover{color:#fff;text-decoration: underline;}
.read-more-btn{background:#2563eb;color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 4px rgba(37,99,235,.3);transition:.25s}
.read-more-btn:hover{background:#1d4ed8;color:#fff;text-decoration:none;box-shadow:0 4px 10px rgba(29,78,216,.35)}


/* Pagination */
.pagination{margin-top:42px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.pagination a,.pagination span{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;background:#fff;border:1px solid #e2e8f0;color:#1e293b;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:.25s}
.pagination a:hover{background:#2563eb;color:#fff;border-color:#2563eb}
.pagination .current{background:#1d3557;color:#fff;border-color:#1d3557;box-shadow:0 4px 10px -2px rgba(29,53,87,.5)}

/* Utilities */
.flex{display:flex}
.gap-8{gap:8px}
.text-center{text-align:center}

.data-table a.action-button{color:#fff;}

/* Responsive */
@media (max-width:880px){.archive-content{padding:28px 22px}.archive-grid{gap:20px}.archive-header{padding:42px 0}.archive-title{font-size:1.8rem}}
@media (max-width:600px){.archive-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.archive-card-body{padding:14px 15px}.archive-card-title{font-size:15px;margin-bottom:8px}.card-excerpt{display:none}}

/* ===== Mobile Responsive Tables (Stacked) ===== */
@media (max-width:700px){
	.data-table thead{display:none}
	.data-table, .data-table tbody, .data-table tr, .data-table td{display:block;}
	.data-table tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 10px -2px rgba(0,0,0,.05);background:#fff;overflow:hidden}
	.data-table tbody td{border:none;border-bottom:1px solid #f1f5f9;padding:12px 16px 12px 118px;position:relative;font-size:14px}
	.data-table tbody td:last-child{border-bottom:none}
	.data-table tbody td:before{content:attr(data-label);position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#64748b;width:92px;line-height:1.2}
	.data-table a.action-button{display:inline-flex;margin-top:2px;color:#fff;}
}

/* Improve horizontal scroll hint (fallback if stacked not applied) */
@media (max-width:700px){.table-container{box-shadow:inset 0 0 0 1px #e2e8f0;}}

/* Latest Jobs mobile card adjustments */
@media (max-width:700px){
	.archive-posts .latest-job{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;box-shadow:0 4px 14px -4px rgba(0,0,0,.08)}
	.latest-job .archive-post-title{font-size:18px;margin-top:0}
	.latest-job .archive-post-meta{background:transparent;padding:0;margin:4px 0 10px}
	.latest-job .job-dates span{display:inline-block;margin-right:10px;font-size:12px;line-height:1.2}
	.latest-job .days-remaining{display:inline-block;margin-top:4px;font-weight:600;padding:4px 10px;border-radius:14px;background:#f1f5f9;color:#334155}
	.latest-job .days-remaining.status-expired{background:#f1f5f9;color:#64748b}
}

/* Ensure links and buttons are clickable */
.archive-card-link,
.read-more-btn {
  color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.archive-card-link:hover,
.read-more-btn:hover {
  color: #fff;
  text-decoration: underline;
}
.archive-card-title a:hover{
	color:#2563eb !important;
	text-decoration: underline;
}
.archive-card:before {
  pointer-events: none;
  z-index: 1;
}

/* ── ROZGAAR SAMACHAR CUSTOM STYLES ── */
.rozgaar-section { background: var(--color-background); border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; }
.rozgaar-section-header { display: flex; align-items: center; gap: 1rem; padding: 1.5rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.rozgaar-section-icon { font-size: 2rem; line-height: 1; }
.rozgaar-section-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--color-text); line-height: 1.3; }
.rozgaar-section-sub { margin: 0.25rem 0 0 0; font-size: 0.85rem; color: var(--color-text-muted); }
.rozgaar-data-table { width: 100%; }
.rozgaar-data-table th, .rozgaar-data-table td { padding: 1rem 1.5rem; }
.rozgaar-data-table th { background: var(--color-surface); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-text-muted); }
.rozgaar-download-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary); color: var(--color-white); padding: 0.5rem 1rem; border-radius: var(--radius-sm); font-weight: 600; font-size: 0.85rem; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.rozgaar-download-btn:hover { background: var(--color-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(8, 110, 204, 0.2); }
@media (max-width: 768px) { .rozgaar-section-header { padding: 1rem; } .rozgaar-data-table th, .rozgaar-data-table td { padding: 0.75rem 1rem; } }

/* ── ROZGAAR SAMACHAR CUSTOM STYLES ── */
.rozgaar-section { background: var(--color-background); border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; }
.rozgaar-section-header { display: flex; align-items: center; gap: 1rem; padding: 1.5rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.rozgaar-section-icon { font-size: 2rem; line-height: 1; }
.rozgaar-section-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--color-text); line-height: 1.3; }
.rozgaar-section-sub { margin: 0.25rem 0 0 0; font-size: 0.85rem; color: var(--color-text-muted); }
.rozgaar-data-table { width: 100%; }
.rozgaar-data-table th, .rozgaar-data-table td { padding: 1rem 1.5rem; }
.rozgaar-data-table th { background: var(--color-surface); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-text-muted); }
.rozgaar-download-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary); color: var(--color-white); padding: 0.5rem 1rem; border-radius: var(--radius-sm); font-weight: 600; font-size: 0.85rem; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.rozgaar-download-btn:hover { background: var(--color-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(8, 110, 204, 0.2); }
@media (max-width: 768px) { .rozgaar-section-header { padding: 1rem; } .rozgaar-data-table th, .rozgaar-data-table td { padding: 0.75rem 1rem; } }

/* ── ROZGAAR SAMACHAR CUSTOM STYLES ── */
.rozgaar-section { background: var(--color-background); border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; }
.rozgaar-section-header { display: flex; align-items: center; gap: 1rem; padding: 1.5rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.rozgaar-section-icon { font-size: 2rem; line-height: 1; }
.rozgaar-section-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--color-text); line-height: 1.3; }
.rozgaar-section-sub { margin: 0.25rem 0 0 0; font-size: 0.85rem; color: var(--color-text-muted); }
.rozgaar-data-table { width: 100%; }
.rozgaar-data-table th, .rozgaar-data-table td { padding: 1rem 1.5rem; }
.rozgaar-data-table th { background: var(--color-surface); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-text-muted); }
.rozgaar-download-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary); color: var(--color-white); padding: 0.5rem 1rem; border-radius: var(--radius-sm); font-weight: 600; font-size: 0.85rem; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.rozgaar-download-btn:hover { background: var(--color-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(8, 110, 204, 0.2); }
@media (max-width: 768px) { .rozgaar-section-header { padding: 1rem; } .rozgaar-data-table th, .rozgaar-data-table td { padding: 0.75rem 1rem; } }

/* ── ROZGAAR SAMACHAR CUSTOM STYLES ── */
.rozgaar-section { background: var(--color-background); border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); overflow: hidden; }
.rozgaar-section-header { display: flex; align-items: center; gap: 1rem; padding: 1.5rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.rozgaar-section-icon { font-size: 2rem; line-height: 1; }
.rozgaar-section-title { margin: 0; font-size: 1.25rem; font-weight: 700; color: var(--color-text); line-height: 1.3; }
.rozgaar-section-sub { margin: 0.25rem 0 0 0; font-size: 0.85rem; color: var(--color-text-muted); }
.rozgaar-data-table { width: 100%; }
.rozgaar-data-table th, .rozgaar-data-table td { padding: 1rem 1.5rem; }
.rozgaar-data-table th { background: var(--color-surface); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--color-text-muted); }
.rozgaar-download-btn { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary); color: var(--color-white); padding: 0.5rem 1rem; border-radius: var(--radius-sm); font-weight: 600; font-size: 0.85rem; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.rozgaar-download-btn:hover { background: var(--color-primary-dark); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(8, 110, 204, 0.2); }
@media (max-width: 768px) { .rozgaar-section-header { padding: 1rem; } .rozgaar-data-table th, .rozgaar-data-table td { padding: 0.75rem 1rem; } }

/* ─── DIGITAL CURATOR DATA TABLE ─────────────────────────────────────────── */
.sl-table-container {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(25,28,30,0.07);
  overflow-x: auto;
  margin-bottom: 36px;
}
.sl-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  min-width: 600px;
}
.sl-table th, .sl-table td {
  padding: 16px 24px;
}
.sl-table th {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #434654;
  font-weight: 700;
  letter-spacing: 0.05em;
  background: #ffffff;
}
/* Zebra Striping */
.sl-table tbody tr:nth-child(even) {
  background-color: #eff4ff; /* surface-container-low */
}
.sl-table tbody tr:nth-child(odd) {
  background-color: #f8f9ff; /* surface */
}
/* Remove all inner borders (Digital Curator strictly prohibits 1px divider lines) */
.sl-table th, .sl-table td {
  border: none;
}

/* Fix CSS Grid blowout caused by tables */
.single-post-container {
  min-width: 0;
}

.sl-table__title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #121c2a;
  margin: 0;
}
.sl-table__title a {
  color: inherit; text-decoration: none;
}
.sl-table__title a:hover {
  color: #003aa4; text-decoration: underline;
}
.sl-table__status {
  display: inline-flex; align-items: center; gap: 4px;
  background: #e6eeff;
  color: #094fd4; font-size: 11px; font-weight: 700;
  padding: 4px 10px; border-radius: 999px;
}
.sl-table__status--passed {
  background: #f0f2f4; color: #737685;
}
.sl-table__board {
  font-size: 12px; font-weight: 600; color: #434654;
}
.sl-table__date {
  font-size: 12px; font-weight: 500; color: #121c2a;
}
.sl-table__action {
  white-space: nowrap; text-align: right;
}

/* --- DIGITAL CURATOR: INTELLIGENT LIST CARDS ----------------------------- */
.sl-list-header {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 20px;
}
.sl-list-header .sl-list-title {
  font-family: 'Poppins', 'Anek Gujarati', sans-serif;
  font-size: 1.25rem; font-weight: 800; color: #121c2a; margin: 0;
}
.sl-card-list {
  display: flex; flex-direction: column; gap: 16px; margin-bottom: 36px;
}
.sl-list-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 20px 24px;
  display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px;
  box-shadow: 0 4px 24px rgba(18, 28, 42, 0.04);
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}
.sl-list-card::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, #003aa4, #094fd4);
  opacity: 0; transition: opacity 0.2s;
}
.sl-list-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(18, 28, 42, 0.08);
}
.sl-list-card:hover::before { opacity: 1; }
.sl-list-card__main { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.sl-list-card__meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sl-list-card__title {
  font-family: 'Poppins', 'Anek Gujarati', sans-serif;
  font-size: 1.125rem; font-weight: 700; color: #121c2a; margin: 0; line-height: 1.4;
}
.sl-list-card__title a { color: inherit; text-decoration: none; }
.sl-list-card__title a:hover { color: #003aa4; text-decoration:underline; }
.sl-list-card__details {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  font-size: 0.875rem; color: #434654;
}
.sl-detail-item { display: inline-flex; align-items: center; gap: 6px; }
.sl-detail-item .material-icons-round { font-size: 16px; color: #737685; }
.sl-card-badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 12px; border-radius: 999px;
  font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;
}
.sl-card-badge .material-icons-round { font-size: 14px; }
.sl-card-badge--available { background: #eaf1ff; color: #003aa4; }
.sl-card-badge--urgent { background: #ffdad6; color: #93000a; }
.sl-card-badge--archived { background: #f0f2f4; color: #434654; }
.sl-list-card__action { flex-shrink: 0; }
.sl-btn-download {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, #003aa4, #094fd4);
  color: #fff; text-decoration: none; font-size: 0.875rem; font-weight: 700;
  padding: 10px 20px; border-radius: 12px; transition: all 0.2s;
}
.sl-btn-download:hover {
  box-shadow: 0 8px 16px rgba(0, 58, 164, 0.2);
  transform: translateY(-1px); color: #fff;
}
.sl-btn-download .material-icons-round { font-size: 18px; }
@media (max-width: 768px) {
  .sl-list-card { flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px 20px; }
  .sl-list-card__action { width: 100%; }
  .sl-btn-download { width: 100%; justify-content: center; }
}
