/* Lightweight replacement for the removed mobile overlay blur.
   Uses static tint, gradient, border, and shadow instead of backdrop-filter,
   so it keeps the glass/dimmed look without forcing mobile browsers to blur
   the image underneath on every scroll/repaint. */
@media (max-width:780px){
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay,
  #result .mc-profile-wrap ~ .mini-results .mini-popover{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:
      radial-gradient(circle at 50% 16%, rgba(154,139,255,.20) 0%, rgba(154,139,255,.08) 35%, rgba(154,139,255,0) 62%),
      linear-gradient(180deg, rgba(18,14,34,.74) 0%, rgba(4,4,8,.68) 100%) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.10),
      inset 0 18px 42px rgba(255,255,255,.045),
      inset 0 -34px 54px rgba(0,0,0,.36) !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover-card,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-panel{
    background:
      linear-gradient(180deg, rgba(28,24,48,.94) 0%, rgba(7,7,12,.88) 100%) !important;
    border-color:rgba(255,255,255,.22) !important;
    box-shadow:
      0 14px 30px rgba(0,0,0,.46),
      inset 0 1px 0 rgba(255,255,255,.12),
      0 0 0 1px rgba(154,139,255,.10) !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover-cardnum,
  #result .mc-profile-wrap ~ .mini-results .mini-popover-serial,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-title,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-count{
    text-shadow:
      0 2px 8px rgba(0,0,0,.88),
      0 0 12px rgba(154,139,255,.20) !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover-divider,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-divider{
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.40), transparent) !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover-view,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-btn{
    background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.07)) !important;
    border-color:rgba(255,255,255,.24) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 8px 18px rgba(0,0,0,.24) !important;
  }

  #result .mc-profile-wrap ~ .mini-results .mini-popover-view:active,
  #result .mc-profile-wrap ~ .mini-results .mc-issue-overlay-btn:active{
    background:rgba(255,255,255,.16) !important;
  }
}