/*
 * RTL Stylesheet for Arabic Language
 * dsba-theme
 */

body.rtl,
html[dir="rtl"] {
    direction: rtl; 
    text-align: right; 
    font-family: 'Almarai', 'Nunito', sans-serif;
}

/* Typography */
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    font-family: 'Almarai', 'Nunito', sans-serif;
}

body.rtl p,
body.rtl span,
body.rtl div,
body.rtl a,
body.rtl button,
body.rtl input,
body.rtl textarea,
body.rtl select {
    font-family: 'Almarai', 'Nunito', sans-serif;
}

/* Navigation */
body.rtl .nav-container {
    flex-direction: row-reverse;
}

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


body.rtl .nav-submenu-item {
    text-align: right;
}

/* Mobile Menu */
body.rtl .mobile-menu {
    left: auto;
    right: 0;
}

body.rtl .mobile-menu-toggle {
    margin-left: 0;
    margin-right: auto;
}

/* Content */
body.rtl .section-title,
body.rtl .page-title {
    text-align: right;
}

/* Footer */
body.rtl .footer-contact-item i {
    margin-left: 10px;
    margin-right: 0;
}

body.rtl .footer-social {
    text-align: right;
}

/* Buttons */
body.rtl .btn i {
    margin-left: 0;
    margin-right: 10px;
}

/* Forms */
body.rtl input[type="text"],
body.rtl input[type="email"],
body.rtl textarea {
    text-align: right;
}

/* Lists */
body.rtl ul,
body.rtl ol {
    padding-right: 20px;
    padding-left: 0;
}

/* Arrows and Icons */
body.rtl .bi-arrow-right::before {
    content: "\f285"; /* arrow-left */
}

body.rtl .bi-arrow-left::before {
    content: "\f284"; /* arrow-right */
}

/* =====================================
   CAROUSEL RTL FIXES
   ===================================== */

/* Bootstrap Carousel RTL - Swap Controls */
body.rtl .carousel {
    direction: rtl;
}

body.rtl .carousel-inner {
    direction: rtl;
}

body.rtl .carousel-item {
    direction: rtl;
}

/* Swap control positions */
body.rtl .carousel-control-prev {
    right: 0;
    left: auto;
}

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

/* Reverse carousel indicators */
body.rtl .carousel-indicators {
    direction: ltr;
    flex-direction: row-reverse;
}

/* Music Updates Carousel */
body.rtl .music-updates-carousel {
    direction: rtl;
}

body.rtl .music-updates-carousel .carousel-control-prev {
    right: 10px;
    left: auto;
}

body.rtl .music-updates-carousel .carousel-control-next {
    left: 10px;
    right: auto;
}

body.rtl .music-updates-card {
    direction: rtl;
}

/* Annual Events Carousel */
body.rtl .annual-events-carousel {
    direction: rtl;
}

body.rtl .annual-events-slider {
    direction: rtl;
}

body.rtl .annual-events-carousel .carousel-control-prev {
    right: -50px;
    left: auto;
}

body.rtl .annual-events-carousel .carousel-control-next {
    left: -50px;
    right: auto;
}

/* Flip arrow icons to match swapped positions in RTL */
body.rtl .annual-events-carousel .carousel-control-prev .carousel-control-prev-icon {
    transform: scaleX(-1);
}

body.rtl .annual-events-carousel .carousel-control-next .carousel-control-next-icon {
    transform: scaleX(-1);
}

/* Upcoming Events Carousel */
body.rtl .upcoming-events-carousel {
    direction: rtl;
}

body.rtl .event-card {
    direction: rtl;
}

/* Performances Carousel */
body.rtl .performances-carousel {
    direction: rtl;
}

body.rtl .performance-card {
    direction: rtl;
}

/* Teachers Carousel */
body.rtl .teachers-carousel {
    direction: rtl;
}

body.rtl .teacher-card {
    direction: rtl;
}

/* Graduates Carousel */
body.rtl .graduates-slider {
    direction: rtl;
}

/* Slick Carousel RTL */
body.rtl .slick-slider {
    direction: rtl;
}

body.rtl .slick-track {
    direction: rtl;
}

body.rtl .slick-slide {
    direction: rtl;
}

body.rtl .slick-prev {
    left: auto;
    right: -25px;
}

body.rtl .slick-next {
    right: auto;
    left: -25px;
}

body.rtl .slick-prev:before {
    content: '→';
}

body.rtl .slick-next:before {
    content: '←';
}

/* Swiper RTL */
body.rtl .swiper-container {
    direction: rtl;
}

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

body.rtl .swiper-button-next {
    right: auto;
    left: 10px;
}

/* Language Switcher Dropdown RTL */
body.rtl .lang-menu {
    left: 0;
    right: auto;
}

body.rtl .mobile-lang-menu {
    left: 0;
    right: auto;
}

/* Responsive RTL */
@media (max-width: 991px) {
    body.rtl .mobile-menu {
        right: 0;
        left: auto;
    }
    
    body.rtl .carousel-control-prev,
    body.rtl .carousel-control-next {
        width: 40px;
        height: 40px;
    }
}

/* School Profile Tabs RTL */
body.rtl .profile-tabs .nav-link {
    text-align: right;
}

body.rtl .profile-tabs .nav-link.active {
    padding-left: 0;
    padding-right: 25px;
}

body.rtl .profile-tabs .nav-link.active::before {
    left: auto;
    right: 0;
}

/* Profile Dropdown RTL */
body.rtl .profile-dropdown-select {
    padding: 18px 35px 18px 70px;
    background-position: right 15px center;
    text-align: right;
    direction: rtl;
}

body.rtl .dropdown-arrow-box {
    left: 0;
    right: auto;
}

/* Tab Content RTL */
body.rtl .tab-content-box {
    text-align: right;
}

@media (max-width: 767px) {
    body.rtl .profile-dropdown-select {
        padding: 18px 35px 18px 70px;
        background-position: right 15px center;
    }
}

@media (max-width: 575px) {
    body.rtl .profile-dropdown-select {
        padding: 16px 32px 16px 65px;
        background-position: right 12px center;
    }
}

.nav-container {
  border-radius: 0 10px 10px 0;
}

.lang-selector {
  border-radius: 10px 0 0 10px;
}

.header-actions {
  padding-left: 45px;
  padding-right: 0;
}

.lang-menu {
    background-color: var(--color-bg-cream);
    border-radius: 10px;
}

.lang-current {
  color: var(--color-black);
  font-size: 15px;
  }
  
.hero-content {
  padding-bottom: 280px !important;
}  
.hero-title {
  text-align: right;
}

.hero-title-circle {
    right: 0;
     left: unset;
}

.upcoming-events-title {
    text-align: right;
}

.upcoming-events-date-badge {
    left: 0;
}

.quick-link-title {
    text-align: right;
}

.faqs-icon {
  left: unset;
  right: 20px;
}

.faqs-accordion-button {
    text-align: right;
}

.footer-links li::before {
  margin-right: -1em;
  margin-left: 0.5em;
}

.scroll-to-top {
  left: 30px;
}

.stage-box {
  text-align: right;
}

.program-tabs .nav-link.active::before {
  right: 0;
}

.program-tabs .nav-link {
    text-align: right;
}

.program-tabs .nav-link.active {
  padding-right: 30px;
}

.summary-table thead th {
     text-align: right;
}

.summary-table thead th:first-child {
  padding-right: 20px;
}
.stage-name {
  padding-right: 20px !important;
}
.methods-image img {
  border-radius: 10px 0 0 10px;
}

.quality-image img {
  border-radius: 0 10px 10px 0;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

.take-survey-btn {
  width: 255px;
}

.detail-list li {
  padding-right: 25px;
}
.detail-list li::before {
  right: 0;
}

.content-lists li {
  padding-right: 30px;
}
.content-lists li::before {
  right: 0;
}
.content-list li {
  padding-right: 30px;
}
.content-list li::before {
  right: 0;
}
.parents-council-list li {
  padding-right: 25px;
}
.parents-council-list li::before {
  right: 0;
}
.parents-council-table thead th {
  text-align: right;
}
.bus-rules-list li::before {
  right: 0;
}
.bus-rules-list li {
  padding-right: 50px;
}
.expectations-tabs .nav-link.active {
  padding-right: 30px;
}
.expectations-tabs .nav-link.active::before {
  right: 0;
}
.expectations-tabs .nav-link {
  text-align: right;
}
.expectations-list li {
  padding-right: 30px;
}
.expectations-list li::before {
  right: 0;
}
.house-rules-tabs .nav-link.active {
  padding-right: 30px;
}
.house-rules-tabs .nav-link {
  text-align: right;
}
.house-rules-tabs .nav-link.active::before {
  right: 0;
}
.discipline-tabs .nav-link.active {
  padding-right: 30px;
}
.discipline-tabs .nav-link {
  text-align: right;
}
.discipline-tabs .nav-link.active::before {
  right: 0;
}
.discipline-list li {
  padding-right: 30px;
}
.discipline-list li::before {
  right: 0;
}
.sisters-congregation-list li {
  padding-right: 25px;
}
.sisters-congregation-list li::before {
  right: 0;
}
.study-main-list li {
  padding-right: 25px;
}
.study-main-list li::before {
  right: 0;
}
    right: 0;
    left: auto;
}

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

/* Flip the arrow icons */
 .carousel-control-prev-icon {
    transform: scaleX(-1);
}

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

/* Event Carousel specific fixes */
 .event-carousel .carousel-control-prev {
    right: 0;
    left: auto;
}

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

/* Gallery Slider RTL fix */
 #updateGallerySlider .carousel-control-prev {
    right: 0;
    left: auto;
}

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

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

 .school-calendar-grid {
    direction: ltr; /* Keep calendar grid LTR */
}

 .school-calendar-day-header {
    direction: rtl;
}

 .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "‹";
}

 .dropdown-menu {
    right: 0;
    left: auto;
}

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

 .pagination {
    direction: rtl;
}

 .page-link {
    margin-right: -1px;
    margin-left: 0;
}

 .hero-content {
    text-align: right;
}

 .inner-hero-content {
    text-align: right;
}

 .mobile-menu-icon {
    right: auto;
    left: 20px;
}

 .mobile-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

 .mobile-menu.active {
    transform: translateX(0);
}

 .news-grid-category-badge {
    right: auto;
    left: 15px;
}
 .social-icons {
    justify-content: flex-start;
}
 
 .social-icons a {
    margin-right: 0;   
    margin-left: 15px; 
}

 .social-icons a:last-child {
    margin-left: 0;
}
.nav-submenu-button-col {
  padding-right: 20px;
}
.nav-submenu-col { 
  padding-left: 20px;
  border-left: 0;
}

.history-image img {
  border-radius: 15px 0 0 15px;
}

.img-fluid.study-main-image.ipad-image {
  border-radius: 10px 0 0 !important;
}
.contact-form-select {
  background-position: left 20px center;
    color: #999;
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
  direction: rtl;
}
.nav-submenu-two-cols {
  right: auto;
  left: -280px;
}
.summary-image img {
  border-radius: 10px 0 0 10px;
}

/* ========================================
   SCHOOL HISTORY TIMELINE - RTL
   ======================================== */

/* Desktop: swap left/right containers */
body.rtl .dsb-alex-left {
    right: 0%;
}

body.rtl .dsb-alex-right {
    left: 0;
}

.dsb-alex-right {
  right: 50%;
}

/* Dots: swap sides */
body.rtl .dsb-alex-container::after {
    left: -7px;
    right: auto;
}

body.rtl .dsb-alex-right::after {
    left: auto;
    right: -7px;
}

/* Year: swap positions */
body.rtl .dsb-alex-left .dsb-alex-year {
    right: auto;
    left: 20px;
    text-align: left;
}

body.rtl .dsb-alex-right .dsb-alex-year {
    left: auto;
    right: 20px;
    text-align: right;
}

/* Card margins: swap */
body.rtl .dsb-alex-left .dsb-alex-content {
    margin-right: 0;
    margin-left: 100px;
}

body.rtl .dsb-alex-right .dsb-alex-content {
    margin-left: 0;
    margin-right: 100px;
}

/* Connector lines: swap */
body.rtl .dsb-alex-left .dsb-alex-content::after {
    right: auto;
    left: -42px;
}

body.rtl .dsb-alex-right .dsb-alex-content::after {
    left: auto;
    right: -40px;
}

/* ========================================
   MOBILE RTL (<= 991px)
   ======================================== */
@media (max-width: 991px) {

    /* Move timeline line to the RIGHT */
    body.rtl .dsb-alex-timeline::after {
        left: auto;
        right: 20px;
    }

    body.rtl .dsb-alex-container {
        padding: 0 15px 0 0 !important;
        left: auto !important;
        right: 0 !important;
    }

    /* Dot on the right */
    body.rtl .dsb-alex-container::after {
        left: auto !important;
        right: 12.5px;
    }

    /* Year on the right side */
    body.rtl .dsb-alex-year {
        left: auto !important;
        right: 50px !important;
        text-align: right !important;
    }

    /* Card on the right side */
    body.rtl .dsb-alex-content {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }
}

/* ========================================
   SMALL MOBILE RTL (<= 575px)
   ======================================== */
@media (max-width: 575px) {

    body.rtl .dsb-alex-timeline::after {
        right: 15px;
        left: auto;
    }

    body.rtl .dsb-alex-container::after {
        right: -7px !important;
    left: auto !important;
  }

    body.rtl .dsb-alex-year {
        right: 40px !important;
        left: auto !important;
    }

    body.rtl .dsb-alex-content {
        margin-right: 40px !important;
        margin-left: 0 !important;
    }
}


body.rtl .bi-arrow-right::before {
  content: "\f284";
}
.fa-arrow-right::before {
  content: "\f060";
}
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
  padding-right: 8px;
  content: "›";
}
body.rtl [class*="text-md-end"] {
    text-align: left !important;
}

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

@media (max-width: 991px) {
  .mobile-menu-btn {
    border-radius: 0 10px 10px 0;
  }
}

@media (max-width: 768px) {
  .login-btn {
    padding: 16px 15px;
    font-size: 12px;
  }
    .lang-selector {
    padding: 13px 15px;
    }
}

body.rtl .bi-arrow-right::before {
  content: "\f138";
  rotate: 180deg;
}

.school-calendar-header {
  direction: ltr;
}
.inner-hero-content {
  padding-bottom: 145px;
}

.faqs-accordion .accordion-button {
    font-family: 'Almarai', 'Nunito', sans-serif;
}

.requirements-accordion .accordion-button {
  font-family: 'Almarai';
}
.requirements-accordion .accordion-body {
  font-family: 'Almarai';
}

.nav-submenu-wide {
  left: -396px !important;
}