/**
 * Iron Hope Shop — shared a11y primitives (Phase 1).
 * Skip link + keyboard focus ring. Pages link this from /lib/a11y.css.
 */

.ihs-skip {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 2147483646;
  padding: 10px 14px;
  background: #e8a035;
  color: #140e04;
  font: 700 14px/1.2 "Pixelify Sans", system-ui, sans-serif;
  text-decoration: none;
  border: 3px solid #000;
  transform: translateY(-220%);
  transition: transform 0.01ms;
}
.ihs-skip:focus,
.ihs-skip:focus-visible {
  transform: translateY(0);
  outline: 3px solid #fff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .ihs-skip { transition: none; }
}

/* Keyboard focus ring when a page strips default outlines */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[href]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid var(--accent, #e8a035);
  outline-offset: 2px;
}