/* ============================================ RTL OVERRIDES — Arabic Version Chamlale Law Office ============================================ */ /* Arabic Font Import */ @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap'); /* RTL Body */ [dir="rtl"] body { font-family: 'Tajawal', 'Josefin Sans', 'Helvetica Neue', sans-serif; letter-spacing: 0; direction: rtl; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 { font-family: 'Tajawal', 'Josefin Sans', sans-serif; letter-spacing: 0; } [dir="rtl"] .nav a, [dir="rtl"] .btn, [dir="rtl"] .footer__nav-title, [dir="rtl"] .footer__nav-link, [dir="rtl"] .contact-item__label, [dir="rtl"] .credential-tag, [dir="rtl"] .stat-item__label, [dir="rtl"] .service-card__link, [dir="rtl"] .article-card__category, [dir="rtl"] .article-card__meta, [dir="rtl"] .page-banner__breadcrumb, [dir="rtl"] .form__label, [dir="rtl"] .sidebar__title, [dir="rtl"] .sidebar__link, [dir="rtl"] .mobile-nav a, [dir="rtl"] .mobile-nav__sub a, [dir="rtl"] .lang-btn, [dir="rtl"] .logo__text { letter-spacing: 0; } /* Logo RTL */ [dir="rtl"] .logo { flex-direction: row-reverse; } [dir="rtl"] .logo:hover .logo__text { transform: translateX(-7px); } /* Header RTL */ /* header__nav-wrapper: dir="rtl" reverses flex naturally — keep row */ [dir="rtl"] .header__nav-wrapper { flex-direction: row; } [dir="rtl"] .lang-switcher { margin-left: 0; margin-right: 8px; } /* Nav RTL — dir="rtl" on already handles order; no row-reverse needed */ [dir="rtl"] .nav ul { flex-direction: row; } /* Mega Menu RTL */ [dir="rtl"] .mega-menu__group a:hover { transform: translateX(-10px); } /* Mobile Nav RTL */ [dir="rtl"] .mobile-nav { right: auto; left: 0; transform: translateX(-100%); } [dir="rtl"] body.has-active-nav .mobile-nav { transform: translateX(0); } [dir="rtl"] .mobile-nav__sub { padding-left: 0; padding-right: 24px; } /* Section Rows RTL */ [dir="rtl"] .section-row { flex-direction: row-reverse; } [dir="rtl"] .section-row--reversed { flex-direction: row; } [dir="rtl"] .section-row__content { padding-left: 0; padding-right: 110px; } [dir="rtl"] .section-row--reversed .section-row__content { padding-right: 0; padding-left: 110px; } /* Image border offset RTL */ [dir="rtl"] .section-row__image-inner::after { top: 15px; left: -15px; right: 15px; bottom: -15px; } [dir="rtl"] .section-row:hover .section-row__image-inner::after { top: 10px; left: -10px; right: 10px; bottom: -10px; } /* Profile row RTL */ [dir="rtl"] .profile-row { flex-direction: row-reverse; } [dir="rtl"] .profile-row__image-inner::after { left: -15px; right: 15px; } /* Footer RTL */ [dir="rtl"] .footer__nav-link:hover { transform: translateX(-10px); } /* Service card link RTL */ [dir="rtl"] .service-card__link { direction: rtl; } [dir="rtl"] .service-card:hover .service-card__link { transform: translateX(-10px); } /* Sidebar link RTL */ [dir="rtl"] .sidebar__link:hover, [dir="rtl"] .sidebar__link.is-active { transform: translateX(-10px); } /* Contact item RTL */ [dir="rtl"] .contact-item { flex-direction: row-reverse; text-align: right; } [dir="rtl"] .section-heading { text-align: center; } /* Practice detail RTL */ [dir="rtl"] .practice-detail { direction: rtl; } [dir="rtl"] .practice-detail__content li { padding-left: 0; padding-right: 20px; } [dir="rtl"] .practice-detail__content li::before { left: auto; right: 0; } /* Form select arrow RTL */ [dir="rtl"] .form__select { background-position: left 0 center; } /* WhatsApp button RTL */ [dir="rtl"] .whatsapp-btn { right: auto; left: 30px; } /* AOS Flip for RTL — fade-right becomes fade-left and vice versa */ [dir="rtl"] [data-aos="fade-right"] { transform: translateX(40px); } [dir="rtl"] [data-aos="fade-left"] { transform: translateX(-40px); } /* Page banner breadcrumb RTL */ [dir="rtl"] .page-banner__breadcrumb { text-align: right; } /* Stats row RTL */ [dir="rtl"] .stats-row { flex-direction: row-reverse; } /* Footer bar RTL */ [dir="rtl"] .footer__bar { flex-direction: row-reverse; } /* Article card hover RTL */ [dir="rtl"] .article-card:hover { transform: translateY(-6px); } /* Article single page RTL */ [dir="rtl"] .article-single { direction: rtl; } [dir="rtl"] .article-single__content li { padding-left: 0; padding-right: 24px; } [dir="rtl"] .article-single__content ul li::before { left: auto; right: 0; } [dir="rtl"] .article-single__content ol li::before { left: auto; right: 0; } [dir="rtl"] .article-single__content blockquote { border-left: none; border-right: 3px solid var(--accent); } [dir="rtl"] .related-articles a:hover { transform: translateX(-10px); } [dir="rtl"] .article-single__content .article-toc a, [dir="rtl"] .article-single__content .article-single__category, [dir="rtl"] .article-single__content .article-single__date, [dir="rtl"] .article-single__content .article-single__reading-time, [dir="rtl"] .article-toc__title, [dir="rtl"] .legal-disclaimer__title, [dir="rtl"] .related-articles__title { letter-spacing: 0; } /* Responsive RTL */ @media (max-width: 1400px) { [dir="rtl"] .section-row__content { padding-right: 90px; padding-left: 0; } [dir="rtl"] .section-row--reversed .section-row__content { padding-left: 90px; padding-right: 0; } } @media (max-width: 1000px) { [dir="rtl"] .section-row { flex-direction: column; } [dir="rtl"] .section-row--reversed { flex-direction: column; } [dir="rtl"] .section-row__content { padding-right: 0; padding-top: 40px; } [dir="rtl"] .section-row--reversed .section-row__content { padding-left: 0; } [dir="rtl"] .profile-row { flex-direction: column; } [dir="rtl"] .stats-row { flex-direction: row; } [dir="rtl"] .footer__bar { flex-direction: row-reverse; } } @media (max-width: 720px) { [dir="rtl"] .footer__bar { flex-direction: column; text-align: center; } [dir="rtl"] .stats-row { flex-direction: row; flex-wrap: wrap; } } @media (max-width: 500px) { [dir="rtl"] .stats-row { flex-direction: column; } }