/* =============================================================================
   DACC New Theme — Accessibility Visual Overrides — Pass 41B
   Canonical path: /_assets/css/main-theme/new/overrides/core/accessibility.css

   Foundation owns skip-link behavior. New owns only its visual treatment.

   Pass 41B:
   - Preserve the institutional crimson skip-link background.
   - Explicitly retain white text for every interactive/focus combination.
   - Prevent broader anchor focus-color rules from making the label crimson on
     a crimson background.
   ============================================================================= */

/* Base focused state -------------------------------------------------------- */
a.skip-link:focus,
a.skip-link:focus-visible {
  border: 2px solid var(--color-gold);
  border-radius: var(--radius-sm);
  background: var(--color-accent);
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.22), var(--shadow-md);
  text-decoration: none;
  text-decoration-color: currentColor;
}

/*
 * Keep the label readable when multiple link states apply simultaneously.
 * These selectors intentionally have greater specificity than generic
 * a:hover / a:focus / a:visited theme rules without increasing rule scope.
 */
a.skip-link:focus:hover,
a.skip-link:focus-visible:hover,
a.skip-link:focus:active,
a.skip-link:focus-visible:active,
a.skip-link:visited:focus,
a.skip-link:visited:focus-visible {
  background: var(--color-accent);
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
}

/* Mouse hover alone should retain the same readable visual contract. */
a.skip-link:hover {
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
}

@media (max-width: 480px) {
  .skip-link {
    top: 0.5rem;
    left: 0.5rem;
    max-width: calc(100vw - 1rem);
  }
}