/* ================================================================ GOLDEN TRIP — RTL (Arabic) Overrides Applied when is set ================================================================ */ [dir="rtl"] body { font-family: var(--font-ar); line-height: 1.8; } [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 { font-family: var(--font-ar); font-weight: 800; letter-spacing: 0; line-height: 1.3; } /* Adjust heading sizes for Arabic (Arabic generally looks smaller) */ [dir="rtl"] h1 { font-size: 1.15em; } [dir="rtl"] h2 { font-size: 1.1em; } /* Navbar: restore natural RTL flow */ [dir="rtl"] .navbar-inner { flex-direction: row; } [dir="rtl"] .navbar-logo { margin-right: 2rem; margin-left: 0; } [dir="rtl"] .navbar-links { flex-direction: row; margin-left: auto; margin-right: 0; gap: 30px; } [dir="rtl"] .navbar-actions { flex-direction: row; gap: 20px; } [dir="rtl"] .mobile-nav-panel { left: auto; right: 0; border-right: none; border-left: 1px solid var(--border); transform: translateX(100%); text-align: right; } [dir="rtl"] .mobile-nav.open .mobile-nav-panel { transform: translateX(0); } /* Section label line on right */ [dir="rtl"] .section-label { display: flex; align-items: center; gap: 12px; justify-content: flex-start; flex-direction: row-reverse; } /* Divider */ [dir="rtl"] .divider { background: linear-gradient(270deg, var(--gold), transparent); } /* Cards: text align */ [dir="rtl"] .pkg-card-body, [dir="rtl"] .card-body, [dir="rtl"] .blog-card-body, [dir="rtl"] .dest-info, [dir="rtl"] .service-card-3d, [dir="rtl"] .why-tile, [dir="rtl"] .bento-tile { text-align: right; direction: rtl; } /* Footer */ [dir="rtl"] .footer-logo { flex-direction: row-reverse; } [dir="rtl"] .footer-links { text-align: right; padding-right: 0; } [dir="rtl"] .footer-links li i { margin-right: 0; margin-left: 10px; } /* Spacing fixes */ [dir="rtl"] .me-1 { margin-right: 0 !important; margin-left: 0.25rem !important; } [dir="rtl"] .me-2 { margin-right: 0 !important; margin-left: 0.5rem !important; } [dir="rtl"] .me-3 { margin-right: 0 !important; margin-left: 1rem !important; } [dir="rtl"] .ms-2 { margin-left: 0 !important; margin-right: 0.5rem !important; } /* Floating WA button */ [dir="rtl"] .float-wa { left: 30px; right: auto; } /* Forms */ [dir="rtl"] .form-input, [dir="rtl"] .form-textarea, [dir="rtl"] .form-select, [dir="rtl"] .country-search { text-align: right; direction: rtl; } /* Sticky book footer */ [dir="rtl"] .sticky-book-inner { flex-direction: row-reverse; } /* Global font size for Arabic text — exclude icon fonts */ [dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] a:not([class*="fa"]):not(.float-wa), [dir="rtl"] span:not([class*="fa"]):not(.fa):not(.fas):not(.far):not(.fab) { font-size: 1.05rem; } /* Keep Font Awesome / icon fonts working in RTL */ [dir="rtl"] .fa, [dir="rtl"] .fas, [dir="rtl"] .far, [dir="rtl"] .fab, [dir="rtl"] .fa-solid, [dir="rtl"] .fa-regular, [dir="rtl"] .fa-brands, [dir="rtl"] i[class^="fa"] { font-family: var(--fa-style-family, "Font Awesome 6 Free") !important; font-weight: var(--fa-style, 900); } [dir="rtl"] .fab, [dir="rtl"] .fa-brands, [dir="rtl"] i.fa-brands { font-family: "Font Awesome 6 Brands" !important; }