/* ---------------------------------------------------------------
 * DocCareHub RTL layer
 *
 * Loaded only when <html dir="rtl"> (Urdu). Flips the directional
 * Tailwind utilities this project actually uses, plus the handful
 * of components positioned by hand.
 *
 * GENERATED FILE — do not edit. Rerun: php artisan rtl:build
 * --------------------------------------------------------------- */

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

/* Urdu reads better with a little more line height */
[dir="rtl"] body, [dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] td, [dir="rtl"] th { line-height: 1.9; }

/* Numbers, codes, prices and e-mail stay left-to-right inside RTL text */
[dir="rtl"] .ltr, [dir="rtl"] .ltr-nums, [dir="rtl"] code,
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"], [dir="rtl"] input[type="number"],
[dir="rtl"] input[type="date"], [dir="rtl"] input[type="time"],
[dir="rtl"] .font-mono {
    direction: ltr; unicode-bidi: isolate; text-align: inherit;
}

/* Form controls and lists */
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; }
[dir="rtl"] ul, [dir="rtl"] ol { padding-right: 1.25rem; padding-left: 0; }

/* Horizontal spacing utilities mirror themselves */
[dir="rtl"] .space-x-1 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-1\.5 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]),
[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* Arrows and chevrons point the other way */
[dir="rtl"] .fa-arrow-right, [dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-chevron-right, [dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-angle-right, [dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-arrow-right-from-bracket, [dir="rtl"] .fa-arrow-up-right-from-square,
[dir="rtl"] .fa-forward {
    transform: scaleX(-1);
}

/* Tables */
[dir="rtl"] table th, [dir="rtl"] table td { text-align: right; }

/* The draggable WhatsApp button is positioned in JS; keep it put */
[dir="rtl"] .dch-whatsapp-button { direction: ltr; }

/* ---- generated utility flips (42 rules) ---- */

[dir="rtl"] .-ml-8 { margin-left: 0; margin-right: -2rem; }
[dir="rtl"] .border-l-4 { border-left-width: 0; border-right-width: 4px; }
[dir="rtl"] .left-0 { left: auto; right: 0px; }
[dir="rtl"] .left-3 { left: auto; right: 0.75rem; }
[dir="rtl"] .left-4 { left: auto; right: 1rem; }
[dir="rtl"] .ml-0\.5 { margin-left: 0; margin-right: 0.125rem; }
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-11 { margin-left: 0; margin-right: 2.75rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-5 { margin-left: 0; margin-right: 1.25rem; }
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-1\.5 { margin-right: 0; margin-left: 0.375rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .pl-10 { padding-left: 0; padding-right: 2.5rem; }
[dir="rtl"] .pl-11 { padding-left: 0; padding-right: 2.75rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .pl-9 { padding-left: 0; padding-right: 2.25rem; }
[dir="rtl"] .pr-10 { padding-right: 0; padding-left: 2.5rem; }
[dir="rtl"] .pr-16 { padding-right: 0; padding-left: 4rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .right-0 { right: auto; left: 0px; }
[dir="rtl"] .right-3 { right: auto; left: 0.75rem; }
[dir="rtl"] .right-5 { right: auto; left: 1.25rem; }
[dir="rtl"] .rounded-r-xl { border-radius: 0.75rem 0 0 0.75rem; }
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .text-right { text-align: left; }

@media (min-width: 640px) {
    [dir="rtl"] .sm\:left-auto { left: auto; right: auto; }
    [dir="rtl"] .sm\:ml-0 { margin-left: 0; margin-right: 0px; }
    [dir="rtl"] .sm\:ml-1 { margin-left: 0; margin-right: 0.25rem; }
    [dir="rtl"] .sm\:right-4 { right: auto; left: 1rem; }
    [dir="rtl"] .sm\:text-left { text-align: right; }
    [dir="rtl"] .sm\:text-right { text-align: left; }
}

@media (min-width: 768px) {
    [dir="rtl"] .md\:text-left { text-align: right; }
}

@media (min-width: 1024px) {
    [dir="rtl"] .lg\:-ml-px { margin-left: 0; margin-right: -1px; }
    [dir="rtl"] .lg\:ml-0 { margin-left: 0; margin-right: 0px; }
    [dir="rtl"] .lg\:rounded-r-lg { border-radius: 0.5rem 0 0 0.5rem; }
    [dir="rtl"] .lg\:text-right { text-align: left; }
}
