/*
 * Market Card Modal — RTL overrides
 * Loaded additively on top of market-card-modal.css when is_rtl().
 * Uses html[dir="rtl"] + body.rtl selectors for specificity.
 */

/* ── Direction ────────────────────────────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal,
body.rtl .qutoofmart-market-card-modal {
	direction: rtl;
}

/* ── Close button: stick to left corner ───────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__close,
body.rtl .qutoofmart-market-card-modal__close {
	right: auto;
	left: 12px;
	margin-left: 0;
	margin-right: auto;
}

/* ── Title: leave space on left for close button ─────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__title,
body.rtl .qutoofmart-market-card-modal__title {
	margin-right: 0;
	margin-left: 40px;
	text-align: right;
}

/* ── Short description ────────────────────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__short-desc,
body.rtl .qutoofmart-market-card-modal__short-desc {
	text-align: right;
}

/* ── Badges: flip to right corner of image ───────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__badges,
body.rtl .qutoofmart-market-card-modal__badges {
	left: auto;
	right: 10px;
}

/* ── Detail rows: flip icon to right, text to left ───────── */
html[dir="rtl"] .qutoofmart-market-card-modal__detail-row,
body.rtl .qutoofmart-market-card-modal__detail-row {
	direction: rtl;
}

html[dir="rtl"] .qutoofmart-market-card-modal__detail-content,
body.rtl .qutoofmart-market-card-modal__detail-content {
	text-align: right;
}

html[dir="rtl"] .qutoofmart-market-card-modal__detail-label,
body.rtl .qutoofmart-market-card-modal__detail-label {
	text-align: right;
}

html[dir="rtl"] .qutoofmart-market-card-modal__detail-value,
body.rtl .qutoofmart-market-card-modal__detail-value {
	text-align: right;
}

/* ── Detail value links: flip margin ─────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__detail-value a,
body.rtl .qutoofmart-market-card-modal__detail-value a {
	margin-right: 0;
	margin-left: 6px;
}

/* ── Actions bar ─────────────────────────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__actions,
body.rtl .qutoofmart-market-card-modal__actions {
	direction: rtl;
}

html[dir="rtl"] .qutoofmart-market-card-modal__actions-row,
body.rtl .qutoofmart-market-card-modal__actions-row {
	flex-direction: row-reverse;
}

/* ── Cart count badge: flip to left side ─────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__cart-count,
body.rtl .qutoofmart-market-card-modal__cart-count {
	right: auto;
	left: -0.35rem;
}

/* ── Additional info ──────────────────────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__additional-info-value,
body.rtl .qutoofmart-market-card-modal__additional-info-value {
	text-align: right;
}

html[dir="rtl"] .qutoofmart-market-card-modal__attr-line,
body.rtl .qutoofmart-market-card-modal__attr-line {
	text-align: right;
}

/* ── Review actions ───────────────────────────────────────── */
html[dir="rtl"] .qutoofmart-market-card-modal__review-actions,
body.rtl .qutoofmart-market-card-modal__review-actions {
	flex-direction: row-reverse;
}

/* ── Mobile 480px ─────────────────────────────────────────── */
@media (max-width: 480px) {
	html[dir="rtl"] .qutoofmart-market-card-modal__title,
	body.rtl .qutoofmart-market-card-modal__title {
		margin-left: calc(env(safe-area-inset-left, 0px) + 44px);
		margin-right: 0;
		margin-bottom: 6px;
	}

	html[dir="rtl"] .qutoofmart-market-card-modal__short-desc,
	body.rtl .qutoofmart-market-card-modal__short-desc {
		text-align: right;
	}

	html[dir="rtl"] .qutoofmart-market-card-modal__close,
	body.rtl .qutoofmart-market-card-modal__close {
		right: auto;
		left: calc(env(safe-area-inset-left, 0px) + 12px);
	}
}

@media (max-width: 860px) {
	html[dir="rtl"] .qutoofmart-market-card-modal__dialog,
	body.rtl .qutoofmart-market-card-modal__dialog {
		padding-left: calc(env(safe-area-inset-left, 0px) + 4px);
	}

	html[dir="rtl"] .qutoofmart-market-card-modal__body,
	body.rtl .qutoofmart-market-card-modal__body {
		padding-top: calc(env(safe-area-inset-top, 0px) + 18px);
	}

	html[dir="rtl"] .qutoofmart-market-card-modal__close,
	body.rtl .qutoofmart-market-card-modal__close {
		right: auto;
		left: calc(env(safe-area-inset-left, 0px) + 12px);
	}
}