/** * App RTL overrides for GeoTrip theme (assets/app/css/style.css) * Loaded only when */ html[dir="rtl"] body { text-align: right; direction: rtl; } /* ── Navigation ─────────────────────────────────────────── */ html[dir="rtl"] .align-to-right { float: left; } html[dir="rtl"] .nav-header { float: right; } html[dir="rtl"] .nav-brand { padding: 0 0 0 15px; margin-right: 0; margin-left: 1rem; } html[dir="rtl"] .nav-logo > img { float: right; } html[dir="rtl"] .nav-menu > li { float: right; } html[dir="rtl"] .nav-menu.nav-menu-social > li { float: left; } html[dir="rtl"] .submenu-indicator { float: left; margin-right: 0; margin-left: 0; } html[dir="rtl"] .nav-dropdown, html[dir="rtl"] .nav-submenu { text-align: right; } html[dir="rtl"] .mobile_nav { float: left; } /* Mobile header: hamburger on the right with logo, clear space for it */ @media (max-width: 992px) { html[dir="rtl"] .nav-header { float: none; width: 100%; } html[dir="rtl"] .nav-toggle { left: auto; right: 0; } html[dir="rtl"] .navigation-portrait .nav-brand { margin-left: 0; margin-right: 35px; } } /* Do not reposition the off-canvas panel — theme JS toggles left: -400px ↔ 0 */ /* ── Search / form icons ────────────────────────────────── */ html[dir="rtl"] .inputIicon { padding-left: 0; padding-right: 0.5rem; justify-content: flex-start; flex-direction: row; } html[dir="rtl"] .inputIicon .input-box .form-control { padding-left: 0.75rem; padding-right: 0; text-align: right; } html[dir="rtl"] .form-control, html[dir="rtl"] .form-select { text-align: right; } html[dir="rtl"] input[dir="ltr"], html[dir="rtl"] .form-control[dir="ltr"] { text-align: left; direction: ltr; } /* ── Cards / lists / footers ────────────────────────────── */ html[dir="rtl"] .footer-menu, html[dir="rtl"] .footer-add, html[dir="rtl"] .footer-widget { text-align: right; } html[dir="rtl"] .foot-socials ul { padding-right: 0; padding-left: 0; } html[dir="rtl"] .list-inline, html[dir="rtl"] ul { padding-right: 0; } html[dir="rtl"] .mega-last.ps-2 { padding-left: 0 !important; padding-right: 0.5rem !important; } /* ── Dropdowns / popovers ───────────────────────────────── */ html[dir="rtl"] .dropdown-menu { text-align: right; } html[dir="rtl"] .modal-header .btn-close, html[dir="rtl"] .modal-header a[data-bs-dismiss] { margin-left: 0; margin-right: auto; } /* ── Flickity / carousels arrows ────────────────────────── */ html[dir="rtl"] .flickity-prev-next-button.previous { left: auto; right: 10px; } html[dir="rtl"] .flickity-prev-next-button.next { right: auto; left: 10px; } /* ── Back to top ────────────────────────────────────────── */ html[dir="rtl"] #back2Top, html[dir="rtl"] .top-scroll { right: auto; left: 20px; } /* ── Tabs / pills ───────────────────────────────────────── */ html[dir="rtl"] .nav-tabs .nav-link i, html[dir="rtl"] .nav-tabs .nav-link .bi { margin-right: 0; margin-left: 0.5rem; } /* ── Nav pills: flip physical margin-right from theme ───── */ html[dir="rtl"] .nav-pills .nav-link { margin-right: 0; margin-left: 10px; } html[dir="rtl"] .nav-pills .nav-item:last-child .nav-link, html[dir="rtl"] .nav-pills.lights.blukker .nav-link { margin-left: 0; } /* ── Borders used by theme ──────────────────────────────── */ html[dir="rtl"] .border-start { border-left: 0 !important; border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } html[dir="rtl"] .border-end { border-right: 0 !important; border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } /* ── Flight / card footers in home sections ─────────────── */ html[dir="rtl"] .flight-footer, html[dir="rtl"] .card, html[dir="rtl"] .popular-wrap, html[dir="rtl"] .tourOffer-wrap { text-align: right; } /* ── Preloader stays centered ───────────────────────────── */ html[dir="rtl"] #preloader, html[dir="rtl"] .preloader { direction: ltr; }