/* ============================================================
   CIRCLE CITY DIESEL & AUTOMOTIVE — shared accessibility layer
   Practical WCAG 2.2 AA improvements, loaded by every page.
   Keeps the carbon-black / racing-red design intact.
   ============================================================ */

/* --- skip link: visually hidden until keyboard focus --- */
.skip-link{
  position:absolute;left:16px;top:-80px;z-index:120;
  display:inline-block;padding:13px 22px;border-radius:0 0 12px 12px;
  background:var(--red,#e10600);color:#fff;font-weight:700;font-size:.95rem;
  letter-spacing:.02em;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.6);
  transition:top .2s ease;
}
.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:-3px}

/* --- visible focus states for keyboard users --- */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
summary:focus-visible{
  outline:3px solid #ff8a87;
  outline-offset:3px;
  border-radius:4px;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid #ff8a87;
  outline-offset:2px;
}
/* solid-red buttons + floating CTAs get a white ring for contrast on red */
.btn-red:focus-visible,
.fab:focus-visible,
.sticky-call:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

/* --- form placeholders: raised contrast without changing the look --- */
::placeholder{color:#94949f;opacity:1}

/* --- reduced motion: site-wide safety net --- */
@media (prefers-reduced-motion: reduce){
  *{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:0.01ms !important;
  }
  html{scroll-behavior:auto}
  .rv{opacity:1 !important;transform:none !important}
}