/* "Peça pelo WhatsApp" — o visual veio do widget HTML antigo, para a
   migração não mudar a aparência da página. Cor de fundo, faixa do topo,
   título e botão são controláveis pelo Elementor (aba Estilo). */

.dau-pedido {
	background: #fff;
	border-top: 5px solid #F7C803;
	border-radius: 6px;
	padding: 26px;
	box-shadow: 0 2px 4px rgba(36, 28, 27, .06), 0 8px 24px rgba(36, 28, 27, .08);
	font-family: Nunito, sans-serif;
}

.dau-cab { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; }

.dau-pedido h2 {
	font-family: Anton, Impact, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 24px;
	margin: 0;
	color: #241C1B;
}

.dau-cab p { color: #6B615F; font-size: 15px; margin: 0; }

.dau-linha {
	display: grid;
	gap: 14px;
	margin-top: 18px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dau-envio { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }

.dau-pedido label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #6B615F;
}

.dau-pedido select,
.dau-pedido input {
	font-family: Nunito, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #241C1B;
	padding: 12px 13px;
	border: 2px solid #E4DCD3;
	border-radius: 4px;
	background: #fff;
	text-transform: none;
	letter-spacing: 0;
}

/* Campo travado precisa PARECER travado, senão o cliente clica e acha quebrado. */
.dau-pedido select:disabled {
	background: #F8F5F0;
	color: #A9A09E;
	cursor: not-allowed;
}

.dau-pedido select:focus-visible,
.dau-pedido input:focus-visible {
	outline: 3px solid #A40609;
	outline-offset: 1px;
}

.dau-pedido button {
	background: #22BE31;
	color: #fff;
	border: 0;
	border-radius: 4px;
	padding: 14px 24px;
	font-family: Nunito, sans-serif;
	font-weight: 800;
	font-size: 15px;
	cursor: pointer;
}

.dau-pedido button:hover { filter: brightness(.92); }

.dau-erro {
	margin: 14px 0 0;
	color: #A40609;
	font-size: 14px;
	font-weight: 700;
}

@media (max-width: 980px) { .dau-linha { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) { .dau-linha, .dau-envio { grid-template-columns: 1fr; } }