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

/* STEER ERP - Arabic / RTL layout for Odoo 16 */
html.steer-ar, body.steer-ar-body { direction: rtl; }
body.steer-ar-body { text-align: right; font-family: "Cairo", "Tajawal", "Noto Sans Arabic", "DM Sans", sans-serif; }
body.steer-ar-body .nav-inner { direction: rtl; }
body.steer-ar-body .nav-logo { background-position: right center; }
body.steer-ar-body .nav-links { direction: rtl; }
body.steer-ar-body .nav-cta, body.steer-ar-body .nav-hamburger { direction: rtl; }
body.steer-ar-body .hero-inner, body.steer-ar-body .section-inner, body.steer-ar-body .footer-inner { direction: rtl; }
body.steer-ar-body .hero-content, body.steer-ar-body .section-sub, body.steer-ar-body .feature-desc { text-align: right; }
body.steer-ar-body .hero-actions, body.steer-ar-body .hero-trust { direction: rtl; justify-content: flex-start; }
body.steer-ar-body .btn-arrow { transform: rotate(180deg); }
body.steer-ar-body .mobile-menu { direction: rtl; text-align: right; }
body.steer-ar-body .mobile-menu a { text-align: right; }
body.steer-ar-body .industry-tabs, body.steer-ar-body .modules-grid, body.steer-ar-body .services-grid { direction: rtl; }
body.steer-ar-body .industry-content, body.steer-ar-body .service-content, body.steer-ar-body .contact-content { direction: rtl; text-align: right; }
body.steer-ar-body .footer-bottom, body.steer-ar-body .footer-grid { direction: rtl; }
body.steer-ar-body input, body.steer-ar-body textarea, body.steer-ar-body select { direction: rtl; text-align: right; }
body.steer-ar-body .steer-lang-switch { order: -1; }
body.steer-ar-body .steer-lang-switch a { direction: ltr; }
.steer-lang-switch { display:flex; align-items:center; margin:0 8px; position:relative; z-index:1002; }
.steer-lang-switch a { display:inline-flex; align-items:center; justify-content:center; min-width:70px; padding:7px 12px; border:1px solid rgba(0,188,180,.25); border-radius:999px; color:#007b76; background:#fff; font-size:.78rem; font-weight:600; transition:.2s ease; }
.steer-lang-switch a:hover { background:rgba(0,188,180,.08); color:#007b76; }
@media (max-width: 900px) { .steer-lang-switch { margin-left:auto; margin-right:8px; } }
.mobile-language-link { font-weight:700; color:#007b76 !important; }
body.steer-ar-body .mobile-language-link { direction:ltr; text-align:center !important; }