/* ============================================================
 * Career posting detail pages (/career-opportunities/<role>/).
 * Loads ON TOP of breakthroughs-digouts.css — the page markup
 * reuses the .ccd-bd / .bd-* design system, so this file only
 * adds the few careers-specific pieces and background variants.
 * Scoped under .ccd-career.
 * ============================================================ */

/* In-page "Apply Now" anchor clears the sticky Salient header */
.ccd-career #apply { scroll-margin-top: 120px; }

/* ---------- Remove bottom margin from all paragraphs ---------- */
.ccd-career p { margin-bottom: 0 !important; }

/* ---------- Full-width stats band (moved out of the hero column) ---------- */
.ccd-career .ccd-career-stats {
  background: #fff;
  border-top: 1px solid var(--bd-border);
}
.ccd-career .ccd-career-stats .bd-stats {
  /* override the in-hero variant: span full width, no top border/padding */
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  border-top: 0;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 1.5rem;
  text-align: center;
  justify-items: center;
}
@media (min-width: 768px) {
  .ccd-career .ccd-career-stats .bd-stats {
    grid-template-columns: repeat(4, 1fr);
    padding: 3rem 1.5rem;
  }
}

/* ---------- Section background variants ---------- */
.ccd-career .ccd-bg-gray { background: var(--bd-gray); }
.ccd-career .ccd-bg-white { background: #fff; }
/* On a gray section, benefit cards flip to white so they don't blend in */
.ccd-career .ccd-bg-gray .bd-benefit { background: #fff; }

/* ---------- Hero highlight badges ---------- */
.ccd-career .ccd-career-badges {
  list-style: none !important;
  margin: 0 0 0.5rem;
  padding: 0 0 1.75rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.ccd-career .ccd-career-badges li {
  list-style: none !important;
  display: inline-flex;
  align-items: center;
  background: var(--bd-red-pale);
  color: var(--bd-red-dark);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding: 0.5em 0.95em;
  border-radius: 999px;
  border: 1px solid rgba(201, 28, 31, 0.18);
}

/* ---------- Two-up benefit grid (cap at 2 columns) ---------- */
@media (min-width: 960px) {
  .ccd-career .bd-benefits-grid.ccd-grid-2 { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- Career pathway steps (bd-process grid, no images) ---------- */
.ccd-career .ccd-career-step {
  background: var(--bd-dark-2);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 1.75rem 1.6rem 1.6rem;
}
.ccd-career .ccd-career-step .ccd-career-step-num { margin: 0 0 1.1rem; }
/* The shared .bd-step-num is normally absolute over a photo; here it sits inline */
.ccd-career .ccd-career-step .bd-step-num {
  position: static;
  top: auto;
  left: auto;
  width: 48px;
  height: 48px;
}

/* ---------- Apply methods (call / email tiles) ---------- */
.ccd-career .ccd-career-methods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
  margin: 1.75rem 0 0;
}
@media (min-width: 480px) {
  .ccd-career .ccd-career-methods { grid-template-columns: 1fr 1fr; }
}
.ccd-career .ccd-career-method {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.95rem 1.1rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease;
}
.ccd-career .ccd-career-method:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.4);
}
.ccd-career .ccd-career-method-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--bd-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.ccd-career .ccd-career-method span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  font-size: 0.95rem;
}
.ccd-career .ccd-career-method strong {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 700;
  margin-bottom: 0.1em;
}

/* ---------- Equal-opportunity note ---------- */
.ccd-career .ccd-career-eeo {
  margin: 1.75rem 0 0 !important;
  font-size: 0.85rem !important;
  color: rgba(255, 255, 255, 0.62) !important;
  line-height: 1.55;
  max-width: 460px;
}

/* ---------- Careers application form sizing ---------- */
.ccd-career .bd-form-card iframe { height: 820px; }