/**
 * RTL Styles for Israa Academy Website
 */

body.rtl {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif;
}

/* Header */
body.rtl .logo {
  margin-left: auto;
  margin-right: 0;
}

body.rtl .navmenu {
  margin-right: auto;
  margin-left: 2rem;
}

body.rtl .dropdown-toggle::after {
  margin-right: 0.255em;
  margin-left: 0;
}

/* Layout & Common Elements */
body.rtl .text-start {
  text-align: right !important;
}

body.rtl .text-end {
  text-align: left !important;
}

body.rtl .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}

body.rtl .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

body.rtl .me-1, 
body.rtl .me-2, 
body.rtl .me-3, 
body.rtl .me-4, 
body.rtl .me-5 {
  margin-left: 0.25rem !important;
  margin-right: 0 !important;
}

body.rtl .ms-1, 
body.rtl .ms-2, 
body.rtl .ms-3, 
body.rtl .ms-4, 
body.rtl .ms-5 {
  margin-right: 0.25rem !important;
  margin-left: 0 !important;
}

body.rtl .float-start {
  float: right !important;
}

body.rtl .float-end {
  float: left !important;
}

/* Blog */
body.rtl .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
}

body.rtl .breadcrumb {
  padding-right: 0;
}

body.rtl .card-footer small {
  direction: rtl;
}

body.rtl .blog-sidebar {
  text-align: right;
}

body.rtl .post-item img {
  margin-left: 1rem;
  margin-right: 0;
}

/* Form Elements */
body.rtl .form-check {
  padding-right: 1.5em;
  padding-left: 0;
}

body.rtl .form-check .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

body.rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: -1px;
  margin-left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

body.rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
body.rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

/* RTL CSS for Arabic version */

body {
  text-align: right;
  direction: rtl;
}

.navbar .dropdown ul {
  left: auto;
  right: 0;
}

.navbar .dropdown ul li.dropdown ul {
  right: calc(100% - 30px);
  left: auto;
}

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

.dropdown .dropdown i {
  margin-left: 0;
  margin-right: 5px;
}

.bi-chevron-down {
  margin-left: 0;
  margin-right: 5px;
}

.bi-chevron-right:before {
  content: "\f284"; /* Bootstrap icon for chevron-left */
}

.bi-quote.quote-icon-left {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}

.bi-quote.quote-icon-right {
  float: left;
  margin-right: 5px;
  margin-left: 0;
}

.testimonial-img {
  margin: 0 0 0 15px;
}

.footer-links i {
  padding-right: 0;
  padding-left: 2px;
}

.btn-watch-video i {
  margin-right: 0;
  margin-left: 5px;
}

/* Fix Bootstrap RTL issues */
.me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

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

.me-2 {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

.ms-2 {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}

/* Ensure RTL support for specific components */
.swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev {
  right: 10px;
  left: auto;
}

.footer-newsletter .newsletter-form input[type="submit"] {
  right: auto;
  left: 0;
}

/* Fix for custom components */
.info-item i {
  margin-right: 0;
  margin-left: 20px;
}

/* Fix for hero section */
@media (min-width: 1024px) {
  .hero .content {
    text-align: right;
  }
}

/* For icons in list items */
.content ul li i {
  margin-right: 0;
  margin-left: 8px;
}

/* For service items */
.service-item .icon {
  margin-right: 0;
  margin-left: 15px;
}