/*--------------------------------------------------------------
# RTL (Right-to-Left) Optimizations
# ONLY directional changes - no colors, fonts, backgrounds, etc.
--------------------------------------------------------------*/

/* Global RTL Direction */
body {
  direction: rtl !important;
  text-align: right !important;
}

/*--------------------------------------------------------------
# Top Bar RTL
--------------------------------------------------------------*/
#topbar .contact-info li + li {
  margin-left: 0;
  margin-right: 18px;
}

#topbar .contact-info i {
  padding-right: 0;
  padding-left: 4px;
}

/* Phone numbers - force LTR */
#topbar .contact-info a[href^="tel"],
.contact .info a[href^="tel"] {
  direction: ltr;
  display: inline-block;
  unicode-bidi: embed;
}

/*--------------------------------------------------------------
# Navigation Menu RTL
--------------------------------------------------------------*/
.nav-menu > ul > li {
  padding: 10px 24px 10px 0;
}

.nav-menu .drop-down ul {
  left: auto;
  right: 14px;
}

.nav-menu .drop-down .drop-down ul {
  left: auto;
  right: 90%;
}

.nav-menu .drop-down .drop-down:hover > ul {
  left: auto;
  right: 100%;
}

/*--------------------------------------------------------------
# Breadcrumbs RTL
--------------------------------------------------------------*/
.breadcrumbs ol {
  direction: rtl !important;
  justify-content: flex-end !important;
}

.breadcrumbs ol li {
  padding: 0 10px 0 0 !important;
}

.breadcrumbs ol li:first-child {
  padding-right: 0 !important;
}

.breadcrumbs ol li + li {
  padding-left: 0 !important;
  padding-right: 10px !important;
}

.breadcrumbs ol li + li::before {
  padding: 0 10px 0 5px !important;
}

/*--------------------------------------------------------------
# Footer RTL
--------------------------------------------------------------*/
#footer .footer-top .footer-links ul i {
  padding-right: 0 !important;
  padding-left: 2px !important;
}

#footer .footer-top .social-links a {
  margin-right: 0;
  margin-left: 4px;
}

/*--------------------------------------------------------------
# Contact Section RTL
--------------------------------------------------------------*/
.contact .info i {
  float: right;
}

.contact .info h4 {
  padding: 0 60px 0 0;
}

.contact .info p {
  padding: 0 60px 0 0;
}

/*--------------------------------------------------------------
# Positioning RTL
--------------------------------------------------------------*/
.back-to-top {
  right: auto;
  left: 15px;
}

.mobile-nav-toggle {
  right: auto;
  left: 15px;
}

/*--------------------------------------------------------------
# About Section RTL
--------------------------------------------------------------*/
.about .content ul li {
  padding-right: 28px;
  padding-left: 0;
}

.about .content ul i {
  right: 0;
  left: auto;
}

/*--------------------------------------------------------------
# Carousel RTL
--------------------------------------------------------------*/
.carousel-control-prev {
  left: auto;
  right: 0;
}

.carousel-control-next {
  right: auto;
  left: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  transform: scaleX(-1);
}

/*--------------------------------------------------------------
# Icon Box RTL
--------------------------------------------------------------*/
.icon-box i {
  float: right;
  margin: 0 0 0 15px;
}

/*--------------------------------------------------------------
# Lists RTL
--------------------------------------------------------------*/
ul {
  padding-right: 20px;
  padding-left: 0;
}

ol {
  padding-right: 20px;
  padding-left: 0;
}

/*--------------------------------------------------------------
# Form Elements RTL
--------------------------------------------------------------*/
input,
textarea,
select {
  direction: rtl;
  text-align: right;
}

/*--------------------------------------------------------------
# Tables RTL
--------------------------------------------------------------*/
th,
td {
  text-align: right;
}

/*--------------------------------------------------------------
# Dropdown RTL
--------------------------------------------------------------*/
.dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/*--------------------------------------------------------------
# Modal RTL
--------------------------------------------------------------*/
.modal-footer {
  justify-content: flex-start;
}

/*--------------------------------------------------------------
# Bootstrap Utilities RTL Override
--------------------------------------------------------------*/
.float-left {
  float: right !important;
}

.float-right {
  float: left !important;
}

.text-left {
  text-align: right !important;
}

.text-right {
  text-align: left !important;
}

.mr-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.ml-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.pr-3 {
  padding-left: 1rem !important;
  padding-right: 0 !important;
}

.pl-3 {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}

/*--------------------------------------------------------------
# Mobile Responsive RTL
--------------------------------------------------------------*/
@media (max-width: 991px) {
  /* Language switcher vertical centering */
    .lang-switcher {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
}

@media (max-width: 768px) {
  .breadcrumbs {
    margin-top: 80px;
  }
}


/*--------------------------------------------------------------
# Links Page RTL Enhancements
--------------------------------------------------------------*/

/* Tab Content RTL - Border positioning */
.tab-content ul li {
  border-right: 3px solid transparent;
  border-left: none;
}

.tab-content ul li:hover {
  border-right-color: #0880e8;
  border-left-color: transparent;
  padding-right: 1rem;
  padding-left: 0.5rem;
}

/* Link icon RTL positioning */
.tab-content ul li a::before {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Badges RTL positioning */
.badge-new,
.badge-updated {
  margin-right: 0.5rem;
  margin-left: 0;
}