/* DUVO — Ashby Hosted Job Board (validator-safe CSS)
   Paste into: Admin → Job Boards → Theme (Job Board) → Custom CSS */

/* TOKENS */
:root{
  --fontFamily:"Inter Display",Inter,system-ui,sans-serif;
  --widthMaxJobBoard:1120px;
  --borderRadiusContainer:16px;
  --borderRadiusControl:9999px;

  --black:#020202;
  --gray-800:#272723;
  --gray-700:#444444;
  --gray-600:#666666;
  --border:#E6E6E6;
  --filter-bg:#F7F7F7;

  --navy-600:#555562;
  --navy-500:#777781;
}

/* HEADINGS */
.ashby-job-board-heading{
  font-family:var(--fontFamily);
  font-size:40px;font-weight:500;line-height:100%;
  letter-spacing:-1.2px;color:var(--black);
}
/* Label “Filters:” */
.ashby-job-board-filters-label {
  font-family: "Inter Display", Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  line-height: 120% !important;
  letter-spacing: -0.72px !important;
  color: #020202 !important;
  margin-top: 16px !important;
  margin-bottom: 8px !important;
}

/* FILTER SELECT PILLS */
.ashby-job-board-filter select{
  width:240px;height:48px;padding:0 32px;
  border:1px solid var(--border);border-radius:var(--borderRadiusControl);
  background:var(--filter-bg)
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'><path d='M0.75 0.75L5.25 5.25L9.75 0.75' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>")
    no-repeat right 16px center;
  background-size:11px 6px;
  font-family:var(--fontFamily);font-size:16px;font-weight:500;line-height:100%;
  letter-spacing:-1.2px;color:var(--gray-600);
  appearance:none;cursor:pointer;
}
.ashby-job-board-filter select:focus{
  outline:0;box-shadow:0 0 0 3px rgba(102,102,102,.18);background:#fff;
}

/* JOB CARDS (LIST) */
.ashby-job-posting-brief{
  border:1px solid var(--border);
  border-radius:var(--borderRadiusContainer);
  background:#fff;
  padding:24px 28px;
  margin-bottom:24px; /* adds the missing gaps */
}
.ashby-job-posting-brief:last-child{ margin-bottom:0; }

/* JOB TITLE */
.ashby-job-posting-brief-title{
  font-family:var(--fontFamily);
  font-size:20px;font-weight:600;line-height:120%;
  letter-spacing:-0.6px;color:#000;
}

/* META ROW (dept • location • type • remote) */
.ashby-job-posting-brief-details{
  font-family:var(--fontFamily);
  font-size:18px;
  font-weight:400;
  line-height:120%;
  letter-spacing:-0.54px;
  color:var(--gray-800);
}

.ashby-job-posting-brief-details [data-testid*="compensation"]{
  font-size:16px;
  font-weight:400;
  line-height:130%;
  letter-spacing:-0.48px;
  color:var(--gray-600);
}

/* DETAIL VIEW TYPOGRAPHY */
.ashby-job-posting-right-pane h2{
  font-family:var(--fontFamily);
  font-size:32px;
  font-weight:500;
  line-height:110%;
  letter-spacing:-0.96px;
  color:var(--black);
  margin:32px 0 16px;
}
.ashby-job-posting-right-pane p,
.ashby-job-posting-right-pane li{
  font-family:var(--fontFamily);
  font-size:20px;font-weight:400;line-height:120%;
  letter-spacing:-0.6px;color:var(--gray-800);
}
.ashby-job-posting-right-pane ul{ margin:0 0 24px 20px;padding:0; }

/* APPLICATION FORM (subtle align) */
.ashby-application-form-container input,
.ashby-application-form-container select,
.ashby-application-form-container textarea{
  border:1px solid var(--border);border-radius:12px;
  padding:12px 14px;font-family:var(--fontFamily);font-size:16px;
}
.ashby-application-form-container input:focus,
.ashby-application-form-container select:focus,
.ashby-application-form-container textarea:focus{
  outline:0;border-color:#d9d9d9;box-shadow:0 0 0 3px rgba(102,102,102,.18);
}

/* RESPONSIVE */
@media (max-width:768px){
  .ashby-job-board-filter select{ width:100%; }
}
/* ADD SPACE BETWEEN JOB CARDS */
.ashby-job-posting-brief {
  margin-bottom: 48px; /* adjust to 40px if you want more breathing room */
}

/* Optional: reduce bottom padding of the last card */
.ashby-job-posting-brief:last-child {
  margin-bottom: 0;
}
/* spacing between cards (works on hosted board) */
.ashby-job-posting-brief-list {
  display: grid;          /* required so gap works */
  gap: 24px;              /* try 32px if you want more air */
  padding: 0;
}
/* Department headings: "Go to Market", "Product" */
.ashby-job-posting-brief-list h3{
  font-family:var(--fontFamily);
  font-size:24px;
  font-weight:500;
  line-height:120%;
  letter-spacing:-0.72px;
  color:var(--black);
  margin:24px 0 10px;
}

/* card hover + transition */
.ashby-job-posting-brief {
  transition: box-shadow .2s ease, transform .15s ease;
}
.ashby-job-posting-brief:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* optional: avoid extra space after last card */
.ashby-job-posting-brief:last-child { margin-bottom: 0; }

/* Department headings: "Go to Market", "Product" itd. */
.ashby-department-heading,
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading,
.ashby-job-posting-brief-department-heading-level{
  font-family: var(--fontFamily);
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;       /* 28.8px */
  letter-spacing: -0.72px;
  color: var(--black);
  margin: 24px 0 10px;
}
/* Full card border instead of only partial divider */
.ashby-job-posting-brief {
  border: 1px solid #E6E6E6 !important;
  border-radius: 16px !important;
  padding: 24px !important;
  background: #FFFFFF !important;
  margin: 0 !important; /* gap robi spacing */
}

/* Back to all jobs button */
.ashby-job-board-back-to-all-jobs-button {
  font-family: var(--fontFamily);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.16px;
  color: #272723;

  display: flex;
  align-items: center;
  gap: 8px;

  padding: 12px 0;
  background: transparent;
  border: none;
}

/* Job posting title */
.ashby-job-posting-heading {
  font-family: var(--fontFamily);
  font-size: 32px;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.96px;
  color: #020202;
  margin: 0 0 24px 0;
}

.ashby-job-board-back-to-all-jobs-button,
.ashby-job-posting-heading {
  padding-left: 24px;
}

/* Job facts: labels (Location, Employment Type, Location Type, Department) */
.ashby-job-posting-left-pane dt,
.ashby-job-posting-right-pane dt{
  font-family: var(--fontFamily);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;      /* 20.8px */
  letter-spacing: -0.48px;
  color: #666666;
  margin: 0 0 4px;
}

/* Job facts: values (Prague, Full time, Remote, Go to Market) */
.ashby-job-posting-left-pane dd,
.ashby-job-posting-right-pane dd{
  font-family: var(--fontFamily);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;      /* 21.6px */
  letter-spacing: -0.54px;
  color: #272723;
  margin: 0 0 16px;
}

/* Divider lines between rows */
.ashby-job-posting-left-pane hr,
.ashby-job-posting-right-pane hr{
  border: 0;
  border-top: 1px solid #E6E6E6;
  margin: 16px 0;
}