/*
 * Hover for buttons that had none of their own. Astra gives every <button> a bright red (#f11c1c)
 * background with white text on hover/focus, which turned icon buttons into red blocks and hid
 * text on light buttons. Loaded last; follows the theme: .btn-red (red, black on hover) and
 * .border-btn (dark red #970210 on hover). On phones a tap leaves :hover on, so this matters there too.
 */

/* Icon buttons (close, back, arrows, edit, quantity): stay transparent, the icon turns red. */
:is(.bwo-mini-qty__btn, .bwo-no-fit-close, .bwo-wiz-m__back, .bwo-wiz-m__close, .bwo-zip-choice__close,
    .guide-close, .pzm-spec-toggle, .car-edit-btn, .close-sidebar, .slider-arrow, .bwo-tw-m__back,
    .bwo-tw-m__close):is(:hover, :focus) {
  background-color: transparent !important;
  color: #d01010 !important;
}
.bwo-wiz-m__change:is(:hover, :focus) {
  background-color: transparent !important;
  color: #970210 !important;
  text-decoration: underline;
}

/* White close icons on dark backdrops: stay white, slightly dimmed. */
:is(.bwo-delivery-modal-close, .bwo-compare-modal-close, .bwo-sheet-m__close):is(:hover, :focus) {
  background-color: transparent !important;
  color: #fff !important;
  opacity: .75;
}

/* Secondary outline button: the theme's .border-btn hover. */
.bwo-co-signin__cancel:hover {
  border-color: #970210 !important;
  background-color: #970210 !important;
  color: #fff !important;
}

/* Light chips and edit buttons with red icons: a soft red tint keeps the icon visible. */
:is(.quick-filter-btn, .visual-edit-btn, .bwo-banner-collapse):hover {
  border-color: #d01010 !important;
  background-color: #fff5f5 !important;
  color: #1a1a1a !important;
}
.visual-edit-btn:hover { color: #d01010 !important; }

/* Red buttons: the theme's .btn-red hover. */
:is(.build-btn, .bundle-btn, .bwo-size-m__apply, .bwo-trim-continue):hover {
  border-color: #d01010 !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* Black buttons: theme red on hover. */
:is(.btn-refresh-installers-list, .visual-back-btn, .vechile-search-btn):hover {
  border-color: #d01010 !important;
  background-color: #d01010 !important;
  color: #fff !important;
}

/* Phone visualizer tool buttons (Sort, Filter, Size): stay white. */
.bwo-vis-m__tool:is(:hover, :focus) {
  background-color: #fff !important;
  color: #212529 !important;
}