/* Accessibility contrast overrides (WCAG 2.1 AA, 4.5:1 for normal text).
   Injected site-wide via src/legacy/render.ts. Colors chosen to stay close to
   the original design while meeting the minimum contrast ratio. */

/* Footer copyright: was #5c5c5c on #151515 (2.73:1) -> ~6.5:1 */
.eut-copyright { color: #9a9a9a !important; }

/* Career job-list location text: was #999 on #fff (2.84:1) -> ~5.1:1 */
.jobLocation, .jobLocation .symLoc { color: #6e6e6e !important; }

/* Cookie banner "I Agree" button: white text on light green (~1.1-2.4:1) ->
   white on darker green ~5.1:1 */
.eut-privacy-agreement { background-color: #157f1f !important; }

/* Contact form INPUT TEXT was #838384 on #f2f2f6 (3.39:1). axe measures the
   field's own color (not the placeholder), so darken both. */
.wpcf7-form-control:not(.wpcf7-submit) { color: #4a4a4a !important; }
.wpcf7-form-control::placeholder { color: #5f5f5f !important; opacity: 1 !important; }

/* Career "Apply for this job" button: theme default #999 on white (2.85:1).
   Use the brand blue (matches the check icon) -> ~6.7:1. */
.jobDet a.eut-btn { color: #185ca6 !important; }

/* Visually-hidden heading utility (satisfies "page must contain an h1" on the
   dynamic job-detail and insights pages without altering the visible design). */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

/* Job list markup fixed from <a><li> to valid <li><a> (list/listitem rules).
   The anchor must fill the row so the WHOLE item is clickable. Layout mirrors
   the theme's responsive behaviour:
   - mobile (<=767px): title then location stacked, left-aligned (theme sets
     .result-list li{display:block} + .jobLocation{position:relative});
   - desktop (>=768px): title left, location right on one line.
   The theme absolutely-positions .jobLocation on desktop; we switch it to
   static so it flows inside the anchor's flex row. */
.result-list li a { display: block; color: inherit; text-decoration: none; }
.result-list li a > .jobLocation { position: static !important; }
@media only screen and (min-width: 768px) {
  .result-list li a { display: flex; align-items: center; width: 100%; }
  .result-list li a > div { flex: 1 1 auto; min-width: 0; }
  .result-list li a > .jobLocation { margin-left: auto; padding-right: 10px; }
}