/* ── RTL Support for Winch Theme ── */

/* Arabic Font */
[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', 'Work Sans', Helvetica, sans-serif;
}

/* ── General Direction Flips ── */

/* Flip flex row direction for lg breakpoint */
@media (min-width: 1024px) {
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
}

/* Flip margins: ml ↔ mr */
[dir="rtl"] .ml-4 {
    margin-left: 0;
    margin-right: 1rem;
}

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

/* Flip specific absolute positioning only where needed */
[dir="rtl"] .right-1 {
    right: auto;
    left: 0.25rem;
}

/* Note: left-1/2 + -translate-x-1/2 is for centering — do NOT flip */

/* Flip padding: pl ↔ pr */
[dir="rtl"] .pl-\[11px\] {
    padding-left: 0;
    padding-right: 11px;
}
[dir="rtl"] .pr-\[80px\] {
    padding-right: 0;
    padding-left: 80px;
}

/* ── Arrow Icons: flip horizontally ── */
[dir="rtl"] img[src*="right-white-arrow"],
[dir="rtl"] img[src*="right-black-arrow"],
[dir="rtl"] img[src*="right-arrow"] {
    transform: scaleX(-1);
}

/* Flip chevron/dropdown arrows in navbar */
[dir="rtl"] .rotate-180 {
    transform: rotate(0deg);
}

/* ── Navbar specific ── */
[dir="rtl"] #mobile-menu button {
    text-align: right;
}

/* ── Footer specific ── */
[dir="rtl"] .footer-accordion button {
    text-align: right;
}

/* Footer email input */
[dir="rtl"] .footer-accordion + .footer-accordion {
    direction: rtl;
}

/* ── Object position flips ── */
[dir="rtl"] .object-left {
    object-position: right;
}

/* ── Gradient direction flips ── */
[dir="rtl"] .bg-gradient-to-r {
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
[dir="rtl"] .bg-gradient-to-l {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

/* ── Scroll and overflow ── */
/* Note: don't override direction on overflow-x-auto globally, it breaks carousels */

/* ── Form elements ── */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
    text-align: right;
}

/* ── Space utilities flip ── */
[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* ── Service cards: flip icon & button position ── */
@media (min-width: 1024px) {
    [dir="rtl"] .service-card .lg\:left-\[19px\] {
        left: auto;
        right: 19px;
    }
}
[dir="rtl"] .service-card .left-6 {
    left: auto;
    right: 1.5rem;
}

/* ── Login page specific ── */
[dir="rtl"] .tracking-\[-1px\] {
    letter-spacing: 0;
}