/* Ki Delivery — Cardápio: atalho do último pedido (v1.42).

   Último arquivo da cadeia de CSS: pode ajustar o que veio antes sem
   precisar de !important. Ver a ordem em class-frontend.php. */

/* O chip do cabeçalho é um botão, mas herda a aparência do .kid-chip para
   ficar irmão do "aberto agora" e do tempo médio. Só ganha o affordance de
   coisa clicável: cursor, borda um tom mais viva e o toque que responde. */
.kid-chip--btn {
	border: 1px solid rgba(255, 255, 255, .35);
	cursor: pointer;
	font: inherit;
	transition: background .15s, transform .12s;
}
.kid-chip--btn:active { transform: scale(.96); }
@media (hover: hover) {
	.kid-chip--btn:hover { background: rgba(255, 255, 255, .28); }
}
@media (hover: none) {
	.kid-chip--btn:active { transform: none; }
}

/* --- Folha ------------------------------------------------------------- */

.kid-last { padding: 4px 20px 8px; }

.kid-last__when {
	margin: 0 0 14px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--kid-muted);
}

.kid-last__items { list-style: none; margin: 0; padding: 0; }

.kid-last__item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--kid-line);
}
.kid-last__item:last-child { border-bottom: 0; }

.kid-last__qty {
	flex: 0 0 auto;
	min-width: 30px;
	padding: 3px 7px;
	border-radius: 8px;
	background: var(--kid-red-tint);
	color: var(--kid-red-dark);
	font-size: 12px;
	font-weight: 800;
	text-align: center;
}

.kid-last__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kid-last__name { font-size: 14.5px; font-weight: 700; }
.kid-last__extras,
.kid-last__note { font-size: 12.5px; color: var(--kid-muted); line-height: 1.4; }

.kid-last__price {
	flex: 0 0 auto;
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
}

/* Aviso do que não deu para trazer. Âmbar, não vermelho: não é erro do
   cliente nem falha do pedido — é o cardápio que mudou. */
.kid-last__warn {
	margin: 14px 0 0;
	padding: 12px 14px;
	border-radius: 12px;
	background: #fff8e6;
	border: 1px solid #f2e0b0;
	font-size: 13px;
	line-height: 1.5;
	color: #7a5b12;
}
.kid-last__warn b { font-weight: 800; }

.kid-last__ask {
	margin: 10px 0 4px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.5;
}

/* Dois botões e um valor na mesma linha: em tela estreita o texto do
   "Refazer" é o que cede, nunca o preço. Um valor cortado ou vazando para
   fora do botão é o tipo de coisa que faz o cliente desconfiar do total. */
.kid-last__foot { display: flex; gap: 10px; align-items: center; }
.kid-last__foot .kid-btn { flex: 1 1 auto; min-width: 0; }
.kid-last__foot .kid-btn--ghost { flex: 0 1 auto; }
.kid-last__foot .kid-btn > span { min-width: 0; }
.kid-last__cta { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 380px) {
	.kid-last__foot { gap: 8px; }
	.kid-last__foot .kid-btn { padding-left: 14px; padding-right: 14px; font-size: 14px; }
}