/** Shopify CDN: Minification failed

Line 20:27 Unexpected "*"
Line 23:72 Unterminated string token
Line 28:70 Unterminated string token
Line 32:13 Unexpected "{"
Line 32:21 Expected ":"
Line 32:24 Unexpected "`"
Line 33:71 Unterminated string token
Line 37:76 Unterminated string token
Line 60:74 Unterminated string token
Line 65:13 Comments in CSS use "/* ... */" instead of "//"
... and 2 more hidden warnings

**/
/*
  Sitewide monochrome pass — loaded from layout/theme.liquid, not tied to
  any homepage-only stylesheet. Covers the handful of interactive elements
  that are NOT already driven by the per-scheme --color-primary-button-*/
  --color-secondary-button-* custom properties (those were fixed directly
  in config/settings_data.json instead — see the button color fields on
  every entry under current.color_schemes, which is the mechanism
  assets/base.css's `.button`/`.button-secondary` rules already consume;
  editing 7 near-identical CSS overrides here for something the scheme
  system already generates correctly would just be redundant duplication
  that could drift out of sync with it).

  What's left, and why each one needed its own fix instead of a scheme
  edit:

  1. Product/sale badges (blocks/_product-card-gallery.liquid) apply a
     `color-{{ scheme }}` class directly to the badge and read the
     scheme's general --color-background/--color-foreground pair, not a
     button-specific token. badge_sale_color_scheme is "scheme-4", whose
     `background` (#ffb500, the amber this task is about) is also the
     *default* color_scheme for sections/header-announcements.liquid and a
     media-with-content preset — so editing scheme-4's background directly
     would risk recoloring those too. Confirmed via grep that no live
     section actually uses scheme-4 for anything but this badge, so a
     scoped CSS override here is the safer, more surgical fix.

  2. Slideshow arrows (snippets/slideshow-arrow.liquid) are intentionally
     unstyled icon-only controls (`button-unstyled--transparent`, no
     background) that sit on top of arbitrary hero/gallery imagery — this
     override adds only a background-color, leaving their existing size,
     padding and (lack of) border-radius untouched.

     Slideshow *dots* (snippets/slideshow-controls.liquid) were
     deliberately left alone: they use `mix-blend-mode: difference` against
     --color-foreground specifically so they stay legible over any photo,
     light or dark. They were never amber, and flattening them to literal
     black/white would remove that adaptive contrast for no color-accuracy
     gain.

  3. Disabled buttons currently dim the resolved button color via
     opacity: 0.5 (assets/base.css), not a flat color swap — this overrides
     that specific state to the flat #6E6E6E background the spec calls for.

  Not covered here (reported, not silently skipped):
  - Shopify's accelerated checkout buttons (Shop Pay / PayPal / Apple Pay,
    rendered via `payment_button` in blocks/accelerated-checkout.liquid)
    are drawn inside a Shopify-hosted iframe and cannot be restyled from
    theme CSS.
  - The floating WhatsApp bubble is a third-party app block
    (shopify://apps/whapi/...). It exposes button_color/icon_color/margin
    as native block settings, so those were changed directly in
    config/settings_data.json instead of guessed-at CSS — its markup isn't
    part of this theme's files, so no selector here could reliably target
    it, and this was the "cleaner fix" per the same reasoning as the
    button color schemes.

  Specificity: doubled classes (`.selector.selector`) throughout, matching
  the pattern already used in assets/email-signup-custom.css — enough to
  beat the single-class rules they override without !important.
*/

.product-badges__badge.product-badges__badge {
  background: #0a0a0a;
  color: #ffffff;
}

slideshow-arrows .slideshow-control.slideshow-control {
  background-color: #0a0a0a;
  color: #ffffff;
}

@media (prefers-reduced-motion: no-preference) {
  slideshow-arrows .slideshow-control.slideshow-control {
    transition: background-color 200ms cubic-bezier(0.22, 1, 0.36, 1), opacity 200ms cubic-bezier(0.22, 1, 0.36, 1),
      transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
  }
}

slideshow-arrows .slideshow-control.slideshow-control:hover {
  background-color: #1a1a1a;
}

.button.button:disabled,
.button.button[aria-disabled='true'],
.button-secondary.button-secondary[aria-disabled='true'] {
  opacity: 1;
  background-color: #6e6e6e;
  color: #ffffff;
  box-shadow: none;
}

.button.button:disabled:hover,
.button.button[aria-disabled='true']:hover,
.button-secondary.button-secondary[aria-disabled='true']:hover {
  background-color: #6e6e6e;
  color: #ffffff;
}