/*
 * Tadkaara Core frontend styles.
 *
 * Site-specific feature styles will be added here as features are implemented.
 * The visual design system belongs primarily to the Tadkaara theme.
 */

/* Stage 6: customer-facing dispatch/tracking details. */
.tadkaara-dispatch-card {
	margin: 28px 0;
	padding: 22px;
	border: 1px solid rgba(117, 28, 25, .14);
	border-radius: 18px;
	background: #fffaf1;
}
.tadkaara-dispatch-card h2 {
	margin: 0 0 16px;
	font-size: 22px;
	line-height: 1.25;
}
.tadkaara-dispatch-card__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.tadkaara-dispatch-card__grid p {
	margin: 0;
	padding: 12px 14px;
	border-radius: 12px;
	background: #fff;
}
.tadkaara-dispatch-card__grid span,
.tadkaara-dispatch-card__grid strong {
	display: block;
}
.tadkaara-dispatch-card__grid span {
	margin-bottom: 3px;
	color: #726960;
	font-size: 12px;
}
@media (max-width: 640px) {
	.tadkaara-dispatch-card__grid { grid-template-columns: 1fr; }
}

/* Product Studio customer-facing ingredients/storage details. */
.tadkaara-product-info-table p {
	display: grid;
	grid-template-columns: minmax(120px, 180px) 1fr;
	gap: 18px;
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px solid rgba(117, 28, 25, .12);
}
.tadkaara-product-info-table p:last-child { border-bottom: 0; }
.tadkaara-product-info-table span { white-space: normal; }
@media (max-width: 640px) {
	.tadkaara-product-info-table p { grid-template-columns: 1fr; gap: 4px; }
}
