/*
 * Shipping line under «مبلغ قابل پرداخت» (MONO_Shipping_Total_Note, inside the Hafez total box).
 * Colours follow the Hafez checkout tokens (--hafez-co-*) with site palette and fixed fallbacks.
 */

.mono-ship-note {
	--msn-accent: var(--hafez-co-accent, var(--hafez-dp-primary-bg, var(--hafez-color-primary, #f15a24)));
	--msn-success: var(--hafez-co-success, var(--hafez-color-success, #16a34a));
	--msn-box: var(--hafez-co-box, var(--hafez-dp-box-bg, var(--hafez-color-surface, #fff)));
	--msn-border: var(--hafez-co-border, var(--hafez-dp-box-border-color, var(--hafez-color-border, #e6dfda)));
	--msn-text: var(--hafez-co-text, var(--hafez-color-text, #2c2624));
	--msn-muted: var(--hafez-co-muted, var(--hafez-color-text-muted, #6e6560));
	--msn-tone: var(--msn-accent);

	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 4px 8px;
	margin-top: 8px;
	padding: 6px 10px;
	border: 1px solid color-mix(in srgb, var(--msn-tone) 30%, var(--msn-border));
	border-radius: var(--hafez-co-radius-field, 10px);
	background: color-mix(in srgb, var(--msn-tone) 8%, var(--msn-box));
	color: var(--msn-text);
	font-size: 12px;
	line-height: 1.5;
}

.mono-ship-note--free {
	--msn-tone: var(--msn-success);
}

.mono-ship-note__icon {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--msn-tone);
	position: relative;
}

/* Truck (paid) / check (free), drawn as a mask on the white glyph. */
.mono-ship-note__icon::after {
	content: "";
	position: absolute;
	inset: 4px;
	background: #fff;
	-webkit-mask: var(--msn-glyph) center / contain no-repeat;
	mask: var(--msn-glyph) center / contain no-repeat;
}

.mono-ship-note--paid .mono-ship-note__icon {
	--msn-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h11v9H3zM14 9h4l3 3v3h-7zM7.5 18.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm10 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z'/%3E%3C/svg%3E");
}

.mono-ship-note--free .mono-ship-note__icon {
	--msn-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L20.1 8.4 18.7 7z'/%3E%3C/svg%3E");
}

/* Title and note on one line; the note wraps under it on narrow screens. */
.mono-ship-note__text {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 6px;
	min-width: 0;
}

.mono-ship-note__text strong {
	font-weight: 700;
}

.mono-ship-note--free .mono-ship-note__text strong {
	color: var(--msn-success);
}

.mono-ship-note__text small {
	color: var(--msn-muted);
	font-size: 11px;
}

.mono-ship-note__more,
.mono-ship-note__bar {
	grid-column: 1 / -1;
}

.mono-ship-note__more {
	color: var(--msn-text);
	font-size: 11px;
	font-weight: 600;
}

.mono-ship-note__bar {
	display: block;
	height: 4px;
	overflow: hidden;
	border-radius: 999px;
	background: color-mix(in srgb, var(--msn-tone) 18%, var(--msn-box));
}

.mono-ship-note__bar > span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--msn-tone);
	transition: width 0.3s ease;
}

@media (prefers-reduced-motion: reduce) {
	.mono-ship-note__bar > span {
		transition: none;
	}
}

/* Cart: the row under «جمع کل» (cart totals table; the Hafez cart look pads and aligns its cells). */
.cart_totals table tr.mono-ship-note-row td {
	padding: 0 0 4px !important;
	border: 0 !important;
	text-align: start !important;
	font-weight: 400 !important;
	background: transparent !important;
}

.cart_totals table tr.mono-ship-note-row td::before {
	display: none !important;
}

.cart_totals table tr.mono-ship-note-row .mono-ship-note {
	margin-top: 0;
}