/* Load after tailwind.css, styles.css, job-list.css, and the platform main.css.
   These rules target the site templates and job search, not apply-widget internals.
   Decorative brand-orange backgrounds remain unchanged. */

:root {
  --onvida-accessible-orange: #a84300;
  --onvida-accessible-orange-hover: #8f3900;
  --onvida-focus-color: #1b4565;
}

/* White text: 6.06:1 on the default background, 7.63:1 on hover. */
/* #header nav[aria-label="Main navigation"],
#mobile-navigation>ul.bg-primary-orange,
footer[data-pdk-partial="layout/footer"],
main .button.bg-primary-orange {
  background-color: var(--onvida-accessible-orange);
  color: #fff;
} */

/* Existing opacity-80 hover styles reduce text contrast; use underlines instead. */
#header nav[aria-label="Main navigation"] a,
#mobile-navigation>ul.bg-primary-orange a,
footer[data-pdk-partial="layout/footer"] a {
  opacity: 1;
}

#header nav[aria-label="Main navigation"] a:is(:hover, :focus-visible),
#mobile-navigation>ul.bg-primary-orange a:is(:hover, :focus-visible),
footer[data-pdk-partial="layout/footer"] a:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* Orange text on white or the existing pale-yellow sections. */
/* #header a.text-primary-orange,
main .text-primary-orange {
  color: var(--onvida-accessible-orange);
} */

/* main .button.bg-primary-orange:is(:hover, :focus-visible) {
  color: #fff;
  background-color: var(--onvida-accessible-orange-hover);
} */

/* Specificity also overrides the existing horizontal-search hover rules. */
/* .c-jobs .c-jobs-search .c-jobs-search__button-search {
  color: #fff;
  background-color: var(--onvida-accessible-orange);
  border-color: var(--onvida-accessible-orange);
} */

/* .c-jobs .c-jobs-search .c-jobs-search__button:hover .c-jobs-search__button-search,
.c-jobs .c-jobs-search .c-jobs-search__button-search:is(:hover, :focus-visible) {
  color: #fff;
  background-color: var(--onvida-accessible-orange-hover);
  border-color: var(--onvida-accessible-orange-hover);
} */

/* .c-jobs .jobs-current-searches__tag-item {
  color: #fff;
  background-color: var(--onvida-accessible-orange);
  border-color: var(--onvida-accessible-orange);
} */

/* These are the site's custom status/login links, not apply-widget controls. */
/* .c-jobs .jobs-list-apply-btn-container,
.c-jobs .jobs-list-apply-btn-container .btn-spec {
  color: #fff;
  background-color: var(--onvida-accessible-orange);
} */

/* .c-jobs .jobs-list-apply-btn-container .btn:is(:hover, :focus-visible) {
  color: #fff;
  background-color: var(--onvida-accessible-orange-hover);
} */

/* .c-jobs .c-job-main__left .c-jobs-search__keyword-label,
.c-jobs .results-header__content__total,
.c-jobs .c-jobs-pagination .page-link.current-page,
.c-jobs .c-jobs-pagination .page-link:hover,
.c-jobs .c-jobs-pagination .page-link.page-link-first:hover,
.c-jobs .c-jobs-pagination .page-link.page-link-last:hover,
.c-jobs .c-jobs-search .c-jobs-search__location-drop .menu .location-item:hover,
.c-jobs .c-jobs-search .c-jobs-search__location-drop .menu .location-item--hightlight {
  color: var(--onvida-accessible-orange);
} */

/* Increase the actual links' hit areas, while preserving the SVG icon sizes.
   Covers the mobile links that currently lack the existing social-icons class. */
:is(#header, footer[data-pdk-partial="layout/footer"]) a:is([aria-label="Facebook"],
  [aria-label="X (formerly Twitter)"],
  [aria-label="YouTube"],
  [aria-label="LinkedIn"],
  [aria-label="Instagram"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  flex-shrink: 0;
}
/* 
#mobile-navigation a.text-primary-orange {
  color: var(--onvida-accessible-orange);
  opacity: 1;
} */

/* Five 44px social links must still fit a 320px viewport. */
@media (max-width: 767px) {

  #mobile-navigation>ul:last-child,
  footer[data-pdk-partial="layout/footer"] div:has(> a[aria-label="Facebook"]) {
    gap: 12px;
    flex-wrap: wrap;
    max-width: 100%;
  }
}

/* Keep the location field at least 58px high when its button becomes 44px. */
.c-jobs .c-jobs-search .c-jobs-search__location-content {
  min-height: 58px;
  max-height: none;
  padding-top: 6px;
  padding-bottom: 6px;
}

.c-jobs .c-jobs-search .c-jobs-search__location-drop {
  min-width: 0;
}

.c-jobs .location-search__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  flex-shrink: 0;
}

.c-jobs .c-jobs-pagination select.page-size {
  min-height: 44px;
}

/* The existing job-list stylesheet suppresses input focus outlines.
   Its existing link/button/select focus styles are left in place. */
.c-jobs .c-jobs-search input:focus-visible {
  outline: 3px solid var(--onvida-focus-color);
  outline-offset: 3px;
}

/* Used by the two HTML heading corrections. Do not apply to interactive controls. */
.onvida-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.social-icons {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}