/*
  UHP job board theme for Ashby (v1, uploaded Nov 4 2026).
  Location: Ashby Admin > Job Boards > Theme (Job Board) > UHP brand > Job Board Options > Custom CSS.

  Part A needs one change on uhp.com: font files must be served with the header
  Access-Control-Allow-Origin: https://jobs.ashbyhq.com  (Ashby's page allows outside fonts,
  but the browser blocks them until the website sends that header). UHP must also confirm
  the Industry and Avenir licenses cover use on jobs.ashbyhq.com.
  Until then Part A falls back to Avenir Next / system fonts and Part B still works.
*/

/* ---------- Part A: brand fonts (Industry for titles, Avenir for body) ---------- */
@font-face {
  font-family: "UHP Industry";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://uhp.com/wp-content/themes/uhp_main/fonts/Industry-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "UHP Industry";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://uhp.com/wp-content/themes/uhp_main/fonts/Industry-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "UHP Avenir";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("https://uhp.com/wp-content/themes/uhp_main/fonts/AvenirLTStd-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "UHP Avenir";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("https://uhp.com/wp-content/themes/uhp_main/fonts/AvenirLTStd-Heavy.woff2") format("woff2");
}

:root {
  /* Body text. Avenir Next is a real system font on iPhone, iPad and Mac, so those visitors get a close match even before Part A works. */
  --fontFamily: "UHP Avenir", "Avenir Next", Avenir, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  /* Ashby default is a 25px pill. The uhp.com buttons use 3px. */
  --borderRadiusButton: 3px;
  /* Optional: square the form fields and Yes/No toggles too (Ashby default is 10px). */
  /* --borderRadiusControl: 3px; */
}

/* Titles */
.ashby-job-board-heading,
.ashby-job-posting-heading,
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-title,
.ashby-job-posting-description h1,
.ashby-job-posting-description h2,
.ashby-job-posting-description h3 {
  font-family: "UHP Industry", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* ---------- Part B: buttons to match the uhp.com buttons (seafoam, dark text, uppercase) ---------- */
/* Ashby has no documented class for its buttons, so this matches the stable part of the generated class name. Re-check after Ashby releases. */
button[class*="_primary_"] {
  background-color: #39c1b5;
  color: #0d2b28;
  font-family: "UHP Industry", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: box-shadow 0.32s ease;
}
button[class*="_primary_"]:hover,
button[class*="_primary_"]:focus-visible {
  background-color: #39c1b5;
  color: #0d2b28;
  box-shadow: 0 10px 34px -6px rgba(57, 193, 181, 0.78);
}