/* =====================================================================
   CoopLink — professional polish layer (accessibility + interaction)
   Applied site-wide. Purely additive: no brand colors, type, or layout
   are changed. Guided by the UI/UX Pro Max rule set (priorities 1, 2, 5).
   ===================================================================== */

/* --- 1. Accessible keyboard focus (a11y, priority 1) --------------------
   Several controls set `outline:none` inline. `:focus-visible` restores a
   visible ring for keyboard users only, and the box-shadow ring on inputs
   wins over inline styles because box-shadow isn't set inline. --------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid #12564C;
  outline-offset: 3px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
  outline: none;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: 0 0 0 3px rgba(18, 86, 76, 0.22);
  border-color: #12564C;
}

/* --- 2. Interaction (priority 2) --------------------------------------- */
a, button, label, input, select, textarea, [role="button"] {
  touch-action: manipulation;              /* removes the 300ms tap delay */
}
button, [role="button"], a[href] { cursor: pointer; }

/* --- 3. Layout safety & anchor offset (priority 5) --------------------- */
img { max-width: 100%; }
[id] { scroll-margin-top: 84px; }          /* clear the 66px sticky nav */