/* =====================================================================
   Hortifruti Mercato — ajustes por cima do theme.css + loja.css
   (que são a camada visual do cardápio da Juliana Fonseca, recolorida em
   verde). Aqui só entra o que o Mercato tem e a Juliana não: venda por peso,
   pedido em folha no celular e o aviso de "adicionado".
   ===================================================================== */

/* Logo redonda do Mercato é escura: um respiro branco em volta no cabeçalho. */
.app-header .logo{border-radius:50%;background:#fff}

/* Nome da categoria vem do sistema em CAIXA ALTA; o título já é convertido
   no PHP, e o nome do produto fica como está, só sem gritar. */
.page-cardapio .prod-name{text-transform:none}
.page-cardapio .prod-serve{margin:4px 0 0;font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:5px}

/* Fotos do Mercato são quadradas: contain evita cortar a fruta pela metade. */
.page-cardapio .prod-thumb:not(.tile){object-fit:contain;background:#fff}
.modal-sheet .cover:not(.tile){object-fit:contain;background:#fff}

/* Botões rápidos de peso no modal (400 g, 500 g, 1 kg...). */
.kg-rapidos{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.kg-rapidos button{
  min-height:40px;padding:0 14px;border-radius:999px;cursor:pointer;
  border:1px solid #BFE3CB;background:#fff;color:var(--vinho);
  font-family:inherit;font-weight:700;font-size:14px;
}
.kg-rapidos button.on{background:var(--btn-grad);border-color:transparent;color:#fff}
.opt-help{display:block;margin-top:8px;color:var(--ink-2);font-size:12.5px}

/* Resumo do pedido: miniatura sem foto vira ladrilho verde. */
.side-cart-row .thumb.tile{display:block;background:url('./padrao-horti.svg') center/40px,var(--cream-2)}
.side-cart-row .qtd span{min-width:40px}
.side-finalizar.disabled{opacity:.55}

/* Folha "Meu pedido" do celular reaproveita a lateral do desktop. */
.pedido-sheet{display:flex;flex-direction:column}
.pedido-sheet .pedido-lista{margin:0;min-height:0;border:0;box-shadow:none;border-radius:0;padding:4px 16px calc(16px + env(safe-area-inset-bottom))}
.pedido-sheet .side-cart-itens{max-height:none;margin-top:4px}
.pedido-sheet .side-cart-vazio{height:140px}
.pedido-sheet .side-cart-row .nome{font-size:13px;white-space:normal}
.pedido-sheet .side-cart-row .preco{font-size:13px}
.pedido-sheet .side-cart-row .qtd button{width:34px;height:34px}
.pedido-sheet .side-cart-row .qtd span{font-size:13px}
.pedido-sheet .side-cart-totais{margin-top:14px}

/* "Adicionado ao seu pedido" */
#lojaToast{
  position:fixed;left:50%;bottom:110px;z-index:9999;transform:translate(-50%,10px);
  background:#1E2A22;color:#fff;padding:12px 18px;border-radius:12px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);font-size:14px;font-weight:600;
  max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:.2s;
}
#lojaToast.on{opacity:1;transform:translate(-50%,0)}
@media(min-width:900px){#lojaToast{bottom:32px}}

/* A faixa de serviço no desktop não tem status de aberto/fechado aqui. */
.page-cardapio .loja-status.aberta .loja-servico-desktop{margin-left:0}
.page-cardapio .loja-status .ponto{display:none}
@media(max-width:899px){.page-cardapio .loja-status{display:none}}

/* Espaço pro cart-bar não cobrir o rodapé no celular. */
@media(max-width:899px){.page-cardapio .app-footer{padding-bottom:96px}}

/* Sem Instagram/WhatsApp cadastrados a faixa de entrega fica sozinha no rodapé
   do cartão: garante altura de toque e texto legível. */
.page-cardapio .loja-frete-faixa{min-height:40px}
@media(max-width:899px){.page-cardapio .loja-frete-faixa{font-size:12px;padding:0 16px}}