/*
 * Right-to-left layout for Hebrew (and any "dir" => "rtl" language in config/locales.php).
 * Loaded only on those pages, after every other stylesheet (layouts/app.blade.php).
 *
 * <html dir="rtl"> already makes text, flex rows and grids run right to left.
 * The Tracker theme also uses floats, left/right margins and "text-align: left".
 * Those do not flip on their own, so this file mirrors them.
 */

/* ---------- General text ---------- */
body { direction: rtl; text-align: right; }
.text-left { text-align: right !important; }

/* ---------- Header: logo on the right, menu + links on the left ---------- */
.main-header .main-box .logo-box { float: right; }
.main-header .nav-box { float: left; }
.main-header .nav-outer { float: right; }

.main-menu .navigation > li { float: right; margin-left: 0; margin-right: 40px; }
.main-menu .navigation > li > ul { left: auto; right: 0; text-align: right; }

.main-header .header-upper .links-box { float: right; margin-left: 0; margin-right: 60px; }
.main-header .header-upper .links-box .link { float: right; margin-left: 0; margin-right: 40px; }
.main-header .header-upper .links-box .link .icon { margin-right: 0; margin-left: 6px; }

/* Phone numbers and prices stay left to right inside Hebrew text. */
a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }

/* ---------- Page banner breadcrumb: home icon on the right, arrows point left ---------- */
.inner-banner .bread-crumb { padding-left: 0; padding-right: 44px; }
.inner-banner .bread-crumb .icon-home { left: auto; right: -44px; }
.inner-banner .bread-crumb ul li { margin-right: 0; margin-left: 22px; }
.inner-banner .bread-crumb ul li:last-child { margin-left: 0; }
.inner-banner .bread-crumb ul li:after { right: auto; left: -24px; content: '\f0d9'; } /* caret-left */

/* ---------- Mobile side menu ---------- */
.hidden-bar .side-menu ul li a { text-align: right; }

/* ---------- Route tiles: the dashed route line and dots move to the right ---------- */
.route-tile::before { left: auto; right: 0; }
.route-tile__path { padding-left: 0; padding-right: 28px; }
.route-tile__path::before { left: auto; right: 6px; }
.route-tile__stop::before { left: auto; right: -28px; }
.route-tile__stop--end::before { left: auto; right: -29px; }
.route-tile__facts i { margin-right: 0; margin-left: 4px; }
/* The arrow points left (the reading direction) and slides left on hover. */
.route-tile__go i { transform: scaleX(-1); }
.route-tile:hover .route-tile__go { transform: translateX(-4px); }

/* ---------- Lists with icons (places we serve) ---------- */
.place-links i { margin-right: 0; margin-left: 6px; }