/* ---------------------------------------------------------------
   Colorido Tours — RTL overrides (Arabic)
   Loaded only when LANGUAGES[lang]['dir'] === 'rtl', on top of
   bootstrap.rtl.min.css. Bootstrap already mirrors its own utilities,
   so this file only flips the directional rules in style.css.
   --------------------------------------------------------------- */

body {
    font-family: 'Noto Sans Arabic', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    text-align: right;
}

/* Headings keep the display font for Latin words (brand name, "DMC"),
   but Arabic glyphs need a face that actually covers the script. */
h1, h2, h3, h4, h5, h6,
.hero-title, .page-title, .section-title, .brand-word {
    font-family: 'Noto Sans Arabic', 'Playfair Display', Georgia, serif;
}

/* Inline icon spacing */
.brand-icon {
    margin-right: 0;
    margin-left: .35rem;
}

/* Bootstrap's me-2 / ms-2 are mirrored by bootstrap.rtl.css already,
   so only our own hard-coded margins need flipping. */
.footer-social a {
    margin-right: 0;
    margin-left: .5rem;
}

.footer-langs a {
    margin-left: 0;
    margin-right: .75rem;
}

/* Floating WhatsApp / email bubbles move to the left edge */
.whatsapp-float,
.email-float {
    right: auto;
    left: 1.4rem;
}

/* Breadcrumb separator points the other way */
.breadcrumb-item + .breadcrumb-item::before {
    transform: scaleX(-1);
    display: inline-block;
}

/* Latin-script runs (URLs, phone numbers, e-mail, the brand) stay LTR
   so they are not visually reversed inside Arabic sentences. */
.brand-word,
a[href^="tel:"],
a[href^="mailto:"],
.ltr {
    direction: ltr;
    unicode-bidi: embed;
}

/* Text blocks that are centred in LTR stay centred */
.text-center,
.hero,
.page-hero,
.cta-section {
    text-align: center;
}