/* RTL Stylesheet for Advisors360 Arabic CMS - Layout Preserving */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* Force Cairo font globally on Arabic page */
body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea, label {
    font-family: 'Cairo', 'Mulish', sans-serif !important;
}

/* 1. FORCE LTR LAYOUT STRUCTURE (Do not mirror columns, flex directions, margins, floats, grids, or media) */
html, body, main, section, .row, .col, .container, header, footer, nav, [class*="col-"] {
    direction: ltr !important;
}

/* Keep images, videos, iframes, SVGs, icons, cards, and other media in LTR */
img, video, iframe, svg, i, figure, picture, .float, .social-media, .social-media-links, .quotation-mark, .milestones-sec-info {
    direction: ltr !important;
}

/* 2. APPLY RTL & ISOLATION TO TEXT-BASED ELEMENTS ONLY (No global text-align changes) */
h1, h2, h3, h4, h5, h6, p, li, button, label, input, textarea, .text-element {
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

/* Natural right-alignment for body paragraphs/descriptions that contain Arabic content */
p {
    text-align: right;
}

/* CTA / connection sections must stay centered (overrides global p rule above) */
.connection-sec p,
.connection-sec .connection-sec-para {
    text-align: center !important;
}

/* Clients / internal services intro text must be white on dark background */
.internal-services-sec-para {
    color: #ffffff !important;
}


/* Navigation items alignment */
header .navbar-expand-lg .navbar-nav .nav-link {
    text-align: right !important;
}

/* Dropdown arrow always on the RIGHT side of text */
header .navbar-nav .dropdown-toggle {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 5px !important;
}
header .navbar-nav .dropdown-toggle::after {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Accordion collapse icon alignment in RTL Bootstrap */
.accordion-button::after {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Breadcrumb dividers formatting */
.breadcrumb-item + .breadcrumb-item::before {
    content: "|" !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* Custom inline container to prevent wrapping inside English text blocks */
span[dir="ltr"] {
    direction: ltr !important;
    unicode-bidi: embed !important;
    display: inline-block !important;
}

bdi {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}