/**
 * Share page RTL tweaks — only apply under html[dir=rtl] (Arabic).
 * Does not affect LTR locales.
 */
html[dir="rtl"] .share-page .mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}

html[dir="rtl"] .share-page .mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}

html[dir="rtl"] .share-page .ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}

html[dir="rtl"] .share-page .right-0 {
  right: auto;
  left: 0;
}

/* Tailwind space-x-*: flip sibling horizontal gap */
html[dir="rtl"] .share-page .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
  margin-left: calc(0.5rem * var(--tw-space-x-reverse));
  margin-right: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

html[dir="rtl"] .share-page .space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
  margin-left: calc(0.75rem * var(--tw-space-x-reverse));
  margin-right: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

html[dir="rtl"] .share-page .share-content {
  text-align: start;
}