/* Modrah Core — customer-facing (RTL) */

/* Site-wide halt banner */
.mdr-halt-banner {
	background: #b91c1c; color: #fff; text-align: center;
	padding: 10px 16px; font-weight: 600; direction: rtl;
}

/* No-returns info box */
.mdr-no-returns {
	background: #fff7ed; border: 1px solid #fdba74; border-radius: 8px;
	padding: 12px 16px; margin-block: 12px; direction: rtl; line-height: 1.9;
}

/* Other colors */
.mdr-other-colors { margin-block: 16px; direction: rtl; }
.mdr-other-colors ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; }
.mdr-other-colors li a { display: block; text-align: center; text-decoration: none; }
.mdr-other-colors img { border-radius: 8px; display: block; width: 64px; height: auto; }
.mdr-color-name { font-size: 12px; }

/* 9-stop vertical timeline */
.mdr-timeline ol { list-style: none; margin: 0; padding: 0; position: relative; }
.mdr-timeline ol::before {
	content: ""; position: absolute; top: 8px; bottom: 8px; right: 15px;
	width: 2px; background: #e5e7eb;
}
.mdr-stop { position: relative; padding: 0 44px 28px 0; }
.mdr-stop-icon {
	position: absolute; right: 0; top: 0; width: 32px; height: 32px;
	display: flex; align-items: center; justify-content: center;
	background: #e5e7eb; border-radius: 50%; filter: grayscale(1); font-size: 15px;
}
.mdr-stop.is-done .mdr-stop-icon { background: #dcfce7; filter: none; }
.mdr-stop.is-pending { opacity: .55; }
.mdr-stop-label { font-weight: 600; display: block; }
.mdr-stop-date { font-size: 12px; color: #6b7280; }
.mdr-wh-photos { margin-top: 8px; display: flex; gap: 8px; flex-wrap: wrap; }
.mdr-wh-photo { border-radius: 8px; max-width: 180px; height: auto; }
.mdr-tracking-code { margin-top: 6px; background: #f3f4f6; border-radius: 6px; padding: 6px 10px; display: inline-block; }