/* GiraMesa Delivery APP UI 2J — ajustes finais de espaçamento, ícones e checkout */

/* 1/5. O header é sticky e já ocupa espaço no fluxo. Remove o padding legado de header fixo
   que estava criando um segundo vazio no início de Home, Carrinho e Pedidos. */
body .conteudo-app{
  padding-top:0!important;
}
body #paginaInicio,
body #paginaCarrinho,
body #paginaPedidos,
body #paginaInfo{
  margin-top:0!important;
}
body #paginaInicio{
  padding-top:4px!important;
}
body #paginaInicio #bannerPromocoes{
  margin-top:6px!important;
}

/* Carrinho/Pedidos começam logo abaixo do header, sem faixa morta. */
body #paginaCarrinho .cabecalho-pagina,
body #paginaPedidos .cabecalho-pagina,
body #paginaInfo .cabecalho-pagina{
  margin-top:0!important;
  padding-top:14px!important;
}
@media(max-width:640px){
  body #paginaInicio{padding-top:2px!important}
  body #paginaInicio #bannerPromocoes{margin-top:4px!important}
  body #paginaCarrinho .cabecalho-pagina,
  body #paginaPedidos .cabecalho-pagina,
  body #paginaInfo .cabecalho-pagina{padding-top:12px!important}
}

/* 2. Ícones continuam visíveis quando categoria/nav está selecionada. */
body #abasCategorias button.ativo,
body #abasCategorias button[aria-selected="true"]{
  color:#221934!important;
}
body #abasCategorias button.ativo svg,
body #abasCategorias button[aria-selected="true"] svg,
body #abasCategorias button.ativo .gm2b-cat-icon,
body #abasCategorias button[aria-selected="true"] .gm2b-cat-icon{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  color:#221934!important;
  stroke:#221934!important;
  fill:none!important;
}
body #abasCategorias button.ativo svg *,
body #abasCategorias button[aria-selected="true"] svg *{
  stroke:#221934!important;
}
body .barra-inferior .item-nav.ativo svg{
  opacity:1!important;
  color:#221934!important;
  stroke:#221934!important;
}

/* 3. Quantidade no carrinho: - 1 + dentro de um único card/pill. */
body .item-carrinho .controle-qtd{
  display:grid!important;
  grid-template-columns:40px 46px 40px!important;
  align-items:center!important;
  gap:0!important;
  width:126px!important;
  height:42px!important;
  min-height:42px!important;
  overflow:hidden!important;
  border:1px solid #DED8E2!important;
  border-radius:14px!important;
  background:#F8F6FA!important;
  box-shadow:none!important;
}
body .item-carrinho .controle-qtd button{
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#221934!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
}
body .item-carrinho .controle-qtd button:first-child{border-right:1px solid #E7E1E9!important}
body .item-carrinho .controle-qtd button:last-child{border-left:1px solid #E7E1E9!important}
body .item-carrinho .controle-qtd button svg{
  width:18px!important;height:18px!important;stroke:#221934!important;
}
body .item-carrinho .controle-qtd b{
  width:46px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  color:#221934!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* 4. Checkout claro: CEP, taxa, prazo e campos precisam sempre ter contraste escuro. */
body #checkoutCarrinho,
body #checkoutCarrinho .grupo-checkout,
body #checkoutCarrinho .checkout-endereco-inteligente,
body #checkoutCarrinho .cep-primeiro-passo{
  color:#221934!important;
}
body #checkoutCarrinho .cep-primeiro-passo > div strong,
body #checkoutCarrinho .cep-primeiro-passo label,
body #checkoutCarrinho .endereco-validado-cabecalho strong,
body #checkoutCarrinho .checkout-taxa strong,
body #checkoutCarrinho .titulo-checkout-linha h3,
body #checkoutCarrinho .grupo-checkout h3{
  color:#221934!important;
  -webkit-text-fill-color:#221934!important;
}
body #checkoutCarrinho .cep-primeiro-passo > div small,
body #checkoutCarrinho .endereco-validado-cabecalho small,
body #checkoutCarrinho .checkout-taxa small{
  color:#716A78!important;
  -webkit-text-fill-color:#716A78!important;
}
body #checkoutCarrinho .cep-primeiro-passo input,
body #checkoutCarrinho .grade-formulario input,
body #checkoutCarrinho .grade-formulario input[readonly],
body #checkoutCarrinho textarea,
body #checkoutCarrinho select{
  color:#221934!important;
  -webkit-text-fill-color:#221934!important;
  background:#FBFAFC!important;
}
body #checkoutCarrinho input::placeholder,
body #checkoutCarrinho textarea::placeholder{
  color:#8A838F!important;
  -webkit-text-fill-color:#8A838F!important;
  opacity:1!important;
}
body #checkoutCarrinho .endereco-validado-cabecalho{
  background:#F5F9D9!important;
  border-color:#DCE59A!important;
}
body #checkoutCarrinho .checkout-taxa{
  color:#221934!important;
  background:#F8FAE9!important;
  border-color:#DFE6A4!important;
}
body #checkoutCarrinho .checkout-taxa strong,
body #checkoutCarrinho .checkout-taxa small{opacity:1!important}

/* Pequena correção para os cards não criarem altura artificial. */
body #paginaCarrinho .lista-carrinho-pagina,
body #paginaPedidos .lista-pedidos-cliente{
  margin-top:0!important;
}