/* ========================================
   RTL (Right-to-Left) Support Styles
   For Arabic and other RTL languages
   ======================================== */

/* Basic RTL rules */
[dir="rtl"] {
    text-align: right;
}

/* ========================================
   Images - prevent mirroring
   ======================================== */
[dir="rtl"] img,
[dir="rtl"] picture,
[dir="rtl"] .hero-image,
[dir="rtl"] .logo-img,
[dir="rtl"] .card-image,
[dir="rtl"] .platform-image,
[dir="rtl"] .platform-screenshot,
[dir="rtl"] .platform-preview,
[dir="rtl"] .platform-preview img {
    direction: ltr;
    transform: none !important;
}

/* SVG icons - do not flip */
[dir="rtl"] svg {
    transform: none;
}

/* Exception: direction arrows should be mirrored */
[dir="rtl"] .icon-arrow-left,
[dir="rtl"] .icon-arrow-right,
[dir="rtl"] .nav-arrow,
[dir="rtl"] .chevron {
    transform: scaleX(-1);
}

/* ========================================
   Phone numbers - keep LTR
   ======================================== */
[dir="rtl"] [href^="tel:"],
[dir="rtl"] .phone-number,
[dir="rtl"] .contact-phone {
    direction: ltr;
    unicode-bidi: embed;
    text-align: left;
    display: inline-block;
}

/* Phone numbers on contact page */
[dir="rtl"] .contact-card-content [data-i18n*="phone.ukNumber"],
[dir="rtl"] .contact-card-content [data-i18n*="phone.internationalNumber"],
[dir="rtl"] .contact-card-content [data-i18n*="phoneNumber"],
[dir="rtl"] [data-i18n="contact.support.callUs.phoneNumber"] {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

/* ========================================
   Email addresses - keep LTR
   ======================================== */
[dir="rtl"] [href^="mailto:"],
[dir="rtl"] .email-address,
[dir="rtl"] .contact-email {
    direction: ltr;
    unicode-bidi: embed;
    text-align: left;
    display: inline-block;
}

/* ========================================
   Numbers and statistics - keep LTR
   ======================================== */
[dir="rtl"] .stat-value,
[dir="rtl"] .price,
[dir="rtl"] .number,
[dir="rtl"] [data-number],
[dir="rtl"] .percentage {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

/* Forms - fields with numbers and email */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[type="url"] {
    direction: ltr;
    text-align: left;
}

/* ========================================
   Hero section - positioning for RTL
   ======================================== */
[dir="rtl"] .hero-image-wrapper {
    margin-left: 0;
    margin-right: 5%;
    justify-content: flex-start;
}

[dir="rtl"] .hero-image {
    transform: translateX(-1%) !important;
}