/*
 * English (ltr) overrides, loaded only on /en pages (see layouts/website.blade.php).
 *
 * style-ltr.css (generated from style.css with RTLCSS) already mirrors the main
 * stylesheet. This file fixes what the mirror can't: the inline <style> blocks of the
 * layout, and places where English text needs a different treatment than Arabic.
 * Every rule starts with html[dir="ltr"] so it wins over the inline page styles.
 */

/* ---------- stats counters: "950+" not "+950" (style.css reverses the row for rtl) ---------- */
html[dir="ltr"] .about-us .contain .numbers li .number {
    flex-direction: row;
}

html[dir="ltr"] body {
    direction: ltr;
}

/* ---------- contact form ---------- */
html[dir="ltr"] .contact-us .form-contain .form-group .form-control {
    text-align: left;
}

/* ---------- solution cards: English titles are longer, let them wrap instead of "..." ---------- */
html[dir="ltr"] .solution-contain .box h2,
html[dir="ltr"] .solution-contain .box h3,
html[dir="ltr"] .solution-contain .box p {
    white-space: normal;
}

/* ---------- floating buttons: WhatsApp goes right, back-to-top goes left ---------- */
html[dir="ltr"] .cbp-left-bottom {
    left: auto;
    right: 5%;
}
html[dir="ltr"] #cbp-top-button {
    right: auto;
    left: 5%;
}

/* ---------- metrics banner counters: "950+" not "+950" ---------- */
html[dir="ltr"] .metrics-banner .metrics-list li .number {
    flex-direction: row;
}

/* ---------- "forward" arrow icons point left in Arabic — mirror them ---------- */
html[dir="ltr"] img[src*="icons/arrow"] {
    transform: scaleX(-1);
}