@use 'sass:map';
@use '@ecl/theme-ec/theme';

html {
  direction: rtl;
}

// Accordion
.ecl-accordion__item:first-child::before {
  left: auto;
  right: map.get(theme.$spacing, 'l');
}

// Banner
.ecl-banner--full-width {
  left: auto;
  right: 50%;
}

.ecl-banner__credit {
  left: 0;
  right: auto;
}

// Carousel
.ecl-carousel__next {
  left: 0;
  right: auto;
}

.ecl-carousel__prev {
  left: auto;
  right: 0;
}

.ecl-carousel__slide::before {
  left: auto;
  right: -#{map.get(theme.$spacing, '2xs')};
}

.ecl-carousel--full-width {
  left: auto;
  right: 50%;
}

// Category filter
.ecl-category-filter__list-item[aria-expanded='true'],
.ecl-category-filter__list-item:hover,
.ecl-category-filter__item--current {
  &::before {
    left: auto;
    right: 0;
  }
}

// Datepicker
.ecl-datepicker__icon {
  right: auto;
  left: 0;
}

// Description list
.ecl-description-list__definition--taxonomy
  .ecl-description-list__definition-item::before {
  left: auto;
  right: -2px;
}

// File
.ecl-file__footer {
  padding-inline-end: var(--s-l);
  margin-inline-end: 0;
}

// Gallery
.ecl-gallery__image-icon {
  left: 0;
  right: auto;
}

// Icons
.ecl-icon--rotate-90 {
  transform: rotate(270deg);
}

.ecl-icon--rotate-270 {
  transform: rotate(90deg);
}

// Media container
.ecl-media-container--full-width {
  left: auto;
  right: 50%;
}

// Menu
.ecl-menu__link-icon {
  transform: rotate(-90deg);
}

.ecl-menu__back .ecl-icon {
  transform: rotate(90deg);
}

.ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-previous {
  border-radius: 0;
  left: auto;
  right: 0;

  &::after {
    left: -1px;
    right: auto;
  }
}

.ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-next {
  border-radius: 0;
  left: 0;
  right: auto;

  &::before {
    left: auto;
    right: -1px;
  }
}

// Modal
.ecl-modal__content {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

// Select
.ecl-select__icon {
  left: 0;
  right: auto;
}

// Skip link
.ecl-skip-link:active,
.ecl-skip-link:focus {
  left: auto;
  right: map.get(theme.$spacing, 'l');
}

// Table
.ecl-table__arrow {
  left: auto;
  right: map.get(theme.$spacing, '2xs');
}

.ecl-table__icon {
  left: auto;
  right: 0;
}

// Tabs
.ecl-tabs__dropdown,
.ecl-tabs__toggle {
  left: 0;
  right: auto;
}

.ecl-tabs__next {
  left: 0;
  right: auto;
}

.ecl-tabs__prev {
  left: auto;
  right: 0;
}

// Timeline
.ecl-timeline,
.ecl-timeline__label,
.ecl-timeline__title,
.ecl-timeline__content,
.ecl-timeline__toggle {
  transform: scaleX(-1);
}

.ecl-timeline__tooltip,
.ecl-timeline__item {
  padding-inline-end: map.get(theme.$spacing, 'l');
}

.ecl-timeline__item--toggle {
  display: flex;
  justify-content: end;
  padding-inline-end: map.get(theme.$spacing, 'l');
}

.ecl-timeline__label {
  text-align: start;
}

.ecl-timeline__tooltip::before {
  left: map.get(theme.$spacing, 'l');
}

// Popover
.ecl-popover--left
  .ecl-popover__container
  .ecl-popover__scrollable
  .ecl-popover__content {
  direction: rtl;
}
