/* Favorito Delivery — Build 415
   Pedidos com superfície contínua e altura visual padronizada.
   Corrige a faixa vazia/cinza que aparecia entre o último conteúdo e a navegação inferior. */

/* Base: remove reservas antigas exageradas de espaço no fim da tela. */
body[data-market-page="pedidos"] .consumer-orders-page .consumer-page-shell,
body[data-market-page="pedido"] .consumer-order-page .consumer-order-shell{
  box-sizing:border-box!important;
  align-content:start!important;
}

/* A lista e os cartões sempre medem a própria altura real, inclusive depois de filtros/expansões. */
body[data-market-page="pedidos"] .consumer-orders-list{
  align-content:start!important;
  grid-auto-rows:max-content!important;
  min-height:0!important;
}
body[data-market-page="pedidos"] [data-order-list-card],
body[data-market-page="pedidos"] .consumer-order-list-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
body[data-market-page="pedidos"] [data-order-list-card][hidden]{display:none!important}

/* Mobile/PWA: a área útil vira uma superfície única até a navegação.
   Assim um pedido curto não termina em um cartão e deixa um grande retângulo cinza abaixo. */
@media(max-width:760px){
  body[data-market-page="pedidos"],
  body[data-market-page="pedido"]{
    --fd415-pagebar-height:62px;
    --fd415-bottomnav-height:72px;
    --fd415-screen-bottom:calc(var(--fd415-bottomnav-height) + env(safe-area-inset-bottom));
  }

  body[data-market-page="pedidos"] .market-main,
  body[data-market-page="pedido"] .market-main{
    box-sizing:border-box!important;
    min-height:100dvh!important;
    padding-bottom:0!important;
    background:#fff!important;
  }

  body[data-market-page="pedidos"] .consumer-orders-page,
  body[data-market-page="pedido"] .consumer-order-page{
    box-sizing:border-box!important;
    min-height:calc(100dvh - var(--fd415-pagebar-height))!important;
    background:#fff!important;
  }

  body[data-market-page="pedidos"] .consumer-orders-page .consumer-page-shell,
  body[data-market-page="pedido"] .consumer-order-page .consumer-order-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:calc(100dvh - var(--fd415-pagebar-height) - var(--fd415-bottomnav-height))!important;
    padding-top:14px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    padding-bottom:18px!important;
    background:#fff!important;
    border-radius:0!important;
  }

  /* Na tela que mantém a barra inferior visível, a própria superfície continua atrás dela.
     O espaço de segurança fica branco e integrado ao app, não como um "buraco" cinza. */
  body[data-market-page="pedidos"] .consumer-orders-page .consumer-page-shell{
    padding-bottom:calc(var(--fd415-screen-bottom) + 12px)!important;
  }

  /* Se o acompanhamento do pedido estiver com a navegação nativa oculta, não reserva 112/154px antigos. */
  body[data-market-page="pedido"].marketplace-native-page .consumer-order-page .consumer-order-shell{
    padding-bottom:20px!important;
  }

  /* Fundo abaixo/entre cartões deve ser contínuo. */
  body[data-market-page="pedidos"] .consumer-orders-list,
  body[data-market-page="pedido"] .consumer-order-shell{
    background:#fff!important;
  }

  /* Expandir/recolher andamento ou detalhes não deixa uma altura antiga presa no layout. */
  body[data-market-page="pedido"] [data-customer-order-progress],
  body[data-market-page="pedido"] .consumer-order-timeline,
  body[data-market-page="pedido"] .consumer-order-history,
  body[data-market-page="pedidos"] details{
    height:auto!important;
    max-height:none!important;
  }
  body[data-market-page="pedido"] .consumer-order-timeline:not(.is-mobile-open){
    min-height:0!important;
  }

  /* O rodapé de navegação permanece em uma camada limpa e sem faixa cinza acima dele. */
  body[data-market-page="pedidos"] .market-app-bottom{
    background:#fff!important;
    border-top:1px solid #e8ebef!important;
    box-shadow:0 -5px 18px rgba(15,23,42,.045)!important;
  }
}

@media(max-width:390px){
  body[data-market-page="pedidos"] .consumer-orders-page .consumer-page-shell,
  body[data-market-page="pedido"] .consumer-order-page .consumer-order-shell{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* Tablet: mantém o mesmo princípio sem transformar a página inteira em um cartão gigante. */
@media(min-width:761px) and (max-width:1099px){
  body[data-market-page="pedidos"] .consumer-orders-page .consumer-page-shell,
  body[data-market-page="pedido"] .consumer-order-page .consumer-order-shell{
    padding-bottom:32px!important;
  }
}