/**
 * R221 phase-2 — PDP a11y overlay (no Tailwind recompile). Mitja-approved 2026-09-19.
 * Loaded AFTER styles.css AND contrast-v2.css; unlayered rules win (see reference_theme_css_overlay).
 * Complements contrast-v2.css (which already deepened --color-success-green -> #15803d and
 * the .bg-[#16a34a] class to #15803d). Bump -vN on edit (CF caches the versioned URL).
 *
 * (A) text-green-600 (#00a63e, 3.22:1) — a Tailwind token NOT covered by contrast-v2.
 *     -> #15803D (5.02:1 on white).
 * (B) NEW/SALE badge background (white text) -> #166534 (white-on-green 7.13:1),
 *     Mitja's approved badge shade; overrides contrast-v2's class value to match the
 *     inline-badge template edits (simple-card.phtml) so every badge is the same green.
 * (C) target-size — PDP mobile gallery dots were 10px (< 24px). The button grows to a
 *     24px tap zone; background-clip:content-box + padding keeps the Alpine state-colour
 *     fill an ~11px visible dot (look preserved, per the approved swatch).
 */

/* (A) */
:root {
    --color-green-600: #15803D;
}

/* (B) — overrides contrast-v2's .bg-[#16a34a] (#15803d) to Mitja's badge shade */
.bg-\[\#16a34a\] {
    background-color: #166534;
}

/* (C) */
.ds-gallery-dot {
    box-sizing: border-box;
    min-width: 24px;
    min-height: 24px;
    padding: 6.5px;
    background-clip: content-box;
}