/* Ditto Custom Job Board Styling */

/* ===== BACKGROUND COLORS ===== */

/* Main job board background */
:root {
    --colorAppBackground: #000000;
}

/* Job board container background */
.ashby-job-board-heading,
.ashby-job-posting-brief-list,
.ashby-application-form-container,
.ashby-job-posting-left-pane,
.ashby-job-posting-right-pane {
    background-color: #000000 !important;
}

/* Individual job posting cards/briefs */
.ashby-job-posting-brief {
    background-color: #000000 !important;
    margin-bottom: 10px;
}

/* Application form sections */
.ashby-application-form-section-container {
    background-color: #000000 !important;
}

/* Job description overview tab - BLACK background */
.ashby-job-posting-right-pane-overview-tab {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Force black background on all nested elements in overview */
.ashby-job-posting-right-pane-overview-tab * {
    background-color: #000000 !important;
}

/* Overview tab button background */
.ashby-job-posting-right-pane-overview-tab button,
.ashby-job-posting-right-pane-tab-slider {
    background-color: #000000 !important;
}

/* Auto-fill from resume section - revert back to original */
.ashby-application-form-autofill-input-root,
.ashby-application-form-autofill-input-base-layer,
.ashby-application-form-autofill-uploader,
.ashby-application-form-autofill-pane {
    background-color: #000000 !important;
}


/* ===== HEADINGS (Ditto Neon Yellow) ===== */

/* Main job board heading */
.ashby-job-board-heading {
    color: #eeff41 !important;
}

/* Job posting title in listing */
.ashby-job-posting-brief-title {
    color: #eeff41 !important;
}

/* Job posting main heading */
.ashby-job-posting-heading {
    color: #eeff41 !important;
}

/* Job posting header */
.ashby-job-posting-header {
    color: #eeff41 !important;
}

/* Team headings */
.ashby-department-heading-level,
.ashby-job-posting-brief-department-heading-level {
    color: #ffffff !important;
}

/* Application form section titles */
.ashby-application-form-section-header-title {
    color: #eeff41 !important;
}

/* Application form question titles */
.ashby-application-form-question-title {
    color: #eeff41 !important;
}

/* Headers in job description overview - make all section headers neon yellow */
.ashby-job-posting-right-pane-overview-tab h1,
.ashby-job-posting-right-pane-overview-tab h2,
.ashby-job-posting-right-pane-overview-tab h3,
.ashby-job-posting-right-pane-overview-tab h4,
.ashby-job-posting-right-pane-overview-tab h5,
.ashby-job-posting-right-pane-overview-tab h6 {
    color: #eeff41 !important;
}

/* Specific section headers in job description */
.ashby-job-posting-right-pane-overview-tab strong {
    color: #eeff41 !important;
}


/* ===== DEPARTMENT NAMES (White with 1pt bigger) ===== */

/* Department headings - white and 4pt bigger */
.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
    color: #ffffff !important;
    font-size: calc(100% + 4pt) !important;
}


/* ===== HYPERLINKS (White) ===== */

/* All links white */
a {
    color: #ffffff !important;
}

/* Back to all jobs button - white changing to neon yellow on hover */
.ashby-job-board-back-to-all-jobs-button {
    color: #ffffff !important;
}

.ashby-job-board-back-to-all-jobs-button:hover {
    color: #eeff41 !important;
    background-color: transparent !important;
}

/* Back arrow - white changing to neon yellow on hover */
.ashby-job-board-back-to-all-jobs-button svg,
.ashby-job-board-back-to-all-jobs-button path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

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


/* ===== BUTTON HOVER STATES (Ditto Neon Yellow) ===== */

/* Submit button hover */
.ashby-application-form-submit-button:hover {
    background-color: #eeff41 !important;
    color: #000000 !important;
}

/* General button hover - but will be overridden for specific cases */
button:hover {
    background-color: #eeff41 !important;
    color: #000000 !important;
}


/* ===== UPLOAD FILE BUTTONS ===== */

/* Upload file buttons - white with neon yellow hover */
.ashby-application-form-autofill-uploader button,
.ashby-application-form-autofill-input-base-layer button {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.ashby-application-form-autofill-uploader button:hover,
.ashby-application-form-autofill-input-base-layer button:hover {
    background-color: #eeff41 !important;
    color: #000000 !important;
}

/* Target file upload buttons in form fields (Resume and Cover Letter) */
.ashby-application-form-container input[type="file"] + *,
.ashby-application-form-container label[for*="file"],
.ashby-application-form-container button[aria-label*="upload"],
.ashby-application-form-container button[aria-label*="Upload"],
.ashby-application-form-container button[class*="upload"],
.ashby-application-form-container div[class*="upload"] button,
.ashby-application-form-field-entry button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #ffffff !important;
}

.ashby-application-form-container input[type="file"] + *:hover,
.ashby-application-form-container label[for*="file"]:hover,
.ashby-application-form-container button[aria-label*="upload"]:hover,
.ashby-application-form-container button[aria-label*="Upload"]:hover,
.ashby-application-form-container button[class*="upload"]:hover,
.ashby-application-form-container div[class*="upload"] button:hover,
.ashby-application-form-field-entry button:hover {
    background-color: #eeff41 !important;
    color: #000000 !important;
    border: 1px solid #eeff41 !important;
}


/* ===== TEXT COLORS (for readability on black background) ===== */

/* General body text - make it light colored for readability */
.ashby-job-posting-brief-details,
.ashby-application-form-question-description,
.ashby-application-form-section-header-description,
.ashby-job-board-heading-count,
.ashby-job-board-filters-label,
.ashby-job-board-reset-filters-label {
    color: #ffffff !important;
}

/* Job description content in overview tab - WHITE text on BLACK background */
.ashby-job-posting-right-pane-overview-tab p,
.ashby-job-posting-right-pane-overview-tab ul,
.ashby-job-posting-right-pane-overview-tab ol,
.ashby-job-posting-right-pane-overview-tab li,
.ashby-job-posting-right-pane-overview-tab div,
.ashby-job-posting-right-pane-overview-tab span,
.ashby-job-posting-right-pane-overview-tab * {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* Override any inline styles or default backgrounds */
.ashby-job-posting-right-pane-overview-tab > div,
.ashby-job-posting-right-pane-overview-tab > div > *,
.ashby-job-posting-right-pane-overview-tab > div > * > * {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Left sidebar details (location, employment type, department) */
.ashby-job-posting-left-pane,
.ashby-job-posting-left-pane * {
    color: #ffffff !important;
}

/* Auto-fill from resume text */
.ashby-application-form-autofill-input-title,
.ashby-application-form-autofill-input-description {
    color: #ffffff !important;
}

/* Multi-select dropdown text - WHITE for EEO sections */
.ashby-application-form-container select[multiple],
.ashby-application-form-container select[multiple] option,
.ashby-survey-form-container select[multiple],
.ashby-survey-form-container select[multiple] option {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
}

/* Multiple choice radio buttons and checkboxes - white text */
.ashby-survey-form-container label,
.ashby-survey-form-container input[type="radio"] + label,
.ashby-survey-form-container input[type="checkbox"] + label {
    color: #ffffff !important;
}

/* All select options should be white */
select option {
    color: #ffffff !important;
}

/* Form input fields - ensure they're visible */
input, textarea, select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* Filter select boxes - BLACK background so dropdown headers are visible */
.ashby-job-board-filter {
    background-color: #000000 !important;
    color: #000000 !important;
    border: 1px solid #333333 !important;
}

/* When filter is active/selected - show white text */
.ashby-job-board-filter:focus,
.ashby-job-board-filter:active,
.ashby-job-board-filter[aria-expanded="true"] {
    color: #ffffff !important;
}

/* Filter select dropdown options - white text on dark background */
.ashby-job-board-filter option {
    color: #ffffff !important;
    background-color: #1a1a1a !important;
}