/* Mobile-only: make Browse List comic-book tile popovers use the same dark,
   solid-feeling overlay treatment as My Collection issue tiles. This targets
   the mini "View" overlay that appears after Browse List -> Set -> Comic Books. */
@media (max-width: 780px), (hover: none) and (pointer: coarse) {
  #result .mini-results .mini-row .mini-popover,
  body.browse-list-open #result .mini-results .mini-row .mini-popover {
    background: rgba(10, 10, 12, 0.68) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #result .mini-results .mini-row .mini-popover.open,
  body.browse-list-open #result .mini-results .mini-row .mini-popover.open {
    display: flex !important;
  }

  #result .mini-results .mini-row .mini-popover-card,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-card {
    background: rgba(0, 0, 0, 0.52) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #result .mini-results .mini-row .mini-popover-cardnum,
  #result .mini-results .mini-row .mini-popover-serial,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-cardnum,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-serial {
    text-shadow: 0 2px 10px rgba(0,0,0,.75), 0 1px 2px rgba(0,0,0,.85) !important;
  }

  #result .mini-results .mini-row .mini-popover-divider,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-divider {
    background: rgba(255, 255, 255, 0.24) !important;
  }

  #result .mini-results .mini-row .mini-popover-view,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-view {
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.96) !important;
    box-shadow: none !important;
  }

  #result .mini-results .mini-row .mini-popover-hunt,
  body.browse-list-open #result .mini-results .mini-row .mini-popover-hunt {
    color: rgba(255,255,255,0.96) !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.75) !important;
  }
}