/* Pocket – Ashby job board theme (embedded on heypocket.com/pages/careers) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --colorAppBackground: transparent;
  --colorPrimary900: #0171E4;
  --colorPrimary600: #0171E4;
  --widthMaxJobBoard: 880px;
  --widthMaxContent: 880px;
  --borderRadiusContainer: 16px;
  --borderRadiusControl: 10px;
  --borderRadiusButton: 10px;
  --fontFamily: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

html,
body {
  background: transparent;
  font-family: var(--fontFamily);
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
  font-family: var(--fontFamily);
}

/* Job board list */
.ashby-job-board-heading {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #000;
}

.ashby-job-board-heading-count {
  color: #8E8E93;
  font-weight: 500;
}

.ashby-job-board-filters-label {
  color: #6E6E73;
  font-weight: 500;
}

.ashby-job-board-filter {
  background: #FFFFFF;
  border: 1px solid #E5E5EA;
  border-radius: 10px;
  color: #1D1D1F;
}

/* Departments + roles: Anthropic-style hierarchy
   dark rule above each department, hairline between roles, regular-weight role titles */
.ashby-department-heading {
  border-top: 0 !important;
  padding: 0 0 4px !important;
  margin: 28px 0 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  color: #000;
}

.ashby-department-heading {
  margin-top: 36px !important;
}

/* First department: no rule on top, sits straight under the filters */
[class*="_departments_"] > .ashby-department-heading:first-child {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* One left edge for heading, filters, departments and roles (all widths) */
[class*="_titles_"],
[class*="_departments_"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[class*="_content_dea4p"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[class*="_filtersContainer_"] {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 28px !important;
}

/* Hairline only BETWEEN roles: none under the last role of a department */
.ashby-job-posting-brief-list a:last-child .ashby-job-posting-brief {
  border-bottom: 0 !important;
}

.ashby-job-posting-brief-list a {
  display: block;
}

.ashby-job-posting-brief {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: 1px solid #DADADA !important;
  border-radius: 0 !important;
  padding: 18px 0 !important;
  margin: 0 !important;
}

.ashby-job-posting-brief-title {
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #1D1D1F !important;
  margin-bottom: 4px !important;
}

.ashby-job-posting-brief-details {
  color: #8E8E93 !important;
  font-size: 14px !important;
}

/* Job posting page */
.ashby-job-posting-heading {
  letter-spacing: -0.02em;
}

.ashby-job-board-back-to-all-jobs-button:hover,
.ashby-job-board-back-to-all-jobs-button:focus-visible {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000 !important;
  box-shadow: none !important;
}

.ashby-job-board-back-to-all-jobs-button:hover svg,
.ashby-job-board-back-to-all-jobs-button:hover svg path {
  color: #000 !important;
  fill: currentColor !important;
}

/* Primary buttons (Apply for this Job, Submit Application) in Pocket blue */
.ashby-application-form-submit-button,
button[class*="_primary_"] {
  background: #0171E4 !important;
  border-color: #0171E4 !important;
  color: #FFFFFF !important;
}

.ashby-application-form-submit-button:hover,
button[class*="_primary_"]:hover {
  background: #0062C6 !important;
  border-color: #0062C6 !important;
}

/* Secondary buttons (Upload file / Upload File): light outline, no shadow, readable hover */
button[class*="_secondary_"] {
  background: #FFFFFF !important;
  color: #1D1D1F !important;
  border: 1px solid #D2D2D7 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

button[class*="_secondary_"]:hover,
button[class*="_secondary_"]:focus-visible {
  background: #F5F5F7 !important;
  color: #1D1D1F !important;
  border-color: #C6C6C6 !important;
  box-shadow: none !important;
}

button[class*="_secondary_"] svg,
button[class*="_secondary_"]:hover svg {
  color: #1D1D1F !important;
}

/* Hide "Powered by Ashby" (embedded footer only holds this link) */
a[class*="_powered_"],
footer[class*="_embedded_"] {
  display: none !important;
}

/* No shadow on primary buttons (Submit Application / Apply for this Job), resting or hover */
.ashby-application-form-submit-button,
.ashby-application-form-submit-button:hover,
button[class*="_primary_"],
button[class*="_primary_"]:hover,
button[class*="_primary_"]:focus-visible {
  box-shadow: none !important;
}

/* Paperclip icon in Upload File stays dark on hover */
button[class*="_secondary_"] svg path,
button[class*="_secondary_"]:hover svg path,
button[class*="_secondary_"]:focus-visible svg path {
  fill: #1D1D1F !important;
}

/* Overview / Application tabs: inactive tab darkens on hover instead of turning white */
[class*="_tab_5yu8i"]:hover,
[class*="_tab_5yu8i"]:focus-visible {
  color: #1D1D1F !important;
}

/* Filters: always open (Ashby collapses them behind a "Filter Open Positions..." toggle on small screens) */
[class*="_filtersOpen_"] {
  display: none !important;
}

[class*="_filtersWindow_"] {
  max-height: none !important;
  height: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
}

/* Mobile + tablet: centred heading, flat cards, compact 2x2 filters with 44px tap targets */
@media (max-width: 768px) {
  .ashby-job-board-heading {
    text-align: center;
    font-size: 24px !important;
  }

  [class*="_titles_"]:has(.ashby-job-board-heading) {
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  [class*="_content_dea4p"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  [class*="_filtersContainer_"] {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 28px !important;
  }

  [class*="_filtersHeader_"] {
    margin-bottom: 10px;
  }

  /* Hide the X (reset/close filters) button */
  .ashby-job-board-reset-filters-label,
  [class*="_filtersAction_"] {
    display: none !important;
  }

  [class*="_filters_1dvh9"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
  }

  .ashby-job-board-filter {
    width: 100% !important;
    height: 44px !important;
    padding: 0 22px 0 10px !important;
    font-size: 13px !important;
    letter-spacing: -0.005em;
    white-space: nowrap;
    overflow: hidden;
  }

  [class*="_filterIconContainer_"] {
    right: 8px !important;
  }

  /* Job posting page: no card shadows on mobile */
  .ashby-job-posting-left-pane,
  .ashby-job-posting-right-pane,
  [class*="_tabs_5yu8i"],
  [class*="_container_f7cvd"]:not(.ashby-job-posting-brief) {
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
}