/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Define CSS layer for custom styling to ensure proper cascade order */
@layer ashby-custom;

@layer ashby-custom {
    /* Custom styling for Ashby Job Board */
    :root {
        /* Override the default font family with Inter for body text */
        --fontFamily: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;

        /* Override the background color */
        --colorAppBackground: #f8f6f2;

        /* Set all border radius values to 6px */
        --borderRadiusContainer: 6px;
        --borderRadiusControl: 6px;
        --borderRadiusButton: 6px;
    }

    /* Apply Inter font globally to entire site - override everything */
    * {
        font-family: "Inter", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", sans-serif !important;
    }

    /* Bold the "Open Positions" heading and department headings */
    .ashby-job-board-heading,
    .ashby-department-heading,
    .ashby-department-heading-level,
    ._departmentHeading_12ylk_349,
    ._departmentHeadingLevel_12ylk_364,
    h2.ashby-department-heading,
    span.ashby-department-heading-level {
        font-weight: 700 !important; /* Bold weight */
        font-family: "Inter", sans-serif !important;
    }

    /* Specific styling for "Open Positions" heading */
    .ashby-job-board-heading,
    h1.ashby-job-board-heading,
    h2.ashby-job-board-heading {
        font-family: "Inter", sans-serif !important;
        font-weight: 700 !important; /* Bold */
        font-size: 2em !important; /* Larger size */
        margin-bottom: 1em !important;
    }

/* Apply same styling to all h1 headers - using high specificity to override other styles */
h1,
h1._title_ud4nd_34,
h1.ashby-job-board-heading,
._title_ud4nd_34 h1,
.ashby-job-board-heading h1 {
    font-family: "Inter", sans-serif !important;
    font-weight: 700 !important; /* Bold */
    font-size: 2em !important; /* Larger size */
    margin-bottom: 1em !important;
    display: block !important; /* Ensure it's visible */
}

    /* Style the count number (17) specifically */
    .ashby-job-board-heading-count,
    span.ashby-job-board-heading-count {
        font-weight: 400 !important; /* Regular weight */
        font-size: 0.75em !important; /* 75% of the heading size */
        opacity: 0.7; /* Slightly lighter to de-emphasize */
    }

    /* Bold ONLY job titles on the career page listing - not department/location */
    .ashby-job-posting-brief-title,
    .ashby-job-posting-title,
    .ashby-job-title,
    /* Target the first line/main heading of job postings */
    .ashby-job-posting-brief h3:first-child,
    .ashby-job-posting-brief h4:first-child,
    .ashby-job-posting-brief > a:first-child,
    [class*="ashby-job-posting-brief-title"] {
        font-weight: 700 !important; /* Bold weight */
        font-family: "Inter", sans-serif !important;
    }

    /* Ensure department/location line is NOT bold */
    .ashby-job-posting-brief-details,
    .ashby-job-posting-brief p,
    .ashby-job-posting-brief-location,
    .ashby-job-posting-brief-department {
        font-weight: 400 !important; /* Regular weight */
    }

    /* Ensure body text uses Inter (already set in --fontFamily variable) */
    .ashby-application-form-container,
    .ashby-job-posting-brief-details,
    .ashby-application-form-question-description,
    .ashby-application-form-section-header-description,
    .ashby-job-board-filters-label,
    .ashby-job-board-reset-filters-label,
    .ashby-job-board-heading-count,
    .ashby-application-form-autofill-input-description,
    .ashby-application-form-texting-consent-description,
    .ashby-job-posting-brief-list,
    .ashby-job-posting-left-pane,
    .ashby-job-posting-right-pane,
    .ashby-job-posting-right-pane-application-tab,
    .ashby-job-posting-right-pane-overview-tab,
    .ashby-job-posting-right-pane-tab-slider,
    .ashby-job-board-back-to-all-jobs-button,
    .ashby-job-board-filter,
    .ashby-application-form-field-entry,
    .ashby-application-form-section-container,
    .ashby-application-form-section-header,
    .ashby-application-form-submit-button,
    .ashby-application-form-success-container,
    .ashby-application-form-failure-container,
    .ashby-application-form-blocked-application-container,
    .ashby-survey-form-container,
    .ashby-application-form-autofill-input-root,
    .ashby-application-form-autofill-input-base-layer,
    .ashby-application-form-autofill-input-drag-layer,
    .ashby-application-form-autofill-input-form-alert,
    .ashby-application-form-autofill-input-icon,
    .ashby-application-form-autofill-pane,
    .ashby-application-form-autofill-uploader {
        font-family: var(--fontFamily) !important;
    }

    /* Target all text content including About Us and job descriptions */
    .ashby-job-posting-brief *,
    .ashby-job-posting-left-pane *,
    .ashby-job-posting-right-pane *,
    .ashby-application-form-container *,
    [class*="ashby-"] div,
    [class*="ashby-"] p,
    [class*="ashby-"] span,
    [class*="ashby-"] li,
    [class*="ashby-"] td,
    [class*="ashby-"] th,
    [class*="ashby-"] label,
    [class*="ashby-"] a,
    [class*="ashby-"] button,
    [class*="ashby-"] input,
    [class*="ashby-"] textarea,
    [class*="ashby-"] select {
        font-family: var(--fontFamily) !important;
    }

    /* Ensure all nested content inherits the font */
    [class*="ashby-"] * {
        font-family: inherit !important;
    }

    /* Background and layout styling unchanged */
    .ashby-job-board-container,
    .ashby-job-posting-brief,
    .ashby-job-posting-brief-list,
    .ashby-application-form-container,
    .ashby-job-posting-container,
    .ashby-job-board,
    .ashby-job-board-heading,
    .ashby-job-posting-brief-details,
    .ashby-job-posting-left-pane,
    .ashby-job-posting-right-pane,
    .ashby-department-container,
    .ashby-survey-form-container,
    .ashby-job-posting,
    .ashby-job-posting-header,
    .ashby-job-posting-content,
    .ashby-job-posting-overview,
    .ashby-job-posting-description,
    .ashby-job-posting-details,
    .ashby-job-posting-section,
    .ashby-job-posting-body,
    .ashby-application-tab,
    .ashby-overview-tab,
    [class*="tab-content"],
    [class*="job-content"],
    [class*="posting-content"],
    [class*="ashby-"] {
        background-color: #f8f6f2 !important;
    }

    .ashby-job-posting-brief,
    .ashby-application-form-container,
    [class*="ashby-card"],
    [class*="ashby-container"] {
        box-shadow: none !important;
    }

    h3[class*="_title_"],
    div[class*="_details_"],
    .ashby-job-posting-brief-title,
    .ashby-job-posting-brief-details,
    ._title_12ylk_383,
    ._details_12ylk_389 {
        background-color: transparent !important;
    }

    a._container_j2da7_1,
    a[class*="_container_"],
    .ashby-job-posting-brief,
    a.ashby-job-posting-brief {
        background-color: transparent !important;
        transition: background-color 0.3s ease;
    }

    a._container_j2da7_1:hover,
    a[class*="_container_"]:hover,
    .ashby-job-posting-brief._container_101oc_29:hover,
    a.ashby-job-posting-brief:hover {
        background-color: #b3b3b3 !important;
    }

    a._container_j2da7_1 *,
    a[class*="_container_"] *,
    a.ashby-job-posting-brief * {
        background-color: transparent !important;
    }

    div[class*="_container_"] div,
    a[class*="_container_"] div,
    .ashby-job-posting-brief div,
    .ashby-job-posting-brief-details,
    div[class*="_details_"],
    [class*="ashby-job-posting-brief"] div {
        background-color: transparent !important;
    }

    body:has(.ashby-job-posting),
    body:has(.ashby-job-posting-container),
    .ashby-job-posting-wrapper,
    .ashby-job-posting-page,
    main,
    main > div,
    main > section,
    [role="main"],
    [role="main"] > div,
    div:has(> .ashby-job-posting),
    div:has(> h1:contains("Technical Staff")),
    body [class*="ashby-job-posting"] {
        background-color: #f8f6f2 !important;
    }

    [style*="background-color: white"],
    [style*="background-color: #fff"],
    [style*="background-color: #ffffff"],
    [style*="background-color: rgb(255"],
    [style*="background: white"],
    [style*="background: #fff"],
    [style*="background: #ffffff"],
    [style*="background: rgb(255"] {
        background-color: #f8f6f2 !important;
    }

    .ashby-job-posting-header h1,
    .ashby-job-posting h1,
    h1.ashby-job-posting-title,
    h1[class*="job-posting-title"],
    .ashby-job-posting-heading {
        color: #2d5016 !important;
    }

    pre.highlight,
    code.language-html,
    .syntax-highlight {
        display: none !important;
    }

    .ashby-application-form-submit-button,
    button.ashby-application-form-submit-button,
    .ashby-submit-button,
    button[type="submit"],
    .ashby-application-form button,
    .ashby-application-form-container button,
    [class*="ashby"] button,
    [class*="ashby"] input[type="submit"] {
        color: #2d5016 !important;
    }

    .ashby-job-posting-container,
    .ashby-job-posting-content,
    .ashby-job-posting-overview,
    .ashby-job-posting-section,
    .ashby-job-posting-body,
    .ashby-job-posting-details,
    .ashby-job-posting-left-pane,
    .ashby-job-posting-right-pane,
    main[class*="ashby"],
    section[class*="ashby"],
    div[class*="ashby-job-posting"],
    .ashby-job-board [style*="background"],
    .ashby-job-posting [style*="background"] {
        background-color: #f8f6f2 !important;
    }

    .ashby-job-posting *,
    .ashby-job-posting-container * {
        box-shadow: none !important;
    }
}