/* stylelint-disable */
/* Verlo theme for the embedded Ashby job board.
   Matches the pre-Ashby careers pages: bordered listing cards (no shadow,
   transparent so the cream page shows through) and a serif posting detail
   page with no white panels.

   NOTE: Ashby's hashed module classes (e.g. _container_101oc_29) outrank a
   plain `.ashby-job-posting-brief` selector — even with !important. So the
   override rules below repeat the class (x3) to win on specificity. Verified
   live against jobs.ashbyhq.com/verlo?embed=js. */

/* Serif used for posting headings (same as the og posting pages) */
@import url('https://fonts.cdnfonts.com/css/linux-libertine');

:root {
    --colorPrimary900: #E5540A;   /* accent-hover */
    --colorPrimary600: #FE5E0A;   /* accent */
    --widthMaxJobBoard: 880px;
    --borderRadiusContainer: 12px;
    --borderRadiusControl: 10px;
    --borderRadiusButton: 10px;
    --fontFamily: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica", "Arial", sans-serif;
    --colorAppBackground: transparent;
}

/* ============================ Listing ============================ */

/* Flex column so the gap between cards actually applies (Ashby's list is
   display:block by default, where `gap` is inert). */
.ashby-job-posting-brief-list.ashby-job-posting-brief-list.ashby-job-posting-brief-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* Bordered card — transparent fill, crisp border, NO shadow.
   (triple class beats Ashby's _container_ module rule) */
.ashby-job-posting-brief.ashby-job-posting-brief.ashby-job-posting-brief {
    background: transparent !important;
    border: 1px solid #d6d3d1 !important;      /* stone-300 — clearly visible on cream */
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 20px 24px !important;             /* px-6 py-5 */
}

.ashby-job-posting-brief.ashby-job-posting-brief.ashby-job-posting-brief:hover {
    border-color: #b5a593 !important;          /* darken on hover, still no shadow */
}

/* Title — dark at rest (Ashby colors the title link with the accent var,
   so force stone-900), turns accent on hover. */
.ashby-job-posting-brief-title.ashby-job-posting-brief-title.ashby-job-posting-brief-title {
    color: #1c1917 !important;
    font-size: 1.125rem !important;          /* text-lg */
    font-weight: 500 !important;             /* font-medium */
}

.ashby-job-posting-brief:hover .ashby-job-posting-brief-title.ashby-job-posting-brief-title.ashby-job-posting-brief-title {
    color: #FE5E0A !important;
}

/* Category labels (department headers) as clean uppercase eyebrows, with
   space above each section. */
.ashby-department-heading.ashby-department-heading.ashby-department-heading,
.ashby-department-heading-level.ashby-department-heading-level.ashby-department-heading-level {
    display: block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;
    color: #1c1917 !important;
    margin: 40px 0 16px !important;
}

/* Hide the board's own "Open Positions (N)" heading */
.ashby-job-board-heading {
    display: none !important;
}

/* ========================= Detail page ========================== */

/* Serif job title, like the og posting <h1> */
.ashby-job-posting-heading.ashby-job-posting-heading {
    font-family: "Linux Libertine", Georgia, serif !important;
    font-weight: 400 !important;
    font-size: 2.5rem !important;
    line-height: 0.95 !important;
    letter-spacing: -0.025em !important;
    color: #1c1917 !important;
}

/* "Back to all jobs" link */
.ashby-job-board-back-to-all-jobs-button {
    color: #78716c;
    font-size: 0.875rem;
    font-weight: 400;
}

/* Kill every white panel on the detail + application views so the cream page
   shows through (form inputs keep their own styling). */
.ashby-job-posting-left-pane.ashby-job-posting-left-pane.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane.ashby-job-posting-right-pane > div,
.ashby-application-form-container.ashby-application-form-container.ashby-application-form-container,
.ashby-application-form-autofill-pane.ashby-application-form-autofill-pane.ashby-application-form-autofill-pane,
.ashby-application-form-autofill-input-root.ashby-application-form-autofill-input-root.ashby-application-form-autofill-input-root {
    background: transparent !important;
    box-shadow: none !important;
}

/* Apply / submit button — og btn-primary orange gradient */
.ashby-application-form-submit-button.ashby-application-form-submit-button {
    background: linear-gradient(to bottom, #FF7F50, #F04000) !important;
    border: 1px solid #E1450C !important;
    border-radius: 0.75rem !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) !important;
}

.ashby-application-form-submit-button.ashby-application-form-submit-button:hover {
    background: linear-gradient(to bottom, #FF8F60, #E53A00) !important;
}