/* RTL overrides for edge cases only
   Most CSS should work automatically with logical properties
   This file handles things that can't use logical properties */

[dir="rtl"] {
  /* Icon direction flips for FontAwesome */
  .fa-arrow-right::before { content: "\f060"; }
  .fa-arrow-left::before { content: "\f061"; }
  .fa-chevron-right::before { content: "\f053"; }
  .fa-chevron-left::before { content: "\f054"; }
  .fa-long-arrow-right::before { content: "\f177"; }
  .fa-long-arrow-left::before { content: "\f178"; }
  .fa-angle-right::before { content: "\f104"; }
  .fa-angle-left::before { content: "\f105"; }
  .fa-caret-right::before { content: "\f0d9"; }
  .fa-caret-left::before { content: "\f0da"; }

  /* Flip horizontal transforms */
  .flip-on-rtl {
    transform: scaleX(-1);
  }

  /* Carousel/slider navigation adjustments */
  .owl-nav .owl-prev,
  .slick-prev {
    right: auto;
    left: 10px;
  }

  .owl-nav .owl-next,
  .slick-next {
    left: auto;
    right: 10px;
  }

  /* Form input icons (search, etc) */
  .input-with-icon-left .icon {
    left: auto;
    right: 10px;
  }

  .input-with-icon-left input {
    padding-left: 15px;
    padding-right: 40px;
  }

  /* Dropdown menus */
  .dropdown-menu {
    text-align: right;
  }

  /* Lists with custom markers */
  ul.custom-list li::before {
    left: auto;
    right: 0;
  }

  /* Checkmarks and bullets */
  .list-check li,
  .list-arrow li {
    padding-left: 0;
    padding-right: 25px;
  }

  .list-check li::before,
  .list-arrow li::before {
    left: auto;
    right: 0;
  }
}

/* Language switcher styles */
.language-switcher {
  position: relative;
}

.language-switcher .dropdown-toggle {
  background: transparent;
  border: 1px solid #ddd;
  padding: 5px 15px;
  border-radius: 4px;
}

.language-switcher .dropdown-menu {
  min-width: 120px;
}

.language-switcher .dropdown-item.active {
  background-color: #f8f9fa;
  color: #333;
  font-weight: 600;
}