/* ===== AEGIS Careers – Core Tokens ===== */
:root {
  --aegis-green: #217867;
  --aegis-green-dark: #1b5f53;
  --aegis-light: #6f918a;
  --aegis-accent: #FF7F2A;
  --surface: #ffffff;
  --muted: #94a3b8;
  --ink: #0f172a;
  --border: rgba(15, 23, 42, 0.08);
  --radius-lg: 1rem;
}

/* Make everything respect the viewport */
.aegis-careers,
.aegis-careers * {
  box-sizing: border-box;
}

.aegis-careers {
  width: min(1100px, 100%);
  margin: 0 auto;
  padding: 1.5rem 1rem 3.5rem;
  background: transparent;
}

/* ===== Header / Intro ===== */
.aegis-careers-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.aegis-careers-title {
  font-size: clamp(1.6rem, 2.5vw, 2.15rem);
  line-height: 1.1;
  color: #fff; /* per your h1-h4 white preference */
  margin-bottom: .3rem;
}

.aegis-careers-subtitle {
  color: rgba(255,255,255,0.8);
  max-width: 46rem;
}

/* ===== Filter / Sort Bar ===== */
.aegis-careers-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 1.25rem;
}

/* BUTTONS – fix washed-out inactive state */
.aegis-careers-filter-btn {
  border: 1px solid rgba(33,120,103,.28);
  background: #f8fafc;
  color: #0f172a;
  font-weight: 500;
  padding: .35rem .75rem;
  border-radius: .75rem;
  font-size: .8rem;
  line-height: 1.1;
  cursor: pointer;
  transition: all .15s ease-out;
  display: inline-flex;
  gap: .35rem;
  align-items: center;
}

.aegis-careers-filter-btn:hover {
  background: #fff;
  border-color: rgba(33,120,103,.5);
}

.aegis-careers-filter-btn.is-active,
.aegis-careers-filter-btn[aria-pressed="true"] {
  background: var(--aegis-green);
  border-color: var(--aegis-green);
  color: #fff;  /* <-- visible text */
  box-shadow: 0 6px 20px rgba(33,120,103,.28);
}

/* small count bubble if you use them */
.aegis-careers-filter-btn .count {
  background: rgba(255,255,255,.16);
  padding: .1rem .4rem .15rem;
  border-radius: 999px;
  font-size: .68rem;
}

/* ===== Job List Wrapper ===== */
.aegis-careers-list {
  display: grid;
  gap: 1rem;
}

/* Card style works better than table on mobile */
.aegis-careers-card {
  background: rgba(248,250,252,0.9);
  backdrop-filter: blur(2px);
  border: 1px solid rgba(15, 23, 42, 0.04);
  border-left: 4px solid var(--aegis-green);
  border-radius: 1rem;
  padding: 1rem 1.1rem 1rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}

.aegis-careers-card-main {
  min-width: 0; /* prevents overflow */
}

.aegis-careers-jobtitle {
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: .35rem;
  word-break: break-word;
}

.aegis-careers-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .65rem;
  font-size: .75rem;
}

.aegis-careers-chip {
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(15,23,42,.04);
  padding: .2rem .5rem .25rem;
  border-radius: 999px;
  color: rgba(255,255,255,0.75);
  backdrop-filter: blur(2px);
}

/* Apply Button */
.aegis-careers-apply {
  background: var(--aegis-accent);
  color: #0f172a;
  font-weight: 600;
  border: none;
  border-radius: .75rem;
  padding: .45rem .9rem .55rem;
  text-decoration: none;
  display: inline-flex;
  gap: .35rem;
  align-items: center;
  white-space: nowrap;
}
.aegis-careers-apply:hover {
  filter: brightness(.98);
}

/* ===== Mobile Fixes ===== */
@media (max-width: 720px) {

  .aegis-careers {
    padding-inline: .75rem;
  }

  /* make header vertical */
  .aegis-careers-header {
    flex-direction: column;
  }

  /* filters should wrap and be full width so they don't push off screen */
  .aegis-careers-filters {
    flex-direction: row;
  }

  .aegis-careers-filter-btn {
    font-size: .78rem;
  }

  /* cards become vertical so long job titles don't create horizontal scroll */
  .aegis-careers-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .aegis-careers-apply {
    margin-top: .6rem;
  }
}

/* EXTRA: prevent unexpected overflow from long URLs or weird data */
.aegis-careers,
.aegis-careers-card,
.aegis-careers-card-main {
  overflow-wrap: anywhere;
}

/* If you still have an old table layout, force it to scroll instead of overflowing */
.aegis-careers table {
  width: 100%;
  border-collapse: collapse;
}

.aegis-careers-table-wrap {
  width: 100%;
  overflow-x: auto;
}

/* FORCE normal (inactive) filter buttons */
.aegis-careers .aegis-careers-filter-btn {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(33,120,103,.25) !important;
}

/* ACTIVE state stays green */
.aegis-careers .aegis-careers-filter-btn.is-active,
.aegis-careers .aegis-careers-filter-btn[aria-pressed="true"] {
  background: #217867 !important;
  color: #fff !important;
  border-color: #217867 !important;
}

/* ===== NUCLEAR FIX FOR CAREERS BUTTONS ===== */
.aegis-careers button,
.aegis-careers .wp-block-button__link,
.aegis-careers [class*="filter"],
.aegis-careers [class*="sort"],
.aegis-careers .aegis-careers-filter-btn {
  background: #f8fafc !important;
  color: #0f172a !important;
  border: 1px solid rgba(33,120,103,.4) !important;
  border-radius: .75rem !important;
  font-weight: 500 !important;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .4rem .8rem .5rem !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* active / selected state */
.aegis-careers button.is-active,
.aegis-careers .wp-block-button__link.is-active,
.aegis-careers [class*="filter"].is-active,
.aegis-careers [class*="sort"].is-active,
.aegis-careers [aria-pressed="true"],
.aegis-careers .aegis-careers-filter-btn.is-active {
  background: #217867 !important;
  color: #ffffff !important;
  border-color: #217867 !important;
}