/* Favorito Delivery — Build 404
   Acompanhamento do pedido mais limpo, largura desktop de 900px,
   etapas concluídas em verde e navegação inferior preservada no pedido. */

/* Desktop: o app/Marketplace trabalha em uma faixa única de 900px, inclusive Home. */
@media (min-width: 901px){
  body.marketplace-body .market-wrap,
  body.marketplace-body .consumer-page-shell{
    width:min(900px,calc(100% - 40px))!important;
    max-width:900px!important;
  }
  body.marketplace-body .fdx-content,
  body.marketplace-body .fdx-summary{
    width:min(900px,calc(100% - 40px))!important;
    max-width:900px!important;
  }
  body.marketplace-body .market-app-bottom{
    width:min(900px,calc(100% - 40px))!important;
    max-width:900px!important;
  }
}

/* Pedido: menos blocos, mais respiro e conteúdo alinhado. */
body[data-market-page="pedido"] .consumer-order-shell{gap:12px!important;}
body[data-market-page="pedido"] .consumer-order-status-card.fd392-status-card{
  grid-template-columns:40px minmax(0,1fr)!important;
  padding:13px 15px!important;
  border-radius:12px!important;
  gap:11px!important;
}
body[data-market-page="pedido"] .consumer-order-status-card.fd392-status-card>.consumer-order-status-icon{
  width:40px!important;height:40px!important;border-radius:11px!important;
}
body[data-market-page="pedido"] .consumer-order-status-copy>small{font-size:12px!important;}
body[data-market-page="pedido"] .consumer-order-status-copy h2{font-size:19px!important;line-height:1.2!important;margin:2px 0 3px!important;}
body[data-market-page="pedido"] .consumer-order-status-copy p{font-size:14px!important;line-height:1.4!important;margin:0!important;}
body[data-market-page="pedido"] .consumer-order-status-copy time{display:block;font-size:12.5px!important;margin-top:5px;color:#667085!important;}
body[data-market-page="pedido"] .consumer-order-stage-meter{display:none!important;}
body[data-market-page="pedido"] .consumer-order-progress-toggle{margin-top:4px!important;min-height:34px!important;padding:0 8px!important;font-size:13px!important;}

/* Andamento: concluído = verde, atual = cor do app, futuro = cinza. */
body[data-market-page="pedido"] .fd404-order-timeline{
  background:#fff!important;
  border:1px solid #e6e9ee!important;
  border-radius:13px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;
  gap:8px!important;
  box-shadow:none!important;
}
body[data-market-page="pedido"] .fd404-order-timeline[hidden]{display:none!important;}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step{
  min-width:0!important;
  padding:0 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  text-align:center!important;
  border:0!important;
  background:transparent!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step>span{
  width:38px!important;height:38px!important;min-width:38px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  border:1px solid #d9dee7!important;
  background:#f4f6f8!important;
  color:#98a2b3!important;
  box-shadow:none!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step>div{min-width:0!important;}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.22!important;
  color:#667085!important;
  font-weight:800!important;
  overflow-wrap:anywhere!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step small{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.25!important;
  color:#667085!important;
  font-weight:700!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-done:not(.is-current)>span{
  background:#16a34a!important;
  border-color:#16a34a!important;
  color:#fff!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-done:not(.is-current) strong{color:#15803d!important;}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-done:not(.is-current) small{color:#4b7f5a!important;}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-current>span{
  background:var(--color-primary-ui,var(--color-primary))!important;
  border-color:var(--color-primary-ui,var(--color-primary))!important;
  color:var(--color-primary-ui-contrast,#fff)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary-ui,var(--color-primary)) 12%,transparent)!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-current strong{color:var(--color-primary-ui,var(--color-primary))!important;}

/* O pedido consultado continua sendo parte do app: menu inferior não desaparece. */
body.marketplace-native-page[data-market-page="pedido"] .market-app-bottom{display:flex!important;}
body.marketplace-native-page[data-market-page="pedido"] .market-main{padding-bottom:96px!important;}
body.marketplace-native-page[data-market-page="pedido"] .consumer-page-shell{padding-bottom:116px!important;}

/* Rodapé normal continua presente no carrinho/checkout e no pedido consultado. */
body.marketplace-native-page[data-market-page="carrinho"] .market-footer,
body.marketplace-native-page[data-market-page="finalizar-pedido"] .market-footer,
body.marketplace-native-page[data-market-page="pedido"] .market-footer{
  display:block!important;
  margin-top:20px!important;
}
body.marketplace-native-page[data-market-page="carrinho"] .market-footer,
body.marketplace-native-page[data-market-page="finalizar-pedido"] .market-footer{margin-bottom:118px!important;}
body.marketplace-native-page[data-market-page="pedido"] .market-footer{margin-bottom:86px!important;}

/* Ícone da taxa: pequeno, sem caixa. */
body[data-market-page="pedido"] .consumer-fee-info-button{
  border:0!important;background:transparent!important;box-shadow:none!important;
  width:18px!important;height:18px!important;padding:0!important;margin-left:2px!important;
  color:#667085!important;vertical-align:-3px!important;
}

@media (max-width: 900px){
  body[data-market-page="pedido"] .fd404-order-timeline{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 6px!important;}
}
@media (max-width: 520px){
  body[data-market-page="pedido"] .fd404-order-timeline{padding:12px 8px!important;}
  body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step>span{width:34px!important;height:34px!important;min-width:34px!important;}
  body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step strong{font-size:12px!important;}
  body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step small{font-size:10px!important;}
  body.marketplace-native-page[data-market-page="pedido"] .market-footer{margin-bottom:76px!important;}
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-current[data-status-step="completed"]>span{
  background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;box-shadow:0 0 0 4px rgba(22,163,74,.12)!important;
}
body[data-market-page="pedido"] .fd404-order-timeline .consumer-order-timeline-step.is-current[data-status-step="completed"] strong{color:#15803d!important;}