/* Ashby job board custom branding — v20
   Based on v19, with yellow dividers reduced to half length.

   Recommended Ashby theme values:
   - Brand Color: #000000 or near-black
   - Brand Color (Dark): #000000 or near-black
*/

/* ---------------------------------------------
   Yellow heading accent
   Spacing adjusted so the line sits close to the heading,
   with breathing room before the following body text.
--------------------------------------------- */

h1::after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 4px !important;
  margin-top: 8px !important;
  margin-bottom: 24px !important;
  background-color: #ffcc00 !important;
  border-radius: 999px !important;
}

/* ---------------------------------------------
   Body section spacing
   Ashby renders the job description as:
   <h1>Heading</h1>
   <p>Body...</p>
   <h1>Next heading</h1>

   This adds space before headings that follow paragraphs/lists,
   fixing the tight gap between sections.
--------------------------------------------- */

p + h1,
ul + h1,
ol + h1 {
  margin-top: 44px !important;
}

/* If Ashby inserts an empty paragraph before a heading, keep the heading
   spacing consistent rather than relying on the empty paragraph height. */
p[style*="min-height"] + h1 {
  margin-top: 44px !important;
}

/* ---------------------------------------------
   Content links only
   Avoid global `a` styling because Ashby uses anchors
   for tabs and button wrappers.
--------------------------------------------- */

.ashby-job-posting-brief a,
.ashby-job-posting-brief a:visited,
.ashby-job-posting-brief-details a,
.ashby-job-posting-brief-details a:visited,
.ashby-application-form-question-description a,
.ashby-application-form-question-description a:visited,
.ashby-application-form-section-header-description a,
.ashby-application-form-section-header-description a:visited {
  color: #000000 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em !important;
}

.ashby-job-posting-brief a:hover,
.ashby-job-posting-brief-details a:hover,
.ashby-application-form-question-description a:hover,
.ashby-application-form-section-header-description a:hover {
  color: #000000 !important;
  text-decoration-thickness: 2px !important;
}

/* ---------------------------------------------
   Overview "Apply for this Job" CTA
   Structure:
   <a href=".../application"><button>Apply for this Job</button></a>
--------------------------------------------- */

a[href$="/application"],
a[href*="/application"] {
  text-decoration: none !important;
}

a[href$="/application"] > button,
a[href*="/application"] > button {
  background: #ffcc00 !important;
  background-color: #ffcc00 !important;
  color: #000000 !important;
  border: 1px solid #ffcc00 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

a[href$="/application"] > button:hover,
a[href*="/application"] > button:hover {
  background: #cda000 !important;
  background-color: #cda000 !important;
  border-color: #cda000 !important;
  color: #000000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

a[href$="/application"] > button:focus-visible,
a[href*="/application"] > button:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 3px !important;
}

/* ---------------------------------------------
   Final "Submit Application" CTA
--------------------------------------------- */

.ashby-application-form-submit-button {
  background: #ffcc00 !important;
  background-color: #ffcc00 !important;
  color: #000000 !important;
  border: 1px solid #ffcc00 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.ashby-application-form-submit-button:hover {
  background: #cda000 !important;
  background-color: #cda000 !important;
  border-color: #cda000 !important;
  color: #000000 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.ashby-application-form-submit-button:focus-visible {
  outline: 3px solid #000000 !important;
  outline-offset: 3px !important;
}

/* Make submit button icon black too */
.ashby-application-form-submit-button svg,
.ashby-application-form-submit-button svg path {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Keep Ashby tabs and field-choice controls from looking like content links */
.ashby-application-form-field-entry button,
.ashby-job-board-filter,
button[role="tab"],
a[role="tab"] {
  text-decoration: none !important;
}