/* RTL Styles for Arabic Language */

/* General RTL overrides */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Header RTL */
[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

[dir="rtl"] .navbar-nav .nav-item {
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .navbar-nav .nav-item + .nav-item {
    margin-right: 1rem;
    margin-left: 0;
}

/* Navigation RTL */
[dir="rtl"] .main-menu .nav-menu-wrapper {
    direction: rtl;
}

[dir="rtl"] .navbar-nav {
    padding-right: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

/* Ensure menu items are properly ordered from right to left */
[dir="rtl"] .main-menu .nav-menu-wrapper > ul {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li {
    order: unset;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li:nth-child(1) {
    order: 5;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li:nth-child(2) {
    order: 4;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li:nth-child(3) {
    order: 3;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li:nth-child(4) {
    order: 2;
}

[dir="rtl"] .main-menu .nav-menu-wrapper > ul li:nth-child(5) {
    order: 1;
}

[dir="rtl"] .main-menu ul li {
    margin: 0 9px;
}

[dir="rtl"] .main-menu ul li.submenu > a:after {
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .main-menu ul ul {
    left: auto;
    right: 0;
    text-align: right;
}

[dir="rtl"] .main-menu ul ul ul {
    left: auto;
    right: 100%;
}

[dir="rtl"] .main-menu ul li.submenu ul li.submenu > a:after {
    content: '\f104';
    float: left;
}

[dir="rtl"] .main-menu ul ul li a:hover,
[dir="rtl"] .main-menu ul ul li a:focus {
    padding: 8px 23px 8px 20px !important;
}

/* Button RTL */
[dir="rtl"] .btn-default {
    direction: rtl;
}

/* Container RTL */
[dir="rtl"] .container {
    direction: rtl;
}

/* Row RTL */
[dir="rtl"] .row {
    direction: rtl;
}

/* Column RTL */
[dir="rtl"] .col-lg-6:first-child {
    order: 2;
}

[dir="rtl"] .col-lg-6:last-child {
    order: 1;
}

/* Text alignment RTL */
[dir="rtl"] .text-left {
    text-align: right !important;
}

[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Float RTL */
[dir="rtl"] .float-left {
    float: right !important;
}

[dir="rtl"] .float-right {
    float: left !important;
}

/* Margin and Padding RTL */
[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Bootstrap Grid RTL */
[dir="rtl"] .col-lg-1,
[dir="rtl"] .col-lg-2,
[dir="rtl"] .col-lg-3,
[dir="rtl"] .col-lg-4,
[dir="rtl"] .col-lg-5,
[dir="rtl"] .col-lg-6,
[dir="rtl"] .col-lg-7,
[dir="rtl"] .col-lg-8,
[dir="rtl"] .col-lg-9,
[dir="rtl"] .col-lg-10,
[dir="rtl"] .col-lg-11,
[dir="rtl"] .col-lg-12 {
    direction: rtl;
}

/* Hero Section RTL */
[dir="rtl"] .hero-content {
    text-align: right;
}

[dir="rtl"] .section-title h1,
[dir="rtl"] .section-title h2,
[dir="rtl"] .section-title p {
    text-align: right;
}

/* About Section RTL */
[dir="rtl"] .about-content {
    text-align: right;
}

[dir="rtl"] .about-feature-item {
    text-align: right;
}

[dir="rtl"] .about-feature-item .icon-box {
    margin-left: 1rem;
    margin-right: 0;
}

/* Footer RTL */
[dir="rtl"] .footer-content {
    direction: rtl;
}

/* Social Icons RTL */
[dir="rtl"] .social-icon {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* List RTL */
[dir="rtl"] ul {
    padding-right: 0;
    padding-left: 0;
}

[dir="rtl"] li {
    direction: rtl;
}

/* Form RTL */
[dir="rtl"] .form-control {
    text-align: right;
}

[dir="rtl"] .form-group {
    direction: rtl;
}

/* Modal RTL */
[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

/* Dropdown RTL */
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* Breadcrumb RTL */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
    float: right;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Page Header RTL */
[dir="rtl"] .page-header-box h1 {
    text-align: center !important;
}

[dir="rtl"] .page-header-box nav {
    text-align: right;
}

/* Ensure all page titles stay centered in RTL */
[dir="rtl"] h1[data-translate] {
    text-align: center !important;
}

[dir="rtl"] .page-header h1 {
    text-align: center !important;
}

/* Responsive RTL */
@media (max-width: 768px) {
    [dir="rtl"] .navbar-nav {
        flex-direction: column;
    }
    
    [dir="rtl"] .navbar-nav .nav-item + .nav-item {
        margin-right: 0;
        margin-top: 0.5rem;
    }
    
    [dir="rtl"] .col-lg-6:first-child,
    [dir="rtl"] .col-lg-6:last-child {
        order: unset;
    }
}

/* Language Button RTL */
[dir="rtl"] #langBtn {
    font-family: 'Arial', sans-serif;
    font-weight: bold;
}

/* Preloader RTL */
[dir="rtl"] .preloader {
    direction: rtl;
}

/* Animation RTL */
[dir="rtl"] .wow {
    direction: rtl;
}

/* Icon RTL */
[dir="rtl"] .icon-box {
    direction: rtl;
}

/* Content RTL */
[dir="rtl"] .content {
    direction: rtl;
}

/* About Us Body RTL - Fix checkmark positioning */
[dir="rtl"] .about-us-body ul li {
    padding-left: 0;
    padding-right: 30px;
}

[dir="rtl"] .about-us-body ul li:before {
    left: auto;
    right: 0;
}

/* Feature List RTL */
[dir="rtl"] .about-feature-list {
    direction: rtl;
}

[dir="rtl"] .about-feature-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

[dir="rtl"] .about-feature-item .icon-box {
    flex-shrink: 0;
    margin-left: 1rem;
    margin-right: 0;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

[dir="rtl"] .about-feature-item .content {
    flex: 1;
}

[dir="rtl"] .about-feature-item .content h4 {
    margin-bottom: 0.5rem;
    color: var(--primary-color);
}

[dir="rtl"] .about-feature-item .content p {
    margin-bottom: 0;
    color: var(--text-color);
    line-height: 1.6;
}

/* About Experience Circle RTL - Fix positioning */
[dir="rtl"] .about-experience {
    right: auto;
    left: 0;
    transform: translate(50%, 50%);
}

/* CTA Box RTL - Fix layout and positioning */
[dir="rtl"] .cta-box-item {
    border-right: none;
    border-left: 1px solid var(--divider-color);
    margin-right: 0;
    margin-left: 15px;
    padding-right: 0;
    padding-left: 15px;
}

[dir="rtl"] .cta-box .col-lg-4:nth-child(2) .cta-box-item {
    border: none;
    padding-left: 0;
    margin-left: 0;
}

[dir="rtl"] .cta-box-item .icon-box {
    margin-right: 0;
    margin-left: 20px;
}

[dir="rtl"] .cta-box-btn {
    text-align: left;
}

/* Why Choose Us Section RTL */
[dir="rtl"] .why-choose-us .icon-star-image {
    left: auto;
    right: 0;
    transform: translate(-10px, -50%);
}

/* Keep specific section titles centered in RTL */
[dir="rtl"] .why-choose-us .section-title,
[dir="rtl"] .why-choose-us .section-title h1,
[dir="rtl"] .why-choose-us .section-title h2,
[dir="rtl"] .why-choose-us .section-title h3,
[dir="rtl"] .why-choose-us .section-title p {
    text-align: center !important;
}

[dir="rtl"] .our-team .section-title,
[dir="rtl"] .our-team .section-title h1,
[dir="rtl"] .our-team .section-title h2,
[dir="rtl"] .our-team .section-title h3,
[dir="rtl"] .our-team .section-title p {
    text-align: center !important;
}

[dir="rtl"] .our-services .section-title,
[dir="rtl"] .our-services .section-title h1,
[dir="rtl"] .our-services .section-title h2,
[dir="rtl"] .our-services .section-title h3,
[dir="rtl"] .our-services .section-title p {
    text-align: center !important;
}

/* Keep the original column order but fix the content layout */
[dir="rtl"] .why-choose-us .col-lg-4:nth-child(1) {
    order: 1;
}

[dir="rtl"] .why-choose-us .col-lg-4:nth-child(2) {
    order: 2;
}

[dir="rtl"] .why-choose-us .col-lg-4:nth-child(3) {
    order: 3;
}

/* Fix why-choose-item layout for RTL - keep icons in their original positions */
[dir="rtl"] .why-choose-box-1 .why-choose-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .why-choose-box-1 .why-choose-item .icon-box {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .why-choose-box-1 .why-choose-item .why-choose-content {
    text-align: right;
}

[dir="rtl"] .why-choose-box-2 .why-choose-item {
    flex-direction: row;
}

[dir="rtl"] .why-choose-box-2 .why-choose-item .icon-box {
    margin-right: 15px;
    margin-left: 0;
}

[dir="rtl"] .why-choose-box-2 .why-choose-item .why-choose-content {
    text-align: left;
}

/* Video Section RTL - Ensure content stays centered */
[dir="rtl"] .visit-clinic-content {
    text-align: center !important;
}

[dir="rtl"] .visit-clinic-content .section-title {
    text-align: center !important;
}

[dir="rtl"] .visit-clinic-content .section-title h3,
[dir="rtl"] .visit-clinic-content .section-title h2 {
    text-align: center !important;
}

[dir="rtl"] .visit-clinic-btn {
    text-align: center !important;
}