/* Grain Delivery Time — designed to sit naturally inside Grain's UI. */

.gdt-box {
	--gdt-grape: #8B1A6B;
	--gdt-cream: #F5EDD8;
	--gdt-ink: #1A0F0A;
	margin: 1rem 0;
	padding: 1rem 1.1rem;
	border-radius: 12px;
	background: var(--gdt-cream);
	color: var(--gdt-ink);
	border: 1px solid rgba(139, 26, 107, .13);
	border-right: 4px solid var(--gdt-grape);
	line-height: 1.65;
	direction: rtl;
	text-align: right;
}

.gdt-box__head {
	display: flex;
	align-items: flex-start;
	gap: .7rem;
}

.gdt-box__icon {
	flex: 0 0 auto;
	font-size: 1.05rem;
	line-height: 1.5;
}

.gdt-box__body {
	flex: 1;
	min-width: 0;
}

.gdt-box__title {
	display: block;
	font-weight: 800;
	margin-bottom: 1px;
	color: var(--gdt-grape);
}

.gdt-box__line {
	font-size: 1.01em;
}

.gdt-box--today .gdt-box__line {
	font-weight: 700;
}

.gdt-box--full {
	border-right-color: #8A2929;
	background: #FFF4F2;
}

.gdt-box--full .gdt-box__title {
	color: #8A2929;
}

/* Compact cart drawer version. Grain Suggest remains above this block. */
.gdt-drawer-box {
	margin: 0 0 .85rem;
	padding: .72rem .8rem;
	border-radius: 10px;
	border-right-width: 3px;
	background: rgba(245, 237, 216, .6);
	font-size: .82rem;
}

.gdt-drawer-box .gdt-box__head {
	gap: .55rem;
}

.gdt-drawer-box .gdt-box__icon {
	font-size: .9rem;
	line-height: 1.45;
}

.gdt-drawer-box .gdt-box__title {
	font-size: .73rem;
	margin-bottom: 0;
}

.gdt-drawer-box .gdt-box__line {
	font-size: .83rem;
	line-height: 1.5;
}

@media (max-width: 480px) {
	.gdt-box {
		padding: .9rem;
	}

	.gdt-drawer-box {
		padding: .68rem .72rem;
	}
}
