/* bAwear Score: accessibility layer for all screen sizes. Pairs with a11y.js.
   Loaded on every page by scripts/build-site.mjs, after mobile.css.
   1. Skip link   2. Focus outline for keyboard users   3. Text contrast (WCAG AA) on desktop
   The bAwear Score card and the A to H scale keep their original colours (decision 3 Oct 2026). */

/* 1. Skip link: off screen until it gets keyboard focus */
.bw-skip {
  position: fixed; left: 16px; top: 12px; z-index: 2147483000;
  padding: 10px 16px; border-radius: 6px;
  background: #1F3660; color: #fff; font: 600 14px/1.2 Inter, system-ui, sans-serif; text-decoration: none;
  transform: translateY(-200%); transition: transform .15s ease-out;
}
.bw-skip:focus { transform: none; }
[data-bw-skip-target]:focus { outline: none !important; }
@media (prefers-reduced-motion: reduce) { .bw-skip { transition: none; } }

/* 2. Focus: a clear outline for keyboard users only (a mouse click does not show it) */
:is(a, button, summary, [role="button"], [role="tab"], [role="link"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid #2757BD !important; outline-offset: 2px !important;
}
/* Form fields without their own focus style, such as the "Company type" list */
:is(input, select, textarea):not([class]):focus-visible { outline: 2px solid #2757BD !important; outline-offset: 1px !important; }
/* On dark surfaces the outline is white */
:is(footer, [data-m-bar], [style*="background: rgb(31, 54, 96)"], [style*="background: var(--blue-800)"], [style*="background-color: rgb(31, 54, 96)"]) :focus-visible {
  outline-color: #fff !important;
}

/* 3. Contrast. Links in brand blue at every width (light blue stays for graphics). */
html:root { --text-link: #2E64D4 !important; }

/* Grey text and footer text on desktop. Phones already get the same values from mobile.css. */
@media (min-width: 721px) {
  html:root { --text-muted: #5B6674 !important; --grey-500: #5B6674 !important; }
  /* The bAwear Score card and the A to H scale keep their original grey */
  :is([data-v5-shirt], [data-expert-float], [data-bw-score], [aria-label*="from A to H"]) { --text-muted: #7A8494 !important; --grey-500: #7A8494 !important; }
  :is(#dc-root, #bw-prerender) [style*="color: rgb(122, 132, 148)"]:not(:is([data-v5-shirt], [data-expert-float], [data-bw-score], [aria-label*="from A to H"]) *) {
    color: #5B6674 !important;
  }
  :is(#dc-root, #bw-prerender) footer [style*="color: rgba(255, 255, 255, 0.35)"] { color: rgba(255, 255, 255, .62) !important; }
  :is(#dc-root, #bw-prerender) footer [style*="color: rgba(255, 255, 255, 0.45)"] { color: rgba(255, 255, 255, .72) !important; }
}