/* Mais pedidos: sem nome; preço grande e descrição no lugar dele. Celular: foto à esquerda, descrição à direita, preço e botão embaixo. */
.pedidos { margin: .5rem max(1rem, calc(var(--sobra) + 1rem)) 1rem; }
.pedidos .destaques__titulo { margin-bottom: .75rem; }
.pedidos__lista { display: grid; gap: .9rem; margin: 0; padding: 0; list-style: none; }
.pedido { display: grid; grid-template-columns: 1fr; gap: .5rem; padding: 1rem; border: 1px solid var(--borda); border-radius: var(--raio-cartao); background: var(--superficie); }
.pedido--foto { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); column-gap: .9rem; overflow: hidden; }
/* a foto encosta na borda direita (e no topo) do cartão */
.pedido__foto { grid-column: 2; grid-row: 1; width: calc(100% + 1rem); height: calc(100% + 1rem); min-height: 7.5rem; margin: -1rem -1rem 0 0; object-fit: cover; object-position: left center; }
.pedido__desc { grid-column: 1; grid-row: 1; align-self: center; display: grid; gap: .25rem; margin: 0; font-size: var(--t2); line-height: 1.3; }
.pedido__desc strong { font-size: var(--t3); }
.pedido__desc span { color: var(--mudo); font-size: var(--t1); }
.pedido__preco { grid-column: 1 / -1; grid-row: 2; margin: 0; font-size: var(--t5); font-weight: 700; line-height: 1; }
.pedido__botao { grid-column: 1 / -1; grid-row: 3; justify-content: center; }
.pedido--esgotado { opacity: .6; }
.pedidos__montar { display: flex; flex-direction: column; align-items: center; gap: .1rem; width: 100%; min-height: 64px; margin-top: 1rem; font-size: var(--t4); font-family: var(--fonte-titulo); font-weight: 400; }
.pedidos__montar small { font: 500 var(--t1)/1.2 var(--fonte); }
/* desktop: cartões lado a lado, preço grande ocupando o lugar do nome, sem foto */
@media (min-width: 720px) {
  .pedidos__lista { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
  .pedido, .pedido--foto { display: flex; flex-direction: column; padding: 1.25rem; }
  .pedido__foto { display: none; }
  .pedido { overflow: visible; }
  .pedido__preco { order: -1; font-size: var(--t6); }
  .pedido__desc { flex: 1; }
  .pedidos__montar { min-height: 76px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pedido { transition: transform var(--hover-media) var(--mola), border-color var(--hover-rapida) var(--suave); }
  .pedido:not(.pedido--esgotado):hover, .pedido:not(.pedido--esgotado):has(:focus-visible) { transform: translateY(-4px); border-color: var(--cor-clara); }
}

/* ingredientes da descrição: negrito e sublinhado na cor da loja */
.ing { font-weight: 700; text-decoration: underline; text-decoration-color: var(--cor-clara); text-decoration-thickness: 2px; text-underline-offset: 3px; color: var(--texto); }