/**
 * RTL (Right-to-Left) Stylesheet for Arabic
 * Niche Society Website
 * 
 * Typography Guidelines:
 * Arabic Typeface: ElMessiri Family
 * 
 * CRITICAL: This file MUST override all font-family rules from style.css
 * to ensure ElMessiri is applied to ALL Arabic text without fail.
 */

/* Scrollbar on the right in RTL (html LTR = scrollbar right, body RTL = content RTL) */
html[dir="rtl"],
html[lang="ar"] {
    direction: ltr;
}

html[dir="rtl"] body,
html[lang="ar"] body {
    direction: rtl;
}

/* ========================================
   UNIVERSAL ARABIC FONT - HIGHEST PRIORITY
   Apply ElMessiri to EVERYTHING in RTL pages
   CRITICAL: Use ONLY ElMessiri for Arabic text (no fallback fonts)
   This ensures the exact font shown in typography guidelines with circular dots
======================================== */

/* Universal rule for ALL elements when Arabic - Exclude Bootstrap Icons and explicit English */
/* CRITICAL: Use ONLY ElMessiri for every Arabic word and number (local font: assets/fonts/ElMessiri-VariableFont_wght.ttf) */
html[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr),
html[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::before,
html[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::after,
html[lang="ar"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr),
html[lang="ar"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::before,
html[lang="ar"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::after,
[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr),
[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::before,
[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::after,
body[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr),
body[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::before,
body[dir="rtl"] *:not(.bi):not([class*="bi-"]):not(i.bi):not(i[class*="bi-"]):not(.en):not(.phone-number-ltr)::after {
    font-family: 'ElMessiri', sans-serif !important;
    /* Prevent Arabic word breaking project-wide: letter-spacing breaks cursive joining */
    letter-spacing: 0 !important;
}

/* Exceptions: keep explicit English content and phone numbers in Arimo */
[dir="rtl"] :lang(en),
[dir="rtl"] .en {
    font-family: 'Arimo', sans-serif !important;
}

[dir="rtl"] .phone-number-ltr {
    font-family: 'Arimo', sans-serif !important;
    direction: ltr !important;
}

/* ========================================
   SPECIFIC ELEMENT TARGETING
   Ensure all text elements use ElMessiri
======================================== */

/* All HTML elements */
html[dir="rtl"] body:not(.en):not(.phone-number-ltr),
html[dir="rtl"] p:not(.en):not(.phone-number-ltr),
html[dir="rtl"] span:not(.en):not(.phone-number-ltr),
html[dir="rtl"] div:not(.en):not(.phone-number-ltr),
html[dir="rtl"] a:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h1:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h2:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h3:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h4:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h5:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h6:not(.en):not(.phone-number-ltr),
html[dir="rtl"] li:not(.en):not(.phone-number-ltr),
html[dir="rtl"] ul:not(.en):not(.phone-number-ltr),
html[dir="rtl"] ol:not(.en):not(.phone-number-ltr),
html[dir="rtl"] td:not(.en):not(.phone-number-ltr),
html[dir="rtl"] th:not(.en):not(.phone-number-ltr),
html[dir="rtl"] input:not(.en):not(.phone-number-ltr),
html[dir="rtl"] textarea:not(.en):not(.phone-number-ltr),
html[dir="rtl"] select:not(.en):not(.phone-number-ltr),
html[dir="rtl"] button:not(.en):not(.phone-number-ltr),
html[dir="rtl"] label:not(.en):not(.phone-number-ltr),
html[dir="rtl"] small:not(.en):not(.phone-number-ltr),
html[dir="rtl"] strong:not(.en):not(.phone-number-ltr),
html[dir="rtl"] em:not(.en):not(.phone-number-ltr),
html[dir="rtl"] b:not(.en):not(.phone-number-ltr),
html[dir="rtl"] i:not(.bi):not([class*="bi-"]):not(.en):not(.phone-number-ltr),
html[dir="rtl"] blockquote:not(.en):not(.phone-number-ltr),
html[dir="rtl"] cite:not(.en):not(.phone-number-ltr),
html[dir="rtl"] code:not(.en):not(.phone-number-ltr),
html[dir="rtl"] pre:not(.en):not(.phone-number-ltr),
[dir="rtl"] body:not(.en):not(.phone-number-ltr),
[dir="rtl"] p:not(.en):not(.phone-number-ltr),
[dir="rtl"] span:not(.en):not(.phone-number-ltr),
[dir="rtl"] div:not(.en):not(.phone-number-ltr),
[dir="rtl"] a:not(.en):not(.phone-number-ltr),
[dir="rtl"] h1:not(.en):not(.phone-number-ltr),
[dir="rtl"] h2:not(.en):not(.phone-number-ltr),
[dir="rtl"] h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] h5:not(.en):not(.phone-number-ltr),
[dir="rtl"] h6:not(.en):not(.phone-number-ltr),
[dir="rtl"] li:not(.en):not(.phone-number-ltr),
[dir="rtl"] ul:not(.en):not(.phone-number-ltr),
[dir="rtl"] ol:not(.en):not(.phone-number-ltr),
[dir="rtl"] td:not(.en):not(.phone-number-ltr),
[dir="rtl"] th:not(.en):not(.phone-number-ltr),
[dir="rtl"] input:not(.en):not(.phone-number-ltr),
[dir="rtl"] textarea:not(.en):not(.phone-number-ltr),
[dir="rtl"] select:not(.en):not(.phone-number-ltr),
[dir="rtl"] button:not(.en):not(.phone-number-ltr),
[dir="rtl"] label:not(.en):not(.phone-number-ltr),
[dir="rtl"] small:not(.en):not(.phone-number-ltr),
[dir="rtl"] strong:not(.en):not(.phone-number-ltr),
[dir="rtl"] em:not(.en):not(.phone-number-ltr),
[dir="rtl"] b:not(.en):not(.phone-number-ltr),
[dir="rtl"] i:not(.bi):not([class*="bi-"]):not(.en):not(.phone-number-ltr),
[dir="rtl"] blockquote:not(.en):not(.phone-number-ltr),
[dir="rtl"] cite:not(.en):not(.phone-number-ltr),
[dir="rtl"] code:not(.en):not(.phone-number-ltr),
[dir="rtl"] pre:not(.en):not(.phone-number-ltr) {
    font-family: 'ElMessiri', sans-serif !important;
}

/* ========================================
   HEADINGS - ElMessiri with Regular Weight
======================================== */

/* All heading elements and heading classes - ONLY ElMessiri for Arabic */
html[dir="rtl"] h1:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h2:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h3:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h4:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h5:not(.en):not(.phone-number-ltr),
html[dir="rtl"] h6:not(.en):not(.phone-number-ltr),
[dir="rtl"] h1:not(.en):not(.phone-number-ltr),
[dir="rtl"] h2:not(.en):not(.phone-number-ltr),
[dir="rtl"] h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] h5:not(.en):not(.phone-number-ltr),
[dir="rtl"] h6:not(.en):not(.phone-number-ltr),
[dir="rtl"] .section-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .hero-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .hero-main-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .title-line-1:not(.en):not(.phone-number-ltr),
[dir="rtl"] .title-line-2:not(.en):not(.phone-number-ltr),
[dir="rtl"] .text-gold:not(.en):not(.phone-number-ltr),
[dir="rtl"] .text-cream:not(.en):not(.phone-number-ltr),
[dir="rtl"] .page-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .card-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .lead-text:not(.en):not(.phone-number-ltr),
[dir="rtl"] .feature-box h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] .feature-card h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] .feature-card h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] .approach-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .advantage-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .philosophy-card-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .about-mvv-card h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] .value-card h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] .mission-vision-card h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] .differentiator-card h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] .clientele-card h4:not(.en):not(.phone-number-ltr),
[dir="rtl"] .why-card h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] .why-choose-card h3:not(.en):not(.phone-number-ltr),
[dir="rtl"] .team-text h2:not(.en):not(.phone-number-ltr),
[dir="rtl"] .cta-content h2:not(.en):not(.phone-number-ltr),
[dir="rtl"] .contact-hero-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .contact-hero-subtitle:not(.en):not(.phone-number-ltr),
[dir="rtl"] .form-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .form-subtitle:not(.en):not(.phone-number-ltr),
[dir="rtl"] .services-title-elegant:not(.en):not(.phone-number-ltr),
[dir="rtl"] .service-title-elegant:not(.en):not(.phone-number-ltr),
[dir="rtl"] .philosophy-main-title:not(.en):not(.phone-number-ltr),
[dir="rtl"] .philosophy-subtitle:not(.en):not(.phone-number-ltr) {
    font-family: 'ElMessiri', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* ========================================
   CRITICAL: Preserve Bootstrap Icons
   Icons MUST use Bootstrap Icons font
   HIGHEST PRIORITY - Must override everything
======================================== */

/* Highest specificity for Bootstrap Icons - Must override ElMessiri and universal rules */
html[dir="rtl"] i.bi,
html[dir="rtl"] i[class*="bi-"],
html[dir="rtl"] .bi,
html[dir="rtl"] [class*="bi-"],
html[dir="rtl"] i[class^="bi-"],
html[dir="rtl"] [class^="bi-"],
[dir="rtl"] i.bi,
[dir="rtl"] i[class*="bi-"],
[dir="rtl"] .bi,
[dir="rtl"] [class*="bi-"],
[dir="rtl"] i[class^="bi-"],
[dir="rtl"] [class^="bi-"],
body[dir="rtl"] i.bi,
body[dir="rtl"] i[class*="bi-"],
body[dir="rtl"] .bi,
body[dir="rtl"] [class*="bi-"],
body[dir="rtl"] i[class^="bi-"],
body[dir="rtl"] [class^="bi-"],
html[dir="rtl"] .social-icon i,
html[dir="rtl"] .social-icon i.bi,
html[dir="rtl"] .social-icon i[class*="bi-"],
html[dir="rtl"] .social-icon i[class^="bi-"],
[dir="rtl"] .social-icon i,
[dir="rtl"] .social-icon i.bi,
[dir="rtl"] .social-icon i[class*="bi-"],
[dir="rtl"] .social-icon i[class^="bi-"],
html[dir="rtl"] .footer-social-link i,
html[dir="rtl"] .footer-social-link i.bi,
html[dir="rtl"] .footer-social-link i[class*="bi-"],
html[dir="rtl"] .footer-social-link i[class^="bi-"],
[dir="rtl"] .footer-social-link i,
[dir="rtl"] .footer-social-link i.bi,
[dir="rtl"] .footer-social-link i[class*="bi-"],
[dir="rtl"] .footer-social-link i[class^="bi-"],
html[dir="rtl"] .footer-contact-item i,
html[dir="rtl"] .footer-contact-item i.bi,
html[dir="rtl"] .footer-contact-item i[class*="bi-"],
html[dir="rtl"] .footer-contact-item i[class^="bi-"],
[dir="rtl"] .footer-contact-item i,
[dir="rtl"] .footer-contact-item i.bi,
[dir="rtl"] .footer-contact-item i[class*="bi-"],
[dir="rtl"] .footer-contact-item i[class^="bi-"],
html[dir="rtl"] a i.bi,
html[dir="rtl"] a i[class*="bi-"],
html[dir="rtl"] a i[class^="bi-"],
html[dir="rtl"] a[class*="bi-"] i,
html[dir="rtl"] a[class^="bi-"] i,
[dir="rtl"] a i.bi,
[dir="rtl"] a i[class*="bi-"],
[dir="rtl"] a i[class^="bi-"],
[dir="rtl"] a[class*="bi-"] i,
[dir="rtl"] a[class^="bi-"] i,
html[dir="rtl"] button i.bi,
html[dir="rtl"] button i[class*="bi-"],
html[dir="rtl"] button i[class^="bi-"],
[dir="rtl"] button i.bi,
[dir="rtl"] button i[class*="bi-"],
[dir="rtl"] button i[class^="bi-"],
html[dir="rtl"] .btn i.bi,
html[dir="rtl"] .btn i[class*="bi-"],
html[dir="rtl"] .btn i[class^="bi-"],
[dir="rtl"] .btn i.bi,
[dir="rtl"] .btn i[class*="bi-"],
[dir="rtl"] .btn i[class^="bi-"],
html[dir="rtl"] .contact-icon i,
html[dir="rtl"] .contact-icon i.bi,
html[dir="rtl"] .contact-icon i[class*="bi-"],
html[dir="rtl"] .contact-icon i[class^="bi-"],
[dir="rtl"] .contact-icon i,
[dir="rtl"] .contact-icon i.bi,
[dir="rtl"] .contact-icon i[class*="bi-"],
[dir="rtl"] .contact-icon i[class^="bi-"],
html[dir="rtl"] .feature-icon i,
html[dir="rtl"] .feature-icon i.bi,
html[dir="rtl"] .feature-icon i[class*="bi-"],
html[dir="rtl"] .feature-icon i[class^="bi-"],
[dir="rtl"] .feature-icon i,
[dir="rtl"] .feature-icon i.bi,
[dir="rtl"] .feature-icon i[class*="bi-"],
[dir="rtl"] .feature-icon i[class^="bi-"],
html[dir="rtl"] .icon-box i,
html[dir="rtl"] .icon-box i.bi,
html[dir="rtl"] .icon-box i[class*="bi-"],
html[dir="rtl"] .icon-box i[class^="bi-"],
[dir="rtl"] .icon-box i,
[dir="rtl"] .icon-box i.bi,
[dir="rtl"] .icon-box i[class*="bi-"],
[dir="rtl"] .icon-box i[class^="bi-"],
html[dir="rtl"] .top-bar i.bi,
html[dir="rtl"] .top-bar i[class*="bi-"],
html[dir="rtl"] .top-bar i[class^="bi-"],
[dir="rtl"] .top-bar i.bi,
[dir="rtl"] .top-bar i[class*="bi-"],
[dir="rtl"] .top-bar i[class^="bi-"],
html[dir="rtl"] .top-bar .social-icon i,
html[dir="rtl"] .top-bar .social-icon i.bi,
html[dir="rtl"] .top-bar .social-icon i[class*="bi-"],
[dir="rtl"] .top-bar .social-icon i,
[dir="rtl"] .top-bar .social-icon i.bi,
[dir="rtl"] .top-bar .social-icon i[class*="bi-"] {
    font-family: "bootstrap-icons", "Bootstrap Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    word-wrap: normal !important;
    white-space: nowrap !important;
    direction: ltr !important;
    speak: none !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* ========================================
   ARABIC TEXT - PREVENT BROKEN / DISCONNECTED WORDS
   letter-spacing and text-transform break Arabic cursive joining.
   Keep words (e.g. خدماتنا) on one line and connected.
======================================== */

/* Services badge and similar: no letter-spacing, no uppercase, keep word together */
[dir="rtl"] .services-badge-elegant,
html[lang="ar"] .services-badge-elegant {
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

/* Nav and footer links with Arabic: keep words together */
[dir="rtl"] .nav-link-enhanced,
[dir="rtl"] .navbar-nav .nav-link,
html[lang="ar"] .nav-link-enhanced,
html[lang="ar"] .navbar-nav .nav-link {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Section badges in Arabic */
[dir="rtl"] .section-badge,
[dir="rtl"] .philosophy-badge,
[dir="rtl"] .service-badge-header,
html[lang="ar"] .section-badge,
html[lang="ar"] .philosophy-badge,
html[lang="ar"] .service-badge-header {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Service detail FAQ - RTL text align */
[dir="rtl"] .faq-question,
html[lang="ar"] .faq-question {
    text-align: right;
}

/* Contact privacy checkbox - Arabic: letter-spacing and clear gap from text */
[dir="rtl"] .form-check-privacy .form-check-label,
html[lang="ar"] .form-check-privacy .form-check-label {
    letter-spacing: 0 !important;
    margin-inline-start: 1rem; /* extra space between checkbox and first word */
}

[dir="rtl"] .form-check-privacy,
html[lang="ar"] .form-check-privacy {
    gap: 1.75rem; /* clear space between checkbox and label for visibility */
}

/* ========================================
   RTL LAYOUT ADJUSTMENTS
======================================== */

[dir="rtl"] body {
    text-align: right;
    direction: rtl;
}

/* Navigation */
[dir="rtl"] .navbar-nav {
    margin-right: auto;
    margin-left: unset;
}

[dir="rtl"] .nav-link {
    padding-right: 18px;
    padding-left: 18px;
}

[dir="rtl"] .dropdown-menu {
    text-align: right;
}

[dir="rtl"] .dropdown-item:hover {
    padding-right: 25px;
    padding-left: 20px;
}

/* Footer */
[dir="rtl"] .footer-contact i {
    margin-right: unset;
    margin-left: 10px;
}

[dir="rtl"] .footer-links a:hover {
    padding-right: 5px;
    padding-left: unset;
}

/* Social Links */
[dir="rtl"] .social-links a {
    margin-right: unset;
    margin-left: 8px;
}

[dir="rtl"] .social-links a:first-child {
    margin-left: 0;
}

/* Back to Top */
[dir="rtl"] .back-to-top {
    right: unset;
    left: 30px;
}

/* Buttons */
[dir="rtl"] .btn i {
    margin-right: unset;
    margin-left: 8px;
}

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Forms */
[dir="rtl"] .form-label {
    text-align: right;
}

[dir="rtl"] .form-control {
    text-align: right;
}

/* Contact form select - arrow on left in RTL */
[dir="rtl"] select.form-control,
html[lang="ar"] select.form-control {
    background-position: left 1rem center;
    padding-right: 1rem;
    padding-left: 3rem;
}

/* Card Spacing */
[dir="rtl"] .card-body {
    text-align: right;
}

/* Margins and Paddings RTL Swap */
[dir="rtl"] .ms-1 { margin-left: unset !important; margin-right: 0.25rem !important; }
[dir="rtl"] .ms-2 { margin-left: unset !important; margin-right: 0.5rem !important; }
[dir="rtl"] .ms-3 { margin-left: unset !important; margin-right: 1rem !important; }
[dir="rtl"] .ms-4 { margin-left: unset !important; margin-right: 1.5rem !important; }
[dir="rtl"] .ms-5 { margin-left: unset !important; margin-right: 3rem !important; }

[dir="rtl"] .me-1 { margin-right: unset !important; margin-left: 0.25rem !important; }
[dir="rtl"] .me-2 { margin-right: unset !important; margin-left: 0.5rem !important; }
[dir="rtl"] .me-3 { margin-right: unset !important; margin-left: 1rem !important; }
[dir="rtl"] .me-4 { margin-right: unset !important; margin-left: 1.5rem !important; }
[dir="rtl"] .me-5 { margin-right: unset !important; margin-left: 3rem !important; }

[dir="rtl"] .ps-1 { padding-left: unset !important; padding-right: 0.25rem !important; }
[dir="rtl"] .ps-2 { padding-left: unset !important; padding-right: 0.5rem !important; }
[dir="rtl"] .ps-3 { padding-left: unset !important; padding-right: 1rem !important; }
[dir="rtl"] .ps-4 { padding-left: unset !important; padding-right: 1.5rem !important; }
[dir="rtl"] .ps-5 { padding-left: unset !important; padding-right: 3rem !important; }

[dir="rtl"] .pe-1 { padding-right: unset !important; padding-left: 0.25rem !important; }
[dir="rtl"] .pe-2 { padding-right: unset !important; padding-left: 0.5rem !important; }
[dir="rtl"] .pe-3 { padding-right: unset !important; padding-left: 1rem !important; }
[dir="rtl"] .pe-4 { padding-right: unset !important; padding-left: 1.5rem !important; }
[dir="rtl"] .pe-5 { padding-right: unset !important; padding-left: 3rem !important; }

/* Text Alignment */
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }

/* Float */
[dir="rtl"] .float-start { float: right !important; }
[dir="rtl"] .float-end { float: left !important; }

/* Border Radius RTL */
[dir="rtl"] .rounded-start {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}

[dir="rtl"] .rounded-end {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
    border-top-left-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* Arabic Font Adjustments */
[dir="rtl"] h1 { font-size: 2.8rem; }
[dir="rtl"] h2 { font-size: 2.3rem; }
[dir="rtl"] h3 { font-size: 1.9rem; }
[dir="rtl"] h4 { font-size: 1.5rem; }
[dir="rtl"] h5 { font-size: 1.25rem; }
[dir="rtl"] h6 { font-size: 1rem; }

[dir="rtl"] body {
    line-height: 1.9;
}

[dir="rtl"] p {
    line-height: 2;
}

/* ISO Banner */
[dir="rtl"] .iso-highlight::before {
    right: 0;
    left: 50%;
    transform: translateX(50%);
}

[dir="rtl"] .iso-highlight::after {
    left: 0;
    right: auto;
}

/* Team Section */
[dir="rtl"] .team-image::before {
    right: 20px;
    left: -20px;
}

@media (max-width: 767px) {
    [dir="rtl"] .team-image::before {
        right: 10px;
        left: -10px;
    }
}

/* Buttons */
[dir="rtl"] .btn-primary svg,
[dir="rtl"] .btn-secondary svg {
    transform: scaleX(-1);
}

[dir="rtl"] .cta-actions {
    direction: rtl;
}

/* ========================================
   RTL RESPONSIVE DESIGN
   Comprehensive responsive styles for Arabic pages
   ======================================== */

/* Mobile (0-767px) */
@media (max-width: 767.98px) {
    [dir="rtl"] h1 {
        font-size: 2rem !important;
    }
    
    [dir="rtl"] h2 {
        font-size: 1.75rem !important;
    }
    
    [dir="rtl"] h3 {
        font-size: 1.5rem !important;
    }
    
    [dir="rtl"] h4 {
        font-size: 1.25rem !important;
    }
    
    [dir="rtl"] body {
        line-height: 1.7 !important;
    }
    
    [dir="rtl"] p {
        line-height: 1.8 !important;
    }
    
    /* Navigation adjustments */
    [dir="rtl"] .navbar-nav {
        text-align: right !important;
    }
    
    [dir="rtl"] .nav-link {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    
    /* Forms */
    [dir="rtl"] .form-control {
        text-align: right !important;
        padding-right: 15px !important;
    }
    
    [dir="rtl"] .form-label {
        text-align: right !important;
    }
    
    /* Cards */
    [dir="rtl"] .card-body {
        text-align: right !important;
        padding: 15px !important;
    }
    
    /* Footer - center on mobile like English (single column layout) */
    [dir="rtl"] .footer-corporate .row > [class*="col-"],
    html[lang="ar"] .footer-corporate .row > [class*="col-"] {
        text-align: center !important;
    }
    [dir="rtl"] .footer-corporate .footer-description,
    [dir="rtl"] .footer-corporate .footer-heading,
    [dir="rtl"] .footer-corporate .footer-links-list,
    [dir="rtl"] .footer-corporate .footer-contact-list,
    [dir="rtl"] .footer-corporate .footer-contact-item,
    [dir="rtl"] .footer-corporate .footer-social-links,
    html[lang="ar"] .footer-corporate .footer-description,
    html[lang="ar"] .footer-corporate .footer-heading,
    html[lang="ar"] .footer-corporate .footer-links-list,
    html[lang="ar"] .footer-corporate .footer-contact-list,
    html[lang="ar"] .footer-corporate .footer-contact-item,
    html[lang="ar"] .footer-corporate .footer-social-links {
        text-align: center !important;
    }
    [dir="rtl"] .footer-corporate .footer-contact-item,
    html[lang="ar"] .footer-corporate .footer-contact-item {
        justify-content: center !important;
    }
    [dir="rtl"] .footer-corporate .footer-links-list,
    html[lang="ar"] .footer-corporate .footer-links-list {
        display: block !important;
        text-align: center !important;
    }
    [dir="rtl"] .footer-corporate .footer-links-list li,
    html[lang="ar"] .footer-corporate .footer-links-list li {
        text-align: center !important;
    }
    [dir="rtl"] .footer-corporate .footer-bottom,
    [dir="rtl"] .footer-corporate .footer-copyright,
    [dir="rtl"] .footer-corporate .footer-legal-links,
    [dir="rtl"] .footer-corporate .footer-iso-badge,
    html[lang="ar"] .footer-corporate .footer-bottom,
    html[lang="ar"] .footer-corporate .footer-copyright,
    html[lang="ar"] .footer-corporate .footer-legal-links,
    html[lang="ar"] .footer-corporate .footer-iso-badge {
        text-align: center !important;
    }
    
    /* Buttons */
    [dir="rtl"] .btn {
        text-align: center !important;
    }
    
    [dir="rtl"] .btn i {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    [dir="rtl"] h1 {
        font-size: 2.5rem !important;
    }
    
    [dir="rtl"] h2 {
        font-size: 2rem !important;
    }
    
    [dir="rtl"] h3 {
        font-size: 1.75rem !important;
    }
}

/* Small Mobile (0-480px) */
@media (max-width: 480px) {
    [dir="rtl"] h1 {
        font-size: 1.75rem !important;
    }
    
    [dir="rtl"] h2 {
        font-size: 1.5rem !important;
    }
    
    [dir="rtl"] h3 {
        font-size: 1.25rem !important;
    }
    
    [dir="rtl"] .hero-main-title {
        font-size: 1.5rem !important;
    }
    
    [dir="rtl"] .title-line-1 {
        font-size: 1.5rem !important;
    }
    
    [dir="rtl"] .title-line-2 {
        font-size: 1.25rem !important;
    }
}