/* ==========================================================================
   RTL overrides for DreamGigs template
   Loaded AFTER style.css and vendor-overrides.css so these rules win by
   source order. Only rules that produce a visibly wrong RTL result are
   included here - old style.css design values are left untouched.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Forms / Icons (style.css)
   -------------------------------------------------------------------------- */

/* .input-groupicon.calender-input i: left:10px glues the calendar icon to
   the left edge of the date field; RTL fields start from the right. */
.input-groupicon.calender-input i {
  left: auto;
  right: 10px;
}

/* .cal-icon span: left:10px pins the calendar icon to the left of the field. */
.cal-icon span {
  left: auto;
  right: 10px;
}

/* --------------------------------------------------------------------------
   Header / Badges (style.css)
   -------------------------------------------------------------------------- */

/* .header .header-navbar-rht .noti-wrapper .badge-pill: left:5px pins the
   unread-notification dot to the top-left corner of the bell icon; the
   leading corner in RTL is the right. */
.header .header-navbar-rht .noti-wrapper .badge-pill {
  left: auto;
  right: 5px;
}

/* --------------------------------------------------------------------------
   Pagination (style.css .pagination) - previous/next spacing assumes
   left-to-right reading order (previous first, next last); mirror the
   margins so the button rhythm still reads correctly right-to-left.
   -------------------------------------------------------------------------- */
.pagination ul li a.previous {
  margin-left: 0;
  margin-right: 24px;
}
@media (max-width: 767.98px) {
  .pagination ul li a.previous {
    margin-right: 19px;
  }
}
.pagination ul li a.next {
  margin-right: 0;
  margin-left: 9px;
}
.pagination ul li a,
.pagination li a {
  margin-left: 0;
  margin-right: 15px;
}
@media (max-width: 767.98px) {
  .pagination ul li a,
  .pagination li a {
    margin-right: 10px;
  }
}

/* --------------------------------------------------------------------------
   Vanilla DataTable replacement (assets/js/plugins.js initDataTables) -
   prev/next buttons always render fa-angle-left / fa-angle-right regardless
   of direction; flip them visually so "previous" points toward the RTL
   reading-start (right) and "next" points toward reading-end (left).
   -------------------------------------------------------------------------- */
.dt-paging-button.previous i,
.dt-paging-button.next i {
  display: inline-block;
  transform: scaleX(-1);
}

/* --------------------------------------------------------------------------
   Plugins (vendor-overrides.css sets these LTR-pinned positions)
   -------------------------------------------------------------------------- */

/* .img-slider pagination dots pinned with left:0. */
.img-slider .swiper-pagination.slick-dots {
  left: auto;
  right: 0;
}

/* Choices.js single-select caret is a border-trick chevron pinned with
   right:14px; only its position needs mirroring for RTL — the chevron
   itself already points straight down and reads the same on either side. */
.choices[data-type*="select-one"]::after {
  right: auto;
  left: 14px;
}

/* Choices.js multi-select tag chips: the removable "x" button margin/border
   was set for an LTR-trailing-edge chip; mirror for RTL. */
.choices__list--multiple .choices__item {
  margin: 2px 4px 2px 0;
}
.choices__list--multiple .choices__item .choices__button {
  border-right: 0;
  border-left: 0;
  margin-right: 8px;
  margin-left: 0;
}

/* lightbox-lite close button is pinned to the top-right corner. */
.lightbox-lite-close {
  right: auto;
  left: 30px;
}