/*
 * RTL overrides for the dracula theme.
 * Loaded only when the active language is right-to-left (see layouts/app.blade.php).
 * Tailwind v4 logical utilities (space-x-*, ps-*, pe-*, ms-*, me-*, text-start/end,
 * start-*/end-*) already mirror with the dir attribute; this file only patches the
 * physical-direction utilities and components the theme uses.
 */

[dir="rtl"] body {
    text-align: right;
}

/* Physical text alignment -> mirrored */
[dir="rtl"] .text-left  { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

/* Physical horizontal spacing utilities used in the theme -> mirrored */
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: calc(var(--spacing) * 3); }
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: calc(var(--spacing) * 1); }
[dir="rtl"] .pr-5 { padding-right: 0; padding-left: calc(var(--spacing) * 5); }

/* Off-canvas mobile menu slides in from the right edge in RTL */
[dir="rtl"] #canvas-menu {
    left: auto;
    right: 0;
}

/* Tailwind v4 uses translate + --tw-translate-x, not transform (rtl.css transform override was ignored) */
[dir="rtl"] #canvas-menu.-translate-x-full {
    --tw-translate-x: 100%;
}

/* Directional inline SVG arrows (sign-up CTA, "read more", carousels) flip horizontally */
[dir="rtl"] .auth-signup-btn svg,
[dir="rtl"] .rtl-flip { transform: scaleX(-1); }