/* =========================================================
   WhatsApp no FINAL (direita) do menu azul (desktop)
   Classe aplicada no : menu-whatsapp-btn
   ========================================================= */

@media (min-width: 992px) {
  /* Faz o bloco do menu ocupar TODO o espaço do header */
  .main-nav .main-menu {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .main-nav .main-menu nav {
    width: 100% !important;
  }

  /* UL vira flex e ocupa a largura toda */
  .main-nav .main-menu nav > ul {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  /* Empurra só o WhatsApp para o fim (direita) */
  .main-nav .main-menu nav > ul > li.menu-whatsapp-btn {
    margin-left: auto !important;
  }
}

/* =========================================================
   Estilo do botão WhatsApp
   ========================================================= */

/* Botão WhatsApp no menu */
.menu-whatsapp-btn > a,
a.menu-whatsapp-btn{
  background:#2E9E72;
  color:#fff !important;

  /* ajuste aqui */
  border-radius: 12px;      /* antes 999px (deixa bem redondo) */
  padding: 8px 18px;        /* menos em cima/baixo, mais nas laterais */
  font-size: 18px;          /* deixa maior */
  font-weight: 700;
  line-height: 2;           /* mantém compacto */
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.menu-whatsapp-btn > a:hover,
a.menu-whatsapp-btn:hover{
  background:#247E5B;
  color:#fff !important;
  text-decoration:none;
}

/* Ícone no botão */
.menu-whatsapp-btn i,
a.menu-whatsapp-btn i{
  font-size: 18px;
}
//// BRL finalizaçao de compra