/*
 * Rayago — right-to-left overrides.
 *
 * Loaded automatically when the visitor is viewing an RTL locale
 * (Arabic, Hebrew, Urdu). Only direction-dependent rules live here;
 * everything else is inherited from style.css.
 */

body { direction: rtl; text-align: right; }

/* ---- Layout flips ---- */
.vg-header__actions { margin-left: 0; margin-right: auto; }
.vg-nav__list { padding-right: 0; }
.vg-nav__list .sub-menu { left: auto; right: -14px; }
.vg-pop__panel { right: auto; left: 0; }
.vg-pop__val { margin-left: 0; margin-right: auto; }

ul, ol { padding-left: 0; padding-right: 1.2em; }
.vg-row__body ul { padding-left: 0; padding-right: 20px; }

/* ---- Cards ---- */
.vg-card__badge { left: auto; right: 0; border-radius: 0 0 0 var(--vg-radius-sm); }
.vg-wish { right: auto; left: 10px; }
.vg-price { text-align: left; }
.vg-price del { margin-right: 0; margin-left: 5px; }
.vg-card__facts span + span::before { content: "·"; }

/* ---- Search ---- */
.vg-search__form { padding: 6px 18px 6px 6px; }
.vg-search--hero .vg-search__form { padding: 10px 26px 10px 10px; }
.vg-search--sm .vg-search__form { padding: 3px 14px 3px 3px; }
.vg-modal__search input { padding: 12px 44px 12px 16px; }
.vg-modal__search-icon { left: auto; right: 16px; }

/* ---- Booking box ---- */
.vg-book__badge { left: auto; right: 14px; }
.vg-book__field select {
  background-position: left 14px center;
  padding-right: 14px; padding-left: 38px;
}
.vg-mobilebook .vg-btn { margin-left: 0; margin-right: auto; }

/* ---- Itinerary timeline ---- */
.vg-itin::before { left: auto; right: 11px; }
.vg-itin li { padding: 0 40px 22px 0; }
.vg-itin__dot { left: auto; right: 0; }

/* ---- Lists with tick marks ---- */
.vg-check li { flex-direction: row; }

/* ---- Modal / options ---- */
.vg-modal__close { right: auto; left: 14px; }
.vg-optgrid .vg-opt { text-align: right; }

/* ---- Breadcrumbs ---- */
.vg-crumbs span + span::before { content: "‹"; }

/* ---- Lightbox ---- */
.vg-lightbox__close { right: auto; left: 22px; }
.vg-lightbox__nav--prev { left: auto; right: 20px; }
.vg-lightbox__nav--next { right: auto; left: 20px; }
.vg-lightbox__nav--prev::before { content: "›"; }
.vg-lightbox__nav--next::before { content: "‹"; }

/* ---- Rails ---- */
.vg-rail__nav--prev { left: auto; right: -14px; }
.vg-rail__nav--next { right: auto; left: -14px; }

/* ---- Alignment helpers ---- */
.alignleft { float: right; margin: 0 0 14px 22px; }
.alignright { float: left; margin: 0 22px 14px 0; }
.vg-entry blockquote { border-left: 0; border-right: 4px solid var(--vg-primary); padding: 4px 18px 4px 0; }
.vg-entry th, .vg-entry td { text-align: right; }

/* ---- Arabic and Urdu read better with a touch more line height ---- */
html[lang^="ar"] body, html[lang^="ur"] body { line-height: 1.75; }
html[lang^="ur"] body { font-size: calc(var(--vg-fs-base) + 1px); }
