/* ONE BUTTON BEHAVIOUR, SITEWIDE (Kevin, 2026-10-28, "All button clicks and hovers should be the same colors and effects
   sitewide"). Loaded last on every public page. A button keeps its own look at rest (black, outlined, a tile, a tab); this
   file decides what every one does when touched, the way the homepage's Bid. and Sell. and the nav band already did:

   hover and keyboard focus: the stamp's red fill, black words, a border staying black; a red stop, arrow or dog-ear inside
                             turns white
   press:                    the same red, the button nudged down 1px
   speed:                    0.15s for every change
   focus ring:               a 2px black outline, 3px off the button (keyboard only)

   :is() takes the weight of the strongest selector in the list, so these win over each page's own button rules. */

:is(.btn, .shell-btn, button.ok, .ask-send, .more, .more-btn, .prop-more, .buy, .share, button.tab, button.choice,
    .lv-kind-btn, #padClear, #videoRemove, #navUp, #navDown, button.close, .ss-x, .vid-close, .photo-x, .shelf-jump, #clearSearch,
    button.pk, a.way, a.nav-home, details.sell-nav > summary, #clipPlay .play) {
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease !important;
}

:is(.btn, .shell-btn, button.ok, .ask-send, .more, .more-btn, .prop-more, .buy, .share, button.tab, button.choice,
    .lv-kind-btn, #padClear, #videoRemove, #navUp, #navDown, button.close, .ss-x, .vid-close, .photo-x, .shelf-jump, #clearSearch,
    button.pk, a.way, a.nav-home, details.sell-nav > summary):is(:hover, :focus-visible, :active):not(:disabled):not([aria-disabled="true"]) {
  background: #FF3A3A !important;
  color: #111 !important;
  text-decoration: none !important;
}
/* a border, where the button has one, stays black (Next's turned red until now) */
:is(.btn, .shell-btn, button.ok, .ask-send, .more, .more-btn, .prop-more, .buy, .share, button.tab, button.choice,
    .lv-kind-btn, #padClear, #videoRemove, #navUp, #navDown, .shelf-jump, #clearSearch, a.way):is(:hover, :focus-visible, :active):not(:disabled) {
  border-color: #111 !important;
}
/* the red stops, arrows and dog-ears inside turn white on the red */
:is(.btn, .shell-btn, button.ok, .more, .more-btn, .buy, .share, button.tab, button.pk, a.way, a.nav-home,
    details.sell-nav > summary):is(:hover, :focus-visible, :active):not(:disabled) :is(i, .dn, .nav-home-arrow, .arr) {
  color: #fff !important;
}
:is(a.way, details.sell-nav > summary, button.tab):is(:hover, :focus-visible, :active)::after { color: #fff !important; }

/* press: a 1px nudge down */
:is(.btn, .shell-btn, button.ok, .ask-send, .more, .more-btn, .prop-more, .buy, .share, button.tab, button.choice,
    .lv-kind-btn, #padClear, #videoRemove, #navUp, #navDown, button.close, .ss-x, .vid-close, .photo-x, .shelf-jump, #clearSearch,
    button.pk, a.way, a.nav-home, details.sell-nav > summary):active:not(:disabled) {
  transform: translateY(1px) !important;
}

/* the keyboard's ring, the same everywhere */
:is(.btn, .shell-btn, button.ok, .ask-send, .more, .more-btn, .prop-more, .buy, .share, button.tab, button.choice,
    .lv-kind-btn, #padClear, #videoRemove, #navUp, #navDown, button.close, .ss-x, .vid-close, .photo-x, .shelf-jump, #clearSearch,
    button.pk, a.way, a.nav-home, details.sell-nav > summary, #clipPlay):focus-visible {
  outline: 2px solid #111 !important;
  outline-offset: 3px !important;
}

/* a close button red at rest (The show's subscribe dialog) had no lit state to show; at rest it is white like the others */
dialog button.close:not(:hover):not(:focus-visible):not(:active) { background: #fff !important; color: #111 !important; }

/* the privacy page's clip */
#clipPlay:is(:hover, :focus-visible, :active) .play { background: #FF3A3A !important; color: #fff !important; }   /* the badge is red already, so its ▶ turns white */

@media (prefers-reduced-motion: reduce) {
  :is(.btn, .shell-btn, button.ok, .more, .more-btn, .buy, .share, button.tab, button.choice, button.pk, a.way,
      a.nav-home, details.sell-nav > summary):active { transform: none !important; }
}