/* AUTO-GENERATED — do not edit by hand.
 * LTR (English) mirrored overrides for the RTL-first stylesheets.
 * Regenerate with `python3 scripts/gen-ltr.py` (from any directory) after changing tokens/style/dashboard/chatbot/dash-pages/header/verify-panel CSS.
 * Every rule is scoped to html[dir="ltr"], so Arabic (RTL) is unaffected. */

html[dir="ltr"] .section-header.center { text-align: left; }
html[dir="ltr"] .most-visited-info { text-align: left; }
html[dir="ltr"] .prev-btn { margin-right: -28px; margin-left: 0; }
html[dir="ltr"] .next-btn { margin-left: -28px; margin-right: 0; }
html[dir="ltr"] .card-overlay { right: 0; left: auto; }
html[dir="ltr"] .card-overlay::after { right: 0; left: auto; }
html[dir="ltr"] .newsletter-form input { text-align: left; }
html[dir="ltr"] .auth-bg { right: 0; left: auto; }
html[dir="ltr"] .auth-image-overlay { right: 0; left: auto; }
html[dir="ltr"] .auth-form .input-group { text-align: left; }
html[dir="ltr"] .auth-social::before { right: 0; left: auto; }
html[dir="ltr"] .dest-hero-img-left { right: 0; left: auto; }
html[dir="ltr"] .dest-hero-content { text-align: left; }
html[dir="ltr"] .cat-title-area { text-align: left; }
html[dir="ltr"] .search-input-wrapper input { margin-left: 12px; margin-right: 0; text-align: left; }
html[dir="ltr"] .filter-dropdown { right: 0; left: auto; text-align: left; }
html[dir="ltr"] .sidebar { left: 0; right: auto; }
html[dir="ltr"] .dashboard-main { margin-left: var(--sidebar-width); margin-right: 0; }
html[dir="ltr"] .dash-search input { padding: 10px 42px 10px 20px; }
html[dir="ltr"] .dash-search i { right: 16px; left: auto; }
html[dir="ltr"] thead th { text-align: left; }
html[dir="ltr"] .toggle .slider::before { left: 3px; right: auto; }
@media (max-width: 768px) {
  html[dir="ltr"] .sidebar { left: -100%; right: auto; }
  html[dir="ltr"] .sidebar.open { left: 0; right: auto; }
  html[dir="ltr"] .dash-menu-close { right: 12px; left: auto; }
  html[dir="ltr"] .dashboard-main { margin-left: 0; margin-right: 0; }
}
html[dir="ltr"] .dp-slider::before { left: 3px; right: auto; }
html[dir="ltr"] thead th { text-align: left; }
html[dir="ltr"] .dp-dd { right: 0; left: auto; }
html[dir="ltr"] .dp-dd button { text-align: left; }
@media(max-width:768px) {
  html[dir="ltr"] .dashboard-main { margin-left: 0; margin-right: 0; }
}
html[dir="ltr"] .ev-search i { left: 12px; right: auto; }
html[dir="ltr"] .ev-search input { padding: 8px 12px 8px 34px; }
html[dir="ltr"] .ev-table th { text-align: left; }
html[dir="ltr"] .ev-retry { margin-left: 8px; margin-right: 0; }
html[dir="ltr"] .status-pill { margin-right: 4px; margin-left: 0; }
html[dir="ltr"] .ev-rev-tag { margin-left: 6px; margin-right: 0; }
html[dir="ltr"] .ev-switch { margin-right: 18px; margin-left: 0; }
html[dir="ltr"] .ev-errors ul { padding-left: 18px; padding-right: 0; }
html[dir="ltr"] .ev-diff th { text-align: left; }
html[dir="ltr"] .act-label { text-align: left; }
html[dir="ltr"] .pv-lock { margin-left: 4px; margin-right: 0; }
html[dir="ltr"] .pv-slot-list { padding-left: 20px; padding-right: 0; }
html[dir="ltr"] .pv-quote-k { margin-right: 4px; margin-left: 0; }
html[dir="ltr"] .act-box.pv-act-wide { text-align: left; }
html[dir="ltr"] .pv-act-err { text-align: left; }
html[dir="ltr"] .pv-accept-sum { text-align: left; }
html[dir="ltr"] .pv-policy-card { padding: 12px 14px 12px 40px; }
html[dir="ltr"] .pv-policy-card input { left: 14px; right: auto; }
html[dir="ltr"] .inv-checks { text-align: left; }

/* ── Manual overrides ─────────────────────────────────────────── */
/* Home hero (issue #263): the photo's landmarks (Kingdom Centre, clock
   tower, flag) are in the left part of the image, and .home-hero__img keeps
   the image's left edge in view (object-position: left center) in both
   directions. The card sits at inline-start, which is the right in Arabic;
   in LTR it is moved to the right too, so it covers the same part of the
   photo in both languages. Measured in a 900px-tall window (issue #269,
   style.css's block that sizes the hero and the card at 1024px-1439px): the
   card covers none of the three at 1024, 1152, 1280, 1366 and 1440px wide,
   in Arabic and in English. */
html[dir="ltr"] .home-hero__inner { justify-content: flex-end; }
/* .hero-content: predates #263 (it served the old index hero). The one page
   with a .hero-content element now is destination-details.html. */
html[dir="ltr"] .hero-content { justify-content: flex-end; }

/* Directional icons (arrows/chevrons used for prev-next & CTAs) point the
   other way in LTR. */
html[dir="ltr"] .fa-arrow-left, html[dir="ltr"] .fa-arrow-right,
html[dir="ltr"] .fa-chevron-left, html[dir="ltr"] .fa-chevron-right {
  transform: rotate(180deg); display: inline-block;
}

/* Inline styles: the HTML carries many style="text-align: right" — flip
   them in LTR (attribute-substring match covers both spacings). */
html[dir="ltr"] [style*="text-align: right"],
html[dir="ltr"] [style*="text-align:right"] { text-align: left !important; }