/* ═══════════════════════════════════════════════════════════ AMANY TRIP — RTL / Arabic stylesheet Activated when ═══════════════════════════════════════════════════════════ */ html[dir="rtl"] { font-family: 'Tajawal', sans-serif; } /* ── Global ───────────────────────────────────────────────── */ html[dir="rtl"] body { font-family: 'Tajawal', sans-serif; letter-spacing: 0; } /* Safely enforce RTL alignment only where appropriate without breaking centering */ html[dir="rtl"] *:not(.testi-quote):not(.dest-price) { font-family: 'Tajawal', sans-serif; } /* NOTE: Native `dir="rtl"` automatically reverses `flex-direction: row`. Do NOT use `flex-direction: row-reverse` on standard rows as it will flip them back to LTR! */ /* ── Navbar ───────────────────────────────────────────────── */ html[dir="rtl"] .mobile-menu ul { text-align: right; } /* ── Hero ─────────────────────────────────────────────────── */ html[dir="rtl"] .hero-title { font-size: clamp(2.5rem, 6vw, 4.2rem); line-height: 1.3; } html[dir="rtl"] .hero-content { text-align: right; direction: rtl; } /* Airplane on the left in RTL */ html[dir="rtl"] .airplane-float { right: auto; left: 6%; transform: scaleX(-1); } /* ── Marquee — reverse direction for Arabic feel ──────────── */ html[dir="rtl"] .marquee-track { animation-direction: reverse; } /* ── Section headers ──────────────────────────────────────── */ html[dir="rtl"] .section-header { direction: rtl; } html[dir="rtl"] .section-tag { letter-spacing: 0; } html[dir="rtl"] .section-title.text-left { text-align: right; } /* ── Destination cards ────────────────────────────────────── */ html[dir="rtl"] .dest-img-wrap { direction: rtl; } /* Swap badge positions */ html[dir="rtl"] .left-badge { left: auto; right: 12px; } html[dir="rtl"] .duration-badge { right: auto; left: 12px; } html[dir="rtl"] .dest-body { direction: rtl; text-align: right; } html[dir="rtl"] .dest-title { font-size: 1.2rem; } html[dir="rtl"] .dest-highlights li { padding-left: 0; padding-right: 22px; text-align: right; } html[dir="rtl"] .dest-highlights li::before { left: auto; right: 0; } /* ── Why cards (Features) ─────────────────────────────────── */ html[dir="rtl"] .why-card { direction: rtl; text-align: right; } html[dir="rtl"] .why-icon { text-align: right; } /* ── Testimonials ─────────────────────────────────────────── */ html[dir="rtl"] .testi-card { direction: rtl; text-align: right; } html[dir="rtl"] .testi-head { flex-direction: row-reverse; } html[dir="rtl"] .testi-author { flex-direction: row-reverse; } html[dir="rtl"] .testi-stars-wrap { flex-direction: row-reverse; justify-content: flex-end; } html[dir="rtl"] .testi-text { padding-left: 0; padding-right: 1px; } /* ── About ────────────────────────────────────────────────── */ html[dir="rtl"] .about-grid { direction: rtl; } html[dir="rtl"] .about-text { direction: rtl; text-align: right; } html[dir="rtl"] .location-card { direction: rtl; text-align: right; } html[dir="rtl"] .btn-maps { align-self: flex-end; } /* ── Contact form ─────────────────────────────────────────── */ html[dir="rtl"] .contact-grid { direction: rtl; } html[dir="rtl"] .form-group label { letter-spacing: 0; text-align: right; display: block; } html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea { text-align: right; direction: rtl; } /* ── Contact info panel ───────────────────────────────────── */ html[dir="rtl"] .contact-info-panel { direction: rtl; text-align: right; } /* ── Footer ───────────────────────────────────────────────── */ html[dir="rtl"] .footer-grid { direction: rtl; text-align: right; } html[dir="rtl"] .footer-brand { text-align: right; } html[dir="rtl"] .footer-col { text-align: right; direction: rtl; } html[dir="rtl"] .footer-col a:hover { padding-left: 0; padding-right: 4px; } html[dir="rtl"] .footer-contact-list { text-align: right; } html[dir="rtl"] .footer-socials { justify-content: flex-start; } /* ── Floating WhatsApp tooltip ────────────────────────────── */ html[dir="rtl"] .float-wa-tip { right: auto; left: 70px; } html[dir="rtl"] .float-wa-tip::after { left: auto; right: 100%; border-left-color: transparent; border-right-color: var(--dark); } /* RTL on mobile */ html[dir="rtl"] .float-wa { right: auto; left: 30px; } @media (max-width: 640px) { html[dir="rtl"] .float-wa { left: 18px; right: auto; } } /* ── RTL Mobile overrides ─────────────────────────────────── */ @media (max-width: 768px) { html[dir="rtl"] .footer-brand { text-align: center; } html[dir="rtl"] .footer-socials { justify-content: center; } html[dir="rtl"] .footer-col { text-align: center; } html[dir="rtl"] .float-wa { left: 18px; right: auto; } } @media (max-width: 480px) { html[dir="rtl"] .why-card { text-align: right; } }