/* Energon — RTL overrides, loaded only on right-to-left locales (e.g. Arabic). The document sets , which already reverses flex order and base text direction. This sheet only corrects the *physical-direction* rules in executive.css: auto-margins, absolute left/right positioning, explicit text-align, list padding, and directional gradients. (No flex-direction:row-reverse — that would double-flip.) */ /* --- Auto-margins that position elements to one edge --- */ html[dir="rtl"] .top-social { margin-left: 0; margin-right: auto; } html[dir="rtl"] .desktop-nav { margin-left: 0; margin-right: auto; } html[dir="rtl"] .toolbar b { margin-right: 0; margin-left: auto; } html[dir="rtl"] .product-table small { margin-right: 0; margin-left: 6px; } /* --- Absolute / decorative positioning --- */ html[dir="rtl"] .mega-card { left: auto; right: 0; } html[dir="rtl"] .finder-card { right: auto; left: 28px; } html[dir="rtl"] .hero-visual:before { inset: 18px 18px -18px -18px; } html[dir="rtl"] .cta-band:after { right: auto; left: -80px; } html[dir="rtl"] .experience-section:before { inset: auto auto -45% -10%; } html[dir="rtl"] .home-stats div:before { left: auto; right: 20px; } html[dir="rtl"] .home-stats b { transform-origin: right center; } /* --- Text alignment (flip the explicit physical values) --- */ html[dir="rtl"] .footer .footer-bottom span:last-child { text-align: left; } html[dir="rtl"] .product-table th { text-align: right; } html[dir="rtl"] .product-table .column-groups th:first-child { text-align: right; } html[dir="rtl"] .product-table .column-subheads th { text-align: left; } html[dir="rtl"] .section-action, html[dir="rtl"] .toolbar b { text-align: right; } /* --- List indentation --- */ html[dir="rtl"] ul, html[dir="rtl"] ol { padding-left: 0; padding-right: 1.2em; } html[dir="rtl"] .mobile-sub { padding-left: 0; padding-right: 18px; } html[dir="rtl"] .footer-brand { padding-right: 0; padding-left: 28px; } html[dir="rtl"] .catalog-heading { padding-left: 0; padding-right: 16px; } /* --- Directional gradients: keep the dark (text-side) edge at the reading start (right) --- */ html[dir="rtl"] .subhero-img:after { background: linear-gradient(270deg, rgba(7,28,59,.94), rgba(7,28,59,.62), rgba(7,28,59,.15)); } /* --- Forms: labels/inputs read from the right --- */ html[dir="rtl"] .contact-form label, html[dir="rtl"] .finder-card label { text-align: right; } html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; } /* --- Latin-script data inside right-to-left text --- A phone number ("+90 (216) 232 36 35") and a suffixed figure ("15+") contain no strong directional character: digits are weak and +()., are neutral, so the bidi algorithm gives them the paragraph's direction and paints them reversed — "35 36 232 (216) 90+", "+15". `plaintext` resolves each run's base direction from its own first strong character instead, which leaves the Arabic address (first strong char is Arabic) right-to-left while the phone, email and figures read left-to-right. The descendant selector is load-bearing — `unicode-bidi` does NOT inherit, and on iletisim.html the number sits in a inside the tel: link, which would otherwise keep computing `normal` and stay reversed. */ html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="tel:"] *, html[dir="rtl"] .contact-points span, html[dir="rtl"] .stats-strip b, html[dir="rtl"] button[data-power-preset] { unicode-bidi: plaintext; } /* `text-align: start` resolves against the base direction `plaintext` just recomputed, so these would left-align inside boxes whose Arabic siblings stay right; pin them back. Deliberately NOT applied to the power-filter pills — those are centred, and centring is direction-independent. */ html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="tel:"] *, html[dir="rtl"] .contact-points span, html[dir="rtl"] .stats-strip b { text-align: right; } /* --- Responsive: the finder card's auto margin flips too --- */ @media (max-width: 1100px) { html[dir="rtl"] .finder-card { margin: -70px auto 0 24px; } html[dir="rtl"] .top-social { margin-right: 0; } } @media (max-width: 700px) { html[dir="rtl"] .home-stats div:before { right: 14px; } }