/* * NTV_ARABIC_RUNTIME_RTL_R9 * * Restored from the historical NTV Arabic RTL implementation. * * Original trigger: * .ntv-home[dir="rtl"] * * Runtime trigger: * Arabic-language document context + NTV homepage wrapper * * This file is loaded raw and is not part of Odoo's * compiled web.assets_frontend RTL pipeline. */ /* ============================================== ARABIC ROOT ============================================== */ html[lang^="ar"] .ntv-home { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home h1, html[lang^="ar"] .ntv-home h2, html[lang^="ar"] .ntv-home h3, html[lang^="ar"] .ntv-home h4, html[lang^="ar"] .ntv-home h5, html[lang^="ar"] .ntv-home h6, html[lang^="ar"] .ntv-home p, html[lang^="ar"] .ntv-home label, html[lang^="ar"] .ntv-home strong, html[lang^="ar"] .ntv-home li { direction: rtl !important; text-align: right !important; } /* ============================================== HERO ============================================== */ html[lang^="ar"] .ntv-home .ntv-hero-content { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home .ntv-eyebrow { display: block !important; width: fit-content !important; direction: rtl !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; } html[lang^="ar"] .ntv-home .ntv-hero h1 { width: min(1050px, 100%) !important; max-width: 1050px !important; direction: rtl !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; font-size: clamp( 40px, 4.1vw, 64px ) !important; line-height: 1.25 !important; letter-spacing: 0 !important; } html[lang^="ar"] .ntv-home .ntv-hero-lead { width: min(1000px, 100%) !important; max-width: 1000px !important; direction: rtl !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; line-height: 1.9 !important; } /* HERO BUTTONS */ html[lang^="ar"] .ntv-home .ntv-hero .ntv-actions { direction: rtl !important; display: flex !important; flex-direction: row !important; justify-content: flex-start !important; width: fit-content !important; margin-left: auto !important; margin-right: 0 !important; } html[lang^="ar"] .ntv-home .ntv-hero .ntv-btn { text-align: center !important; } /* HERO PRESENCE */ html[lang^="ar"] .ntv-home .ntv-presence-strip { direction: rtl !important; width: min( 940px, 100% ) !important; max-width: 940px !important; margin-left: auto !important; margin-right: 0 !important; grid-template-columns: repeat(3, 1fr) !important; } html[lang^="ar"] .ntv-home .ntv-presence-strip > div { direction: rtl !important; text-align: right !important; padding-left: 32px !important; padding-right: 0 !important; } /* ============================================== SECTION HEADINGS ============================================== */ html[lang^="ar"] .ntv-home .ntv-section-heading { width: min( 800px, 100% ) !important; max-width: 800px !important; direction: rtl !important; text-align: right !important; margin-left: auto !important; margin-right: 0 !important; } html[lang^="ar"] .ntv-home .ntv-section-heading > span, html[lang^="ar"] .ntv-home .ntv-section-heading h2, html[lang^="ar"] .ntv-home .ntv-section-heading p { width: 100% !important; direction: rtl !important; text-align: right !important; } /* ============================================== ALL GRIDS ============================================== */ html[lang^="ar"] .ntv-home .ntv-grid, html[lang^="ar"] .ntv-home .ntv-app-grid, html[lang^="ar"] .ntv-home .ntv-presence-grid, html[lang^="ar"] .ntv-home .ntv-compare { direction: rtl !important; } /* ============================================== CARDS ============================================== */ html[lang^="ar"] .ntv-home .ntv-card, html[lang^="ar"] .ntv-home .ntv-feature, html[lang^="ar"] .ntv-home .ntv-partner, html[lang^="ar"] .ntv-home .ntv-compare-box, html[lang^="ar"] .ntv-home .ntv-presence-grid article { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home .ntv-card h3, html[lang^="ar"] .ntv-home .ntv-card p, html[lang^="ar"] .ntv-home .ntv-feature h3, html[lang^="ar"] .ntv-home .ntv-feature p, html[lang^="ar"] .ntv-home .ntv-partner h3, html[lang^="ar"] .ntv-home .ntv-partner strong, html[lang^="ar"] .ntv-home .ntv-partner p { direction: rtl !important; text-align: right !important; } /* ============================================== BUSINESS APPLICATION TILES ============================================== */ html[lang^="ar"] .ntv-home .ntv-app-grid span { direction: rtl !important; text-align: right !important; justify-content: flex-start !important; gap: 12px !important; } html[lang^="ar"] .ntv-home .ntv-app-grid i { margin: 0 !important; } /* ============================================== SPLIT SECTION ============================================== */ html[lang^="ar"] .ntv-home .ntv-split { direction: rtl !important; } html[lang^="ar"] .ntv-home .ntv-split > div { direction: rtl !important; text-align: right !important; } /* ============================================== CHECKLISTS ============================================== */ html[lang^="ar"] .ntv-home .ntv-checklist { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home .ntv-checklist > div { direction: rtl !important; text-align: right !important; flex-direction: row !important; gap: 12px !important; } html[lang^="ar"] .ntv-home .ntv-checklist i { margin: 0 !important; } /* ============================================== LISTS + BULLETS ============================================== */ html[lang^="ar"] .ntv-home ul, html[lang^="ar"] .ntv-home ol { direction: rtl !important; text-align: right !important; padding-right: 1.6rem !important; padding-left: 0 !important; } html[lang^="ar"] .ntv-home li { direction: rtl !important; text-align: right !important; } /* ============================================== OWN YOUR BUSINESS ============================================== */ html[lang^="ar"] .ntv-home .ntv-own, html[lang^="ar"] .ntv-home .ntv-own > .ntv-container, html[lang^="ar"] .ntv-home .ntv-large-text { direction: rtl !important; text-align: right !important; } /* ============================================== SHOP ============================================== */ html[lang^="ar"] .ntv-home .ntv-shop-section { direction: rtl !important; text-align: right !important; } /* ============================================== CONTACT ============================================== */ html[lang^="ar"] .ntv-home .ntv-contact-grid { direction: rtl !important; } html[lang^="ar"] .ntv-home .ntv-contact-grid > div, html[lang^="ar"] .ntv-home .ntv-form-card, html[lang^="ar"] .ntv-home .ntv-form-card form, html[lang^="ar"] .ntv-home .ntv-form-card label { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home .ntv-form-card input { direction: rtl !important; text-align: right !important; } html[lang^="ar"] .ntv-home input[type="email"], html[lang^="ar"] .ntv-home .ntv-email { direction: ltr !important; text-align: left !important; unicode-bidi: isolate !important; } /* ============================================== LATIN WITHIN ARABIC ============================================== */ html[lang^="ar"] .ntv-home bdi[dir="ltr"] { direction: ltr !important; unicode-bidi: isolate !important; } /* ============================================== FOOTER ============================================== */ html[lang^="ar"] .ntv-home .ntv-footer, html[lang^="ar"] .ntv-home .ntv-footer-grid, html[lang^="ar"] .ntv-home .ntv-footer-bottom { direction: rtl !important; text-align: right !important; } /* ============================================== MOBILE ============================================== */ @media (max-width: 760px) { html[lang^="ar"] .ntv-home .ntv-hero h1 { width: 100% !important; font-size: clamp( 34px, 10vw, 47px ) !important; line-height: 1.3 !important; } html[lang^="ar"] .ntv-home .ntv-hero-lead { width: 100% !important; } html[lang^="ar"] .ntv-home .ntv-hero .ntv-actions { width: 100% !important; flex-direction: column !important; } html[lang^="ar"] .ntv-home .ntv-hero .ntv-btn { width: 100% !important; } } /* ================================================================ NTV_R10S_OWNERSHIP_BULLETS_RTL Force ownership comparison bullets onto the Arabic inline-start side explicitly instead of relying on browser native marker layout. ================================================================ */ html[lang^="ar"] .ntv-home .s_ntv_ownership .ntv-compare-box ul { list-style: none !important; direction: rtl !important; text-align: right !important; padding-right: 1.55rem !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } html[lang^="ar"] .ntv-home .s_ntv_ownership .ntv-compare-box li { position: relative !important; direction: rtl !important; text-align: right !important; padding-right: 0 !important; padding-left: 0 !important; } html[lang^="ar"] .ntv-home .s_ntv_ownership .ntv-compare-box li::before { content: "\2022"; position: absolute !important; right: -1.15rem !important; left: auto !important; top: 0 !important; line-height: inherit !important; } /* ================================================================ NTV_R11N3_OWNERSHIP_TITLE_RTL_POSITION Arabic ownership comparison H3 elements are shrink-wrapped. Move the element itself to the RTL inline-start (physical right). ================================================================ */ html[lang^="ar"] .ntv-home .s_ntv_ownership .ntv-compare-box h3 { direction: rtl !important; text-align: right !important; width: fit-content !important; max-width: 100% !important; margin-left: auto !important; margin-right: 0 !important; }