/* Hamburger drawer (#mobileMenu) — visual only. Orange accents → checkout CTA green. */
#mobileMenu {
  --ur-menu-cta: #5FE000;
  --ur-menu-cta-hover: #56CA00;
  --ur-menu-cta-text: #0a1600;
  --ur-menu-cta-wash: rgba(95, 224, 0, 0.14);
  --cor-secundaria: #5FE000;
  --cor-secundaria-link: #0a1600;
  --tema-participate-color: #5FE000;
  --tema-participate-text: #0a1600;
  --bs-primary: #5FE000;
  --bs-primary-rgb: 95, 224, 0;
  --bs-warning: #5FE000;
}

#mobileMenu .btn-primary,
#mobileMenu .modal-content .btn-primary,
#mobileMenu .btn.btn-primary.w-100,
#mobileMenu .btn-primary.rounded-pill,
body.sp-mode #mobileMenu .btn-primary,
body.sp-body #mobileMenu .btn-primary,
.bg-cor-primaria #mobileMenu .btn-primary,
#mobileMenu.modal .bg-cor-primaria .btn-primary {
  background: var(--ur-menu-cta) !important;
  background-image: none !important;
  border-color: var(--ur-menu-cta) !important;
  color: var(--ur-menu-cta-text) !important;
  border-radius: 6px !important;
}

#mobileMenu .btn-primary:hover,
#mobileMenu .btn-primary:focus,
#mobileMenu .btn-primary:active,
body.sp-mode #mobileMenu .btn-primary:hover,
body.sp-mode #mobileMenu .btn-primary:active {
  background: var(--ur-menu-cta-hover) !important;
  border-color: var(--ur-menu-cta-hover) !important;
  color: var(--ur-menu-cta-text) !important;
  filter: none !important;
}

#mobileMenu .btn-primary i,
#mobileMenu .btn-primary .icone,
#mobileMenu .btn-primary * {
  color: var(--ur-menu-cta-text) !important;
}

#mobileMenu .nav-vertical ul li.active,
#mobileMenu .nav-vertical ul li a.active,
#mobileMenu .nav-vertical ul li a[aria-current="page"],
#mobileMenu[data-current="campanhas"] .nav-vertical a[href*="campanhas"],
#mobileMenu[data-current="meus-numeros"] .nav-vertical a[href*="meus-numeros"],
#mobileMenu[data-current="cadastrar"] .nav-vertical a[href*="cadastrar"],
#mobileMenu[data-current="ganhadores"] .nav-vertical a[href*="ganhadores"],
#mobileMenu[data-current="contato"] .nav-vertical a[href*="contato"],
#mobileMenu[data-current="termos-de-uso"] .nav-vertical a[href*="termos"],
#mobileMenu[data-current="comunicados"] .nav-vertical a[href*="comunicados"],
#mobileMenu[data-current="afiliado"] .nav-vertical a[href*="afiliado"],
#mobileMenu[data-current="user/afiliado"] .nav-vertical a[href*="afiliado"],
#mobileMenu[data-current="user/atualizar-cadastro"] .nav-vertical a[href*="atualizar-cadastro"],
#mobileMenu[data-current="user/compras"] .nav-vertical a[href*="compras"],
#mobileMenu[data-current="user/alterar-senha"] .nav-vertical a[href*="alterar-senha"] {
  background-color: var(--ur-menu-cta-wash) !important;
  color: var(--ur-menu-cta) !important;
}

#mobileMenu .nav-vertical ul li.active a,
#mobileMenu .nav-vertical ul li.active .icone,
#mobileMenu .nav-vertical ul li.active i,
#mobileMenu .nav-vertical ul li a.active,
#mobileMenu .nav-vertical ul li a.active .icone,
#mobileMenu .nav-vertical ul li a.active i,
#mobileMenu .nav-vertical ul li a[aria-current="page"],
#mobileMenu .nav-vertical ul li a[aria-current="page"] .icone,
#mobileMenu .nav-vertical ul li a[aria-current="page"] i,
#mobileMenu[data-current="campanhas"] .nav-vertical a[href*="campanhas"],
#mobileMenu[data-current="campanhas"] .nav-vertical a[href*="campanhas"] .icone,
#mobileMenu[data-current="campanhas"] .nav-vertical a[href*="campanhas"] i,
#mobileMenu[data-current="meus-numeros"] .nav-vertical a[href*="meus-numeros"],
#mobileMenu[data-current="meus-numeros"] .nav-vertical a[href*="meus-numeros"] .icone,
#mobileMenu[data-current="meus-numeros"] .nav-vertical a[href*="meus-numeros"] i,
#mobileMenu[data-current="cadastrar"] .nav-vertical a[href*="cadastrar"],
#mobileMenu[data-current="cadastrar"] .nav-vertical a[href*="cadastrar"] .icone,
#mobileMenu[data-current="cadastrar"] .nav-vertical a[href*="cadastrar"] i,
#mobileMenu[data-current="ganhadores"] .nav-vertical a[href*="ganhadores"],
#mobileMenu[data-current="ganhadores"] .nav-vertical a[href*="ganhadores"] .icone,
#mobileMenu[data-current="ganhadores"] .nav-vertical a[href*="ganhadores"] i,
#mobileMenu[data-current="contato"] .nav-vertical a[href*="contato"],
#mobileMenu[data-current="contato"] .nav-vertical a[href*="contato"] .icone,
#mobileMenu[data-current="contato"] .nav-vertical a[href*="contato"] i,
#mobileMenu[data-current="termos-de-uso"] .nav-vertical a[href*="termos"],
#mobileMenu[data-current="termos-de-uso"] .nav-vertical a[href*="termos"] .icone,
#mobileMenu[data-current="termos-de-uso"] .nav-vertical a[href*="termos"] i,
#mobileMenu[data-current="comunicados"] .nav-vertical a[href*="comunicados"],
#mobileMenu[data-current="comunicados"] .nav-vertical a[href*="comunicados"] .icone,
#mobileMenu[data-current="comunicados"] .nav-vertical a[href*="comunicados"] i,
#mobileMenu[data-current="afiliado"] .nav-vertical a[href*="afiliado"],
#mobileMenu[data-current="afiliado"] .nav-vertical a[href*="afiliado"] .icone,
#mobileMenu[data-current="afiliado"] .nav-vertical a[href*="afiliado"] i,
#mobileMenu[data-current="user/afiliado"] .nav-vertical a[href*="afiliado"],
#mobileMenu[data-current="user/afiliado"] .nav-vertical a[href*="afiliado"] .icone,
#mobileMenu[data-current="user/afiliado"] .nav-vertical a[href*="afiliado"] i,
#mobileMenu[data-current="user/atualizar-cadastro"] .nav-vertical a[href*="atualizar-cadastro"],
#mobileMenu[data-current="user/atualizar-cadastro"] .nav-vertical a[href*="atualizar-cadastro"] .icone,
#mobileMenu[data-current="user/atualizar-cadastro"] .nav-vertical a[href*="atualizar-cadastro"] i,
#mobileMenu[data-current="user/compras"] .nav-vertical a[href*="compras"],
#mobileMenu[data-current="user/compras"] .nav-vertical a[href*="compras"] .icone,
#mobileMenu[data-current="user/compras"] .nav-vertical a[href*="compras"] i,
#mobileMenu[data-current="user/alterar-senha"] .nav-vertical a[href*="alterar-senha"],
#mobileMenu[data-current="user/alterar-senha"] .nav-vertical a[href*="alterar-senha"] .icone,
#mobileMenu[data-current="user/alterar-senha"] .nav-vertical a[href*="alterar-senha"] i {
  color: var(--ur-menu-cta) !important;
}

#mobileMenu .nav-vertical ul li a:hover,
#mobileMenu .nav-vertical ul li a:hover .icone,
#mobileMenu .nav-vertical ul li a:hover i {
  color: var(--ur-menu-cta) !important;
  opacity: 1;
}

#mobileMenu[data-current=""] .nav-vertical a[href="/"],
#mobileMenu[data-current=""] .nav-vertical a[href="/"] .icone,
#mobileMenu[data-current=""] .nav-vertical a[href="/"] i,
#mobileMenu[data-current="/"] .nav-vertical a[href="/"],
#mobileMenu[data-current="/"] .nav-vertical a[href="/"] .icone,
#mobileMenu[data-current="/"] .nav-vertical a[href="/"] i {
  color: var(--ur-menu-cta) !important;
}

#mobileMenu[data-current=""] .nav-vertical a[href="/"],
#mobileMenu[data-current="/"] .nav-vertical a[href="/"] {
  background-color: var(--ur-menu-cta-wash) !important;
}