/* V19.12 — Entregador Mobile: drawer lateral nítido
   Corrige o efeito embaçado na aba lateral do entregador.
   Causa: camadas antigas aplicavam backdrop-filter/blur no overlay do drawer.
   Solução: overlay escurece sem blur e o drawer fica acima, sem filtros. */

@media (max-width: 820px) {
  body.deliverer-session,
  body:has(.official-delivery-page) {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }

  body.deliverer-session .official-delivery-page,
  body.deliverer-session .official-delivery-phone,
  body.deliverer-session .official-delivery-screen,
  body.deliverer-session .official-delivery-hero,
  body.deliverer-session .official-delivery-panel,
  body:has(.official-delivery-page) .official-delivery-page,
  body:has(.official-delivery-page) .official-delivery-phone,
  body:has(.official-delivery-page) .official-delivery-screen,
  body:has(.official-delivery-page) .official-delivery-hero,
  body:has(.official-delivery-page) .official-delivery-panel {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.deliverer-session .adm-mobile-overlay-clean,
  body.deliverer-session .official-mobile-overlay,
  body.deliverer-session .mobile-sidebar-overlay,
  body:has(.official-delivery-page) .adm-mobile-overlay-clean,
  body:has(.official-delivery-page) .official-mobile-overlay,
  body:has(.official-delivery-page) .mobile-sidebar-overlay {
    z-index: 9990 !important;
    background: rgba(2, 6, 23, .62) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  body.deliverer-session .adm-mobile-drawer-clean,
  body:has(.official-delivery-page) .adm-mobile-drawer-clean {
    z-index: 10060 !important;
    opacity: 1 !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform-style: flat !important;
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
    box-shadow: 22px 0 44px rgba(0,0,0,.42) !important;
    background: linear-gradient(180deg, #050608 0%, #0b0d12 100%) !important;
  }

  body.deliverer-session .adm-mobile-drawer-clean *,
  body:has(.official-delivery-page) .adm-mobile-drawer-clean * {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
    opacity: 1;
  }

  body.deliverer-session .adm-mobile-drawer-clean .adm-mobile-brand-card-clean,
  body.deliverer-session .adm-mobile-drawer-clean .adm-mobile-nav-btn-clean,
  body.deliverer-session .adm-mobile-drawer-clean .adm-mobile-drawer-close-clean,
  body:has(.official-delivery-page) .adm-mobile-drawer-clean .adm-mobile-brand-card-clean,
  body:has(.official-delivery-page) .adm-mobile-drawer-clean .adm-mobile-nav-btn-clean,
  body:has(.official-delivery-page) .adm-mobile-drawer-clean .adm-mobile-drawer-close-clean {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
  }

  body.deliverer-session .adm-mobile-nav-copy-clean strong,
  body:has(.official-delivery-page) .adm-mobile-nav-copy-clean strong {
    color: #ffffff !important;
  }

  body.deliverer-session .adm-mobile-nav-copy-clean span,
  body:has(.official-delivery-page) .adm-mobile-nav-copy-clean span {
    color: rgba(255,255,255,.72) !important;
  }

  body.deliverer-session .adm-mobile-nav-btn-clean.active,
  body:has(.official-delivery-page) .adm-mobile-nav-btn-clean.active {
    background: #ffffff !important;
    color: #101828 !important;
  }

  body.deliverer-session .adm-mobile-nav-btn-clean.active .adm-mobile-nav-copy-clean strong,
  body:has(.official-delivery-page) .adm-mobile-nav-btn-clean.active .adm-mobile-nav-copy-clean strong {
    color: #101828 !important;
  }

  body.deliverer-session .adm-mobile-nav-btn-clean.active .adm-mobile-nav-copy-clean span,
  body:has(.official-delivery-page) .adm-mobile-nav-btn-clean.active .adm-mobile-nav-copy-clean span {
    color: #475467 !important;
  }
}