/** Shopify CDN: Minification failed

Line 12:210 Unexpected "}"

**/
/* Hayley’s Comet — Accessibility Overrides (WCAG 2.1 AA) Paste/upload as assets/accessibility-overrides.css and include via {{ 'accessibility-overrides.css' | asset_url | stylesheet_tag }} before </head>

These styles are theme-agnostic and safe for Shopify OS 2.0 themes (Dawn et al). Adjust tokens in :root to match your brand if needed. */

:root { /* Adjust these to your brand, ensuring high contrast on white and on light images / --a11y-focus: #0a5cff;     / focus ring color / --a11y-focus-contrast: #000; / text color for skip link on white / --a11y-skip-bg: #fff;      / background for focused skip link / --a11y-overlay-dark: rgba(0,0,0,0.35); / hero overlay strength */ }

/* 1) Skip-to-content link — becomes visible on keyboard focus / .skip-to-content { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 10000; / above headers */ } .skip-to-content:focus { left: 1rem; top: 1rem; width: auto; height: auto; padding: .5rem 1rem; border-radius: .5rem; background: var(--a11y-skip-bg); border: 2px solid var(--a11y-focus); color: var(--a11y-focus-contrast); text-decoration: none; font-weight: 700; box-shadow: 0 2px 12px rgba(0,0,0,.12); }

/* 2) Visible, consistent focus rings for all interactive controls / :where(a, button, [role="button"], input, select, textarea, summary, [tabindex]) :focus, :where(a, button, [role="button"], input, select, textarea, summary, [tabindex]):focus { outline: 3px solid var(--a11y-focus); outline-offset: 2px; box-shadow: none !important; } / Remove any theme attempts to hide focus */ :focus { outline: 3px solid var(--a11y-focus) !important; outline-offset: 2px; } :focus-visible { outline: 3px solid var(--a11y-focus) !important; outline-offset: 2px; }

/* 3) Visually hidden utility (but accessible to screen readers) */ .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; border: 0; }

/* 4) Respect reduced motion preferences across the site */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } }

/* 5) Contrast utilities (use on sections with text over imagery) */ .a11y-contrast-overlay { position: relative; } .a11y-contrast-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: var(--a11y-overlay-dark); } .a11y-overlay-content { position: relative; z-index: 1; color: #fff; }

/* 6) Buttons & disabled states (variants, sold-out) */ [aria-disabled="true"], .is-disabled, .variant--disabled, button[disabled], .button[disabled] { opacity: .5; cursor: not-allowed; pointer-events: none; }

/* 7) Form labels & errors — base styling to ensure clarity */ label { font-weight: 600; } .input-error, .form__message--error { color: #b00020; } [aria-invalid="true"] { border-color: #b00020 !important; box-shadow: 0 0 0 2px rgba(176,0,32,.15); } [role="alert"] { margin-top: .25rem; font-size: .9em; }

/* 8) Links — ensure keyboard focus visibility and underline on focus */ a { text-underline-offset: 2px; } a:focus, a:focus-visible { text-decoration: underline; }

/* 9) Product/collection cards — ensure text remains readable on imagery */ .card--image-text, .collection-card__content, .product-card__info { text-shadow: 0 1px 3px rgba(0,0,0,.35); }

/* 10) Helpful min tap target size for touch inputs */ button, .button, [role="button"], .btn, .badge, .chip { min-height: 44px; min-width: 44px; }

/* 11) Headings spacing for readability (non-breaking with most themes) */ h1, h2, h3 { line-height: 1.2; }

/* 12) Utility: forced high-contrast text if needed */ .a11y-text-on-light { color: #111 !important; } .a11y-text-on-dark  { color: #fff !important; }

/* 13) Optional: skip link target default, if main lacks id (safe no-op otherwise) */ #main-content { scroll-margin-top: 2rem; }

