/* RTL Layout for Arabic Language */

/* Import Arabic font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Russian font support */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* RTL Layout */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
  font-family: 'Noto Sans Arabic', 'Arial', sans-serif !important;
}

/* Russian Language Font */
[lang="ru"] {
  font-family: 'Roboto', 'Noto Sans', 'Arial', sans-serif !important;
}

/* Arabic Language Font */
[lang="ar"], [lang="ar"] * {
  font-family: 'Noto Sans Arabic', 'Arial', sans-serif !important;
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: embed;
}

/* RTL specific adjustments */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
  direction: rtl;
}

[dir="rtl"] .row {
  direction: rtl;
}

/* Header RTL fixes */
[dir="rtl"] .vl-header-area .vl-main-menu ul li {
  float: right;
  margin-left: 35px;
  margin-right: 0;
}

[dir="rtl"] .vl-main-menu ul li a {
  text-align: right;
}

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

[dir="rtl"] .vl-main-menu ul li .sub-menu li {
  float: none;
  margin: 0;
  text-align: right;
}

/* Language switcher RTL */
[dir="rtl"] .language-switcher {
  flex-direction: row-reverse;
}

[dir="rtl"] .language-switcher .dropdown-menu {
  left: auto;
  right: 0;
}

/* Content RTL adjustments */
[dir="rtl"] .vl-section-title2 {
  text-align: right;
}

[dir="rtl"] .vl-section-title2 .subtitle {
  text-align: right;
}

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

/* Button RTL adjustments */
[dir="rtl"] .vl-btn {
  text-align: center;
}

[dir="rtl"] .blog-learnmore {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .blog-learnmore span {
  margin-left: 0;
  margin-right: 10px;
}

/* Card content RTL */
[dir="rtl"] .vl-single-service-box3,
[dir="rtl"] .vl-single-blog-box2 {
  text-align: right;
}

[dir="rtl"] .vl-single-service-box3 .vl-service-content,
[dir="rtl"] .vl-single-blog-box2 .vl-blog-content {
  text-align: right;
}

/* Icon adjustments for RTL */
[dir="rtl"] .vl-service-content .icon {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

/* Fix icon display issues in RTL */
[dir="rtl"] i, [dir="rtl"] .fa, [dir="rtl"] .fas, [dir="rtl"] .far, [dir="rtl"] .fab {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: scaleX(-1) !important; /* Mirror icons for RTL */
}

/* Arrow icons should not be mirrored */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-angle-left {
  transform: scaleX(1) !important;
}

/* Service card icons */
[dir="rtl"] .modern-service-card .service-icon,
[dir="rtl"] .vl-service-icon {
  display: inline-block !important;
  visibility: visible !important;
}

/* Header icons */
[dir="rtl"] .vl-header-icon-box-flex-2 i,
[dir="rtl"] .vl-header-action-item i {
  display: inline-block !important;
}

/* Button icons */
[dir="rtl"] .btn i,
[dir="rtl"] .button i,
[dir="rtl"] .service-btn-modern i,
[dir="rtl"] .blog-learnmore i {
  margin-right: 8px;
  margin-left: 0;
}

/* Fix FontAwesome icons in RTL */
[dir="rtl"] .fa-brands,
[dir="rtl"] .fa-solid,
[dir="rtl"] .fa-regular {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
  font-weight: 900;
  font-style: normal;
  display: inline-block !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Social media icons */
[dir="rtl"] .vl-footer-social i,
[dir="rtl"] .social-icons i {
  transform: none !important;
}

/* Navigation arrows */
[dir="rtl"] .nav-arrows .fa-arrow-right {
  transform: rotate(180deg) !important;
}

[dir="rtl"] .nav-arrows .fa-arrow-left {
  transform: rotate(180deg) !important;
}

/* Meta information RTL */
[dir="rtl"] .vl-blog-meta {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .vl-blog-meta a {
  margin-left: 20px;
  margin-right: 0;
}

[dir="rtl"] .vl-blog-meta .meta-icon {
  margin-left: 0;
  margin-right: 6px;
}

/* Footer RTL adjustments */
[dir="rtl"] .vl-footer-area {
  text-align: right;
}

[dir="rtl"] .vl-footer-social ul {
  justify-content: flex-end;
}

[dir="rtl"] .vl-footer-social ul li {
  margin-left: 0;
  margin-right: 10px;
}

/* Navigation RTL */
[dir="rtl"] .breadcrumb {
  direction: rtl;
  text-align: right;
}

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

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

[dir="rtl"] .vl-offcanvas-menu ul li {
  text-align: right;
}

[dir="rtl"] .vl-offcanvas-menu ul li a {
  text-align: right;
  justify-content: flex-end;
}

[dir="rtl"] .vl-offcanvas-menu .sub-menu {
  text-align: right;
}

[dir="rtl"] .vl-offcanvas-close {
  left: 20px;
  right: auto;
}

/* Form elements RTL */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .form-control {
  text-align: right;
  direction: rtl;
}

/* Specific adjustments for Arabic text rendering */
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3, [lang="ar"] h4, [lang="ar"] h5, [lang="ar"] h6 {
  font-weight: 600;
  line-height: 1.4;
}

[lang="ar"] p {
  line-height: 1.7;
  font-size: 16px;
}

[lang="ar"] .title {
  font-weight: 700;
}

[lang="ar"] .subtitle {
  font-weight: 500;
}

/* Russian font adjustments */
[lang="ru"] h1, [lang="ru"] h2, [lang="ru"] h3, [lang="ru"] h4, [lang="ru"] h5, [lang="ru"] h6 {
  font-weight: 600;
  line-height: 1.3;
}

[lang="ru"] p {
  line-height: 1.6;
  font-size: 15px;
}

[lang="ru"] .title {
  font-weight: 700;
}

[lang="ru"] .subtitle {
  font-weight: 500;
}

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

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

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

[dir="rtl"] th, [dir="rtl"] td {
  text-align: right;
}

/* Service cards RTL specific */
[dir="rtl"] .medical-service-card {
  text-align: right;
}

[dir="rtl"] .medical-service-card .card-icon {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}

[dir="rtl"] .medical-service-card .learn-more-btn {
  text-align: center;
}

/* FAQ RTL adjustments */
[dir="rtl"] .accordion-button {
  text-align: right;
  direction: rtl;
}

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

/* Responsive RTL adjustments */
@media (max-width: 768px) {
  [dir="rtl"] .vl-main-menu ul li {
    margin-left: 20px;
    margin-right: 0;
  }
  
  [lang="ar"] p {
    font-size: 14px;
  }
  
  [lang="ru"] p {
    font-size: 14px;
  }
}

/* Animation fixes for RTL */
[dir="rtl"] [data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}

[dir="rtl"] [data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}

/* Flexbox RTL fixes */
[dir="rtl"] .d-flex {
  flex-direction: row-reverse;
}

[dir="rtl"] .justify-content-start {
  justify-content: flex-end;
}

[dir="rtl"] .justify-content-end {
  justify-content: flex-start;
}

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

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

/* Contact form RTL */
[dir="rtl"] .contact-form {
  direction: rtl;
}

[dir="rtl"] .contact-form input,
[dir="rtl"] .contact-form textarea {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .contact-form label {
  text-align: right;
}