/* ============================================================
   LegaSea Maritime - RTL (Right-to-Left) Stylesheet
   Used for Arabic language pages
   Loaded AFTER style.css + Bootstrap RTL
   ============================================================ */

/* ---- Base Direction ---- */
html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* ---- Navbar RTL ---- */
html[dir="rtl"] .navbar-nav { margin-right: auto !important; margin-left: auto !important; }
html[dir="rtl"] .navbar-brand { margin-left: 1rem; margin-right: 0; }
html[dir="rtl"] .nav-cta,
html[dir="rtl"] .btn-get-quote { margin-right: auto; margin-left: 0; }
html[dir="rtl"] .lang-switcher { margin-right: 0.5rem; margin-left: 0; }
html[dir="rtl"] .dropdown-menu { text-align: right; }

/* ---- Hero RTL ---- */
html[dir="rtl"] .hero-title,
html[dir="rtl"] .hero-subtitle { text-align: right; }
html[dir="rtl"] .hero-section .d-flex { justify-content: flex-start; }

/* ---- Section Headers RTL ---- */
html[dir="rtl"] .section-label,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle { text-align: center; }

/* ---- Contact Bar RTL ---- */
html[dir="rtl"] .contact-bar-item { flex-direction: row-reverse; }
html[dir="rtl"] .contact-bar-item > div { text-align: right; }
html[dir="rtl"] .contact-bar-icon { margin-left: 1rem; margin-right: 0; }

/* ---- Service Cards RTL ---- */
html[dir="rtl"] .service-card { text-align: right; }
html[dir="rtl"] .service-card-link i { transform: scaleX(-1); }

/* ---- About Section RTL ---- */
html[dir="rtl"] .about-highlight-item i { margin-left: 0.75rem; margin-right: 0; }
html[dir="rtl"] .about-experience-badge { left: auto; right: -20px; }

/* ---- Differentiator Cards RTL ---- */
html[dir="rtl"] .diff-card { text-align: right; }
html[dir="rtl"] .diff-number { left: auto; right: 1.5rem; }
html[dir="rtl"] .diff-card-content { padding-right: 0; padding-left: 0; }

/* ---- CTA Section RTL ---- */
html[dir="rtl"] .cta-section { text-align: center; }

/* ---- Footer RTL ---- */
html[dir="rtl"] .footer { text-align: right; }
html[dir="rtl"] .footer-social { justify-content: flex-start; }
html[dir="rtl"] .footer-contact-item i { margin-left: 0.75rem; margin-right: 0; }
html[dir="rtl"] .footer-bottom { text-align: center; }

/* ---- Breadcrumb RTL ---- */
html[dir="rtl"] .breadcrumb { direction: rtl; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { float: right; padding-left: var(--bs-breadcrumb-item-padding-x); padding-right: 0; }

/* ---- Page Header RTL ---- */
html[dir="rtl"] .page-header { text-align: center; }

/* ---- Service Detail RTL ---- */
html[dir="rtl"] .service-detail-list li i { margin-left: 0.75rem; margin-right: 0; }
html[dir="rtl"] .service-sidebar { order: -1; }

/* ---- Solution Pages RTL ---- */
html[dir="rtl"] .challenge-card,
html[dir="rtl"] .solution-service-card { text-align: right; }
html[dir="rtl"] .challenge-card-icon { margin-left: 1rem; margin-right: 0; }

/* ---- Blog RTL ---- */
html[dir="rtl"] .blog-filter-bar { direction: rtl; }
html[dir="rtl"] .article-content { text-align: right; }
html[dir="rtl"] .article-content blockquote { border-right: 4px solid var(--navy); border-left: none; padding-right: 1.5rem; padding-left: 0; }

/* ---- Contact Page RTL ---- */
html[dir="rtl"] .contact-info-icon { margin-left: 1rem; margin-right: 0; }
html[dir="rtl"] .contact-form-card { text-align: right; }

/* ---- Framework / Compliance RTL ---- */
html[dir="rtl"] .framework-card { text-align: right; }

/* ---- Partner Cards RTL ---- */
html[dir="rtl"] .partner-card { text-align: right; }

/* ---- WhatsApp Float RTL ---- */
html[dir="rtl"] .whatsapp-float { right: auto; left: 2rem; }
html[dir="rtl"] .back-to-top { right: auto; left: 2rem; }

/* ---- General Icon Flip for Directional Icons ---- */
html[dir="rtl"] .fa-arrow-right { transform: scaleX(-1); }
html[dir="rtl"] .fa-chevron-right { transform: scaleX(-1); }
html[dir="rtl"] .fa-arrow-left { transform: scaleX(-1); }
html[dir="rtl"] .fa-chevron-left { transform: scaleX(-1); }

/* ---- Forms RTL ---- */
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select { text-align: right; }

/* ---- Stats Section RTL ---- */
html[dir="rtl"] .stat-item { text-align: center; }

/* ---- Team Section RTL ---- */
html[dir="rtl"] .team-card { text-align: center; }

/* ---- Font Adjustments for Arabic ---- */
html[lang="ar"] body {
  font-family: 'Inter', 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  line-height: 1.8;
}
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3,
html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6 {
  line-height: 1.5;
}

/* ---- Utility ---- */
html[dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; }
html[dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; }
html[dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; }
html[dir="rtl"] .ms-1 { margin-left: 0 !important; margin-right: 0.25rem !important; }
html[dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; }
html[dir="rtl"] .ms-3 { margin-left: 0 !important; margin-right: 1rem !important; }
html[dir="rtl"] .pe-3 { padding-right: 0 !important; padding-left: 1rem !important; }
html[dir="rtl"] .ps-3 { padding-left: 0 !important; padding-right: 1rem !important; }
html[dir="rtl"] .text-start { text-align: right !important; }
html[dir="rtl"] .text-end { text-align: left !important; }