/* ============================================================
   JOBS & INTERNSHIPS — ARCHIVE
   ============================================================ */

/* ── Filter tabs ─────────────────────────────────────────────── */
.jobs-page__filters {
  display: flex;
  flex-wrap: wrap;
  gap: .67rem;
  margin-bottom: 2.25rem;
}

/* ── Archive list ────────────────────────────────────────────── */
.jobs-archive {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

.jobs-archive__empty {
  font-style: italic;
  color: var(--clr-text-muted, #6b7280);
  padding: 2rem 0;
  text-align: center;
}

/* ── Job card ────────────────────────────────────────────────── */
.job-card {
  display: grid;
  grid-template-columns: 72px 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.25rem;
  border: 1px solid var(--clr-border, #e5e7eb);
  background: #fff;
  transition: box-shadow .15s, border-color .15s;
}

.job-card:hover {
  border-color: var(--wp--preset--gradient--midnight);
  box-shadow: 0 2px 12px rgba(0, 0, 0, .07);
}

.job-card--expired {
  opacity: .6;
}

/* Logo col */
.job-card__logo-col {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.job-card__logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
}

.job-card__logo-placeholder {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: var(--clr-border, #e5e7eb);
}

/* Body */
.job-card__body {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-width: 0;
}

.job-card__top-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.job-card__company {
  font-size: .78rem;
  font-weight: 600;
  color: var(--clr-text-muted, #6b7280);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.job-card__title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.job-card__link {
  color: var(--clr-heading, #111827);
  text-decoration: none;
}

.job-card__link:hover {
  color: var(--wp--preset--gradient--midnight);
}

.job-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  margin-top: .15rem;
}

/* Action col */
.job-card__action-col {
  flex-shrink: 0;
}

.job-card__read-more {
  display: inline-block;
  padding: .25rem .9rem;
  border: 1.5px solid var(--wp--preset--gradient--midnight);
  color: var(--wp--preset--gradient--midnight);
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, color .15s;
}

.job-card__read-more:hover {
  background: var(--wp--preset--gradient--midnight);
  color: #fff !important;
  text-decoration: none;
}

/* ── Pagination ──────────────────────────────────────────────── */
.jobs-pagination {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: 2rem;
}

.jobs-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 .6rem;
  border: 1.5px solid var(--wp--preset--gradient--midnight);
  font-size: .875rem;
  font-weight: 500;
  color: var(--wp--preset--gradient--midnight);
  text-decoration: none;
  transition: background .15s, color .15s;
}

.jobs-pagination .page-numbers:hover,
.jobs-pagination .page-numbers.current {
  background: var(--wp--preset--gradient--midnight);
  color: #fff;
}

.jobs-pagination .page-numbers.dots {
  border-color: transparent;
  color: var(--clr-text-muted, #9ca3af);
  pointer-events: none;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media ( max-width: 640px ) {
  .job-card {
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
  }

  .job-card__logo-col {
    width: 56px;
    height: 56px;
    grid-row: span 2;
    align-self: start;
  }

  .job-card__action-col {
    grid-column: 2;
    justify-self: start;
  }

  .job-card__title {
    white-space: normal;
  }
}

/* ── Filter копчиња (стил идентичен со events) ─────────────── */
.jobs-page__filters {
  display: flex;
  flex-wrap: wrap;
  gap: .67rem;
  margin-bottom: 2.25rem;
}

.jobs-page__filter-btn {
  display: inline-flex;
  align-items: center;
  gap: .44rem;
  padding: .25rem 0.6rem;
  border: 1.5px solid var(--wp--preset--gradient--midnight);
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--wp--preset--gradient--midnight) !important;
  background: #fff;
  text-decoration: none;
  transition: background .2s, color .2s;
}

.jobs-page__filter-btn:hover {
  background: var(--wp--preset--gradient--midnight);
  color: #fff !important;
  text-decoration: none !important;
}

.jobs-page__filter-btn.is-active {
  background: var(--wp--preset--gradient--midnight);
  border-color: var(--wp--preset--gradient--midnight);
  color: #fff !important;
}

.jobs-page__filter-count {
  font-size: .78em;
  opacity: .75;
  margin-left: .15rem;
}

.jobs-page__filter-btn.is-active .jobs-page__filter-count {
  opacity: 1;
}

.jobs-page__divider {
  border: none;
  border-top: 1px solid #e0e0e0;
}