/* ══════════════════════════════════════════════════════════════════════════
   OPENBID — SITE STYLES
   File: app.css  (assets folder, css folder)

   Tailwind handles layout and color. This file holds only what
   Tailwind classes do not cover.
══════════════════════════════════════════════════════════════════════════ */

/* Strong, visible keyboard focus on every control */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 4px solid #B93A0A;
  outline-offset: 2px;
}

/* Smooth jump to in-page anchors, clear of the fixed top bar */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 88px;
}

/* Keep long agency names and titles from breaking the layout */
.ob-wrap {
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}