/**
 * RTL overrides — load only when html[dir="rtl"]. Scoped to avoid affecting LTR.
 * Complements Bootstrap 3 directional utilities.
 */

[dir="rtl"] .pull-left {
  float: right !important;
}
[dir="rtl"] .pull-right {
  float: left !important;
}
[dir="rtl"] .text-left {
  text-align: right !important;
}
[dir="rtl"] .text-right {
  text-align: left !important;
}
[dir="rtl"] .text-center {
  text-align: center !important;
}

/*
 * Listing tables (.listing-table): logical alignment so column headers align with cell
 * text under RTL—browser default + physical floats often make Arabic look “off-column” vs thead.
 */
[dir="rtl"] .listing-table th,
[dir="rtl"] .listing-table td {
  text-align: start;
}

[dir="rtl"] .listing-table thead th:empty {
  text-align: center;
}

[dir="rtl"] .sidr {
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

[dir="rtl"] .sidebar .sidebar-header .close-sidebar {
  float: left;
}

[dir="rtl"] .navbar-mobile .dropdown-menu a {
  padding: 20px 40px 16px 20px !important;
}

/* Form fields: follow RTL text; keep phone/email/numeric inputs LTR */
[dir="rtl"] .form-control:not([type="email"]):not([type="tel"]):not([type="number"]):not([name*="phone"]):not([name*="whatsapp"]):not(.iti__search-input) {
  text-align: right;
}
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="number"],
[dir="rtl"] input[name*="phone"],
[dir="rtl"] input[name*="whatsapp"],
[dir="rtl"] .iti input[type="tel"],
[dir="rtl"] .iti__selected-flag {
  direction: ltr;
  text-align: left;
}

/* intl-tel-input: keep country names + dial codes in stable LTR runs inside RTL pages */
[dir="rtl"] .iti__country-list {
  direction: ltr;
  text-align: left;
}
[dir="rtl"] .iti__country {
  unicode-bidi: isolate;
  direction: ltr;
  text-align: left;
}
[dir="rtl"] .iti__dial-code {
  unicode-bidi: isolate;
  direction: ltr;
}

[dir="rtl"] .align-middle form input[type="text"] {
  text-align: right;
}

/* Storefront: phone display in sidebar / contact */
[dir="rtl"] .store-phone-ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* “See more” & similar: point arrow in reading direction */
[dir="rtl"] a.vertudo .lni-arrow-right,
[dir="rtl"] .vertudo .lni-arrow-right {
  display: inline-block;
  transform: scaleX(-1);
}

/* Toggle switch knob slides to logical “end” under RTL */
[dir="rtl"] .toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(-22px);
}

/* Cart badge: move from physical right to physical left */
[dir="rtl"] .shop-bag .counter {
  right: auto;
  left: -12px;
}

/* Submenu: open to the left (physical) in RTL */
[dir="rtl"] .dropdown-submenu > .submenu {
  left: auto;
  right: 100%;
}

/* Submenu arrow: flip chevron and swap float/margin */
[dir="rtl"] .submenu-arrow {
  float: left;
  margin-left: 0;
  margin-right: 5px;
  transform: scaleX(-1);
}

/* Pagination: swap prev/next chevrons */
[dir="rtl"] .pagination .pagination-back a .lni-chevron-left,
[dir="rtl"] .pagination .pagination-next a .lni-chevron-right {
  display: inline-block;
  transform: scaleX(-1);
}

/* Back button arrow: flip */
[dir="rtl"] .back-button .lni-arrow-left {
  display: inline-block;
  transform: scaleX(-1);
}

/* Mobile: back arrow in city layout */
[dir="rtl"] .body-cidade .user-menu .lni-arrow-left {
  display: inline-block;
  transform: scaleX(-1);
}

/* Dropdown main menu: align to right edge of trigger in RTL */
[dir="rtl"] .navbar-nav > li.dropdown > .dropdown-menu {
  left: auto;
  right: 0;
}

/* Product detail: swap image and info columns */
[dir="rtl"] .galeria {
  float: right !important;
}

/* Product grid: flow cards right-to-left on desktop/category */
[dir="rtl"] .col-infinite {
  float: right !important;
}

/* Quantity controls: keep internal LTR order so + is on physical right (RTL reading-start) */
[dir="rtl"] .campo-numero {
  direction: ltr;
}

/* Select dropdown arrow: flip to physical left in RTL */
[dir="rtl"] .fake-select i {
  right: auto;
  left: 0;
  margin: 19px 0 0 30px;
}
[dir="rtl"] .filter-select .fake-select i {
  margin: 11px 0 0 15px !important;
}