/* R9 audit fixes 2026-10-07 — accessibility (WCAG 2.1 AA) + tracking page. Owner: coordinator (mtb-a5). */

/* A11Y-01: wishlist icon links keep their text for screen readers (visually hidden, not display:none) */
.wd-wishlist-btn.wd-style-icon .wd-action-text{display:block!important;position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* A11Y-03: closed off-canvas panels (cart, login, filters) are not focusable / announced */
.wd-side-hidden:not(.wd-opened){visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
.wd-side-hidden.wd-opened{visibility:visible;transition-delay:0s}

/* A11Y-06: focused elements never hide under the fixed header / tab bar / sticky buy bar */
html{scroll-padding-top:80px;scroll-padding-bottom:100px}

/* A11Y-07: bigger touch targets without changing the look */
.r9-cardfit a,.wd-breadcrumbs a,.woocommerce-checkout .showlogin,.woocommerce-checkout .showcoupon{position:relative}
.r9-cardfit a::after,.wd-breadcrumbs a::after,.woocommerce-checkout .showlogin::after,.woocommerce-checkout .showcoupon::after{content:"";position:absolute;inset:-13px -4px}

/* A11Y-08: visible focus in Windows high-contrast / forced-colors mode */
@media (forced-colors:active){a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid CanvasText!important;outline-offset:2px}}

/* A11Y-16: inline checkout error text */
.r9a5-err{display:block;margin-top:4px;color:#b3261e;font-size:13px;line-height:1.5}

/* A11Y-19: sticky-bar price not clipped with user text-spacing */
.wd-sticky-btn .price{overflow:visible;line-height:normal}

/* ACCT-02: tracking page */
.r9t{max-width:520px;margin:0 auto}
.r9t-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.r9t-row label{font-weight:600}
.r9t-row input{min-height:46px;font-size:16px}
.r9t-btn{min-height:46px;width:100%}
.r9t-res{border:1px solid #e3e5e8;border-radius:10px;padding:14px 16px;margin:16px 0;background:#f8f9fa}
.r9t-st strong{color:#C8102E}
.r9t-err{color:#b3261e;margin:14px 0}
.r9t-help,.r9t-meta{color:#555;font-size:14px}
.r9t-thanks{margin-top:12px}
.r9a5-dir{margin-top:12px;display:inline-flex;align-items:center;min-height:44px}