/* C-05 Cartão do pedido: the whole card is a button/link. Two states (+ closed). */
.cartao-pedido {
  display: flex; flex-direction: column; width: 100%; overflow: hidden;
  border: 2px solid var(--danger-border); border-radius: var(--r-card);
  background: var(--surface); color: var(--ink); text-align: left; text-decoration: none;
}
.cartao-pedido__faixa {
  display: flex; align-items: center; gap: var(--sp-5); padding: var(--sp-7);
  background: var(--danger-soft); color: var(--danger-text);
}
.cartao-pedido__icone {
  flex: 0 0 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--danger); color: var(--on-brand);
}
.cartao-pedido__textos { flex: 1; min-width: 0; }
.cartao-pedido__titulo { display: block; font-size: var(--fs-card-title); font-weight: 700; }
.cartao-pedido__sub { display: block; font-size: 14px; }
.cartao-pedido__corpo { display: block; padding: var(--sp-6) var(--sp-7) var(--sp-7); }
.cartao-pedido__rotulo {
  display: block; font-size: var(--fs-label); font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted);
}
.cartao-pedido__periodo { display: block; margin-top: var(--sp-1); font-size: 20px; font-weight: 600; }
.cartao-pedido__corpo .etiqueta { margin-top: var(--sp-3); }
.cartao-pedido__nota { display: block; margin-top: var(--sp-3); font-size: 14px; color: var(--muted); }

.cartao-pedido--feito { border-color: var(--ok-border); }
.cartao-pedido--feito .cartao-pedido__faixa { background: var(--ok-soft); color: var(--ok); }
.cartao-pedido--feito .cartao-pedido__icone { background: var(--ok); }

.cartao-pedido--fechado, .cartao-pedido--encerrado { border-color: var(--border); }
.cartao-pedido--fechado .cartao-pedido__faixa,
.cartao-pedido--encerrado .cartao-pedido__faixa { background: var(--surface-2); color: var(--brand); }
.cartao-pedido--fechado .cartao-pedido__icone { background: var(--brand); }
.cartao-pedido--encerrado .cartao-pedido__icone { background: var(--muted); }