/* Boditrax website - Interactions
 * Plain CSS additions for the jQuery behaviours: hidden state, gallery pause button, form status and validation messages, reduced motion. */
/* Plain CSS additions for the static/jQuery edition. */
[hidden] { display: none !important; }
html { scroll-padding-top: 6rem; }
main:focus { outline: none; }
a[aria-disabled="true"] { cursor: not-allowed; }
[data-gallery-track]:focus-visible { outline: 2px solid var(--brand-plum); outline-offset: 5px; }
.btx-gallery-pause { display: inline-block; margin-top: 0.75rem; padding: 0.375rem 0; font: inherit; font-size: 0.75rem; color: var(--muted-foreground); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.btx-gallery-pause:focus-visible { outline: 2px solid var(--brand-plum); outline-offset: 4px; }
.btx-form-status { margin-top: 1rem; max-width: 42rem; font-size: 0.9375rem; line-height: 1.65; }
.btx-form-status:empty { display: none; }
.btx-form-status[data-state="error"] { color: #a51c14; }
.btx-form-status[data-state="success"] { color: #106b31; }
.btx-field-error { margin-top: 0.375rem; color: #a51c14; font-size: 0.875rem; }
[aria-invalid="true"] { border-color: #a51c14 !important; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}