/*
===============================================================================
  Mansy Store - Contrast Minimum (WCAG 1.4.3 / 1.4.11 / 2.4.13)
  Loaded last so it wins over the base sheets without editing minified sources.
  Every ratio below was measured from the live DOM, not read off the CSS.
===============================================================================
*/

/* --muted feeds 24 secondary-text rules across delta-style.css, category-mix.css
   and slider-tabs.css. At #6b7280 it landed 4.30:1 on #e8f3ff and 4.39:1 on the
   #f3f4f6 canvas - just under AA. #5f6874 clears 5.03:1 on the worst surface it
   is actually painted on, and stays a neutral so the ink/muted hierarchy holds. */
:root{--muted:#5f6874}

/* Cart badge: white on var(--accent) (#0787ea) measured 3.71:1 at 10px.
   --gc-blue-dark keeps the brand hue and gives 5.69:1; the size bump clears the
   type floor left over from the badge being the one sub-11px label on the page. */
#count{background:var(--gc-blue-dark);font-size:11px;font-weight:700}

/* Out-of-range stepper glyph. Disabled controls are exempt from 1.4.3, but
   #a4abb5 on #f6f8fa was 2.17:1 - effectively invisible rather than visibly
   inactive. #7c8694 reaches 3.46:1, which clears the 3:1 large-text bar at the
   20px glyph size while still reading as inactive beside the enabled button. */
.detail-quantity button:disabled{color:#7c8694}

/* Focus ring. Both base rules (delta-style.css:2 and slider-tabs.css) paint
   var(--gc-orange) #ff8a00, which measured 2.15-2.36:1 on the three light
   surfaces 90 of 97 controls actually sit on (canvas #f3f4f6, card #fafbfc,
   white) and only cleared on the #12304f nav bar at 5.69:1. A focus indicator
   is a state boundary, so WCAG 1.4.11 sets the bar at 3:1.
   --gc-focus-ring is its own token rather than a change to --gc-orange, because
   that token also styles a decorative campaign underline and the brand accent.
   #cc5500 reaches 3.12:1 on the navy and 3.92:1+ on every light surface; the
   mathematical optimum sits nearer #ea490f but reads as red, and red already
   means price/discount in this store. 3px width and 3px offset are untouched -
   the skill's focus-states rule asks for 2-4px, which the base already met. */
:root{--gc-focus-ring:#cc5500}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--gc-focus-ring)}
.slider-tabs button:focus-visible{outline-color:var(--gc-focus-ring)}

/* Coverage gap found while measuring the colour: the base selector list is only
   button/a/input, so <select> (#mix-sort) and <summary> (.mix-filters accordion)
   fell through to the UA default, which computed as "1px auto" - under the
   2-4px the focus-states rule asks for, and inconsistent with every other
   control in the same filter panel. role="tab" and the roving tabindex both sit
   on real <button> elements, so they were already covered. */
select:focus-visible,summary:focus-visible{outline:3px solid var(--gc-focus-ring);outline-offset:3px}