/* ===========================================
   RTL (Right-to-Left) Styles for Arabic
   =========================================== */

/* Base RTL direction */
html[dir="rtl"] {
  direction: rtl;
  overflow-x: hidden;
}

html[dir="rtl"] body {
  text-align: right;
  overflow-x: hidden;
}

html[dir="rtl"] .dronelab,
html[dir="rtl"] .dronelab .page {
  overflow-x: hidden;
  max-width: 100%;
}

/* Arabic font family */
html[dir="rtl"] * {
  font-family: 'Noto Sans Arabic', 'Segoe UI', 'Arial', sans-serif;
}

/* Header navigation */
html[dir="rtl"] .header {
  flex-direction: row-reverse;
}

html[dir="rtl"] .logo-and-navigation {
  flex-direction: row-reverse;
}

html[dir="rtl"] .navigation {
  flex-direction: row-reverse;
}

html[dir="rtl"] .language-selector {
  flex-direction: row-reverse;
}

html[dir="rtl"] .contact-info {
  flex-direction: row-reverse;
}

html[dir="rtl"] .telegram-contact {
  flex-direction: row-reverse;
}

/* Hero section */
html[dir="rtl"] .cover-wrapper-content {
  text-align: right;
}

html[dir="rtl"] .hero-right {
  text-align: right;
}

/* Buttons with arrows - flip arrow direction */
html[dir="rtl"] .button,
html[dir="rtl"] .button-2,
html[dir="rtl"] .button-3,
html[dir="rtl"] .button-4,
html[dir="rtl"] .button-5 {
  flex-direction: row-reverse;
}

html[dir="rtl"] .button img,
html[dir="rtl"] .button-2 img,
html[dir="rtl"] .button-3 img,
html[dir="rtl"] .button-4 img,
html[dir="rtl"] .button-5 img {
  transform: scaleX(-1);
}

/* Info section */
html[dir="rtl"] .info {
  text-align: right;
}

html[dir="rtl"] .label,
html[dir="rtl"] .label-2,
html[dir="rtl"] .label-3,
html[dir="rtl"] .label-4,
html[dir="rtl"] .label-5,
html[dir="rtl"] .label-6,
html[dir="rtl"] .label-7,
html[dir="rtl"] .label-8,
html[dir="rtl"] .label-9 {
  flex-direction: row-reverse;
}

html[dir="rtl"] .container,
html[dir="rtl"] .container-2,
html[dir="rtl"] .container-3,
html[dir="rtl"] .container-4 {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .text-container,
html[dir="rtl"] .text-container-2 {
  text-align: right;
}

/* Cards */
html[dir="rtl"] .card {
  text-align: right;
}

html[dir="rtl"] .main-title-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .objective-container,
html[dir="rtl"] .tasks-container,
html[dir="rtl"] .results-container {
  text-align: right;
}

html[dir="rtl"] .div-3 {
  flex-direction: row-reverse;
}

html[dir="rtl"] .list {
  padding-right: 0;
  padding-left: 0;
}

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

/* Slider buttons */
html[dir="rtl"] .slider {
  flex-direction: row-reverse;
}

html[dir="rtl"] #prevBtn img {
  transform: scaleX(-1);
}

html[dir="rtl"] #nextBtn img {
  transform: scaleX(-1);
}

/* Specialization section */
html[dir="rtl"] .specialization-header {
  text-align: right;
}

html[dir="rtl"] .specialization-header-content {
  text-align: right;
}

html[dir="rtl"] .specialization-header-content-text {
  text-align: right;
}

/* Process section */
html[dir="rtl"] .dronelab .process-wrapper {
  text-align: right;
  padding-right: 50px !important;
  padding-left: 16px !important;
  box-sizing: border-box !important;
}

html[dir="rtl"] .dronelab .title-2-wrapper {
  text-align: right;
  align-items: flex-end !important;
}

html[dir="rtl"] .dronelab .process-content-wrapper {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] .dronelab .process-cards-wrapper {
  direction: rtl !important;
  grid-template-columns: repeat(2, minmax(auto, 1fr)) !important;
}

html[dir="rtl"] .dronelab .card-3,
html[dir="rtl"] .dronelab .card-4,
html[dir="rtl"] .dronelab .card-5,
html[dir="rtl"] .dronelab .card-6 {
  text-align: right !important;
  align-items: flex-end !important;
  overflow: visible !important;
  padding-right: 60px !important;
  padding-left: 20px !important;
}

html[dir="rtl"] .dronelab .div-4 {
  flex-direction: row-reverse !important;
  align-items: flex-end !important;
}

html[dir="rtl"] .dronelab .div-5 {
  align-items: flex-end !important;
  text-align: right !important;
  width: 100% !important;
  padding-right: 30px !important;
}

html[dir="rtl"] .dronelab .card-7 .div-5 {
  padding-right: 50px !important;
}

html[dir="rtl"] .dronelab .text-wrapper-10 {
  text-align: right !important;
  width: 100% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

html[dir="rtl"] .dronelab .text-wrapper-4 {
  text-align: right !important;
  width: 100% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

html[dir="rtl"] .dronelab .icons {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] .tags {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

/* Result section */
html[dir="rtl"] .result-wrapper {
  text-align: right;
}

html[dir="rtl"] .result-header-wrapper {
  text-align: right;
}

html[dir="rtl"] .title-3-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .card-7 {
  text-align: right;
}

html[dir="rtl"] .card-7 .div-4 {
  flex-direction: row-reverse;
}

/* Why us section */
html[dir="rtl"] .why-us-wrapper {
  text-align: right;
}

html[dir="rtl"] .why-us-header-wrapper {
  text-align: right;
}

html[dir="rtl"] .feature-1,
html[dir="rtl"] .feature-4 {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .text-wrapper-15-wrapper {
  text-align: right;
}

html[dir="rtl"] .text-wrapper-14-wrapper {
  text-align: right;
  flex-direction: row-reverse;
}

/* Team section */
html[dir="rtl"] .team-wrapper {
  text-align: right;
}

html[dir="rtl"] .team-header-wrapper {
  text-align: right;
}

html[dir="rtl"] .team-content-wrapper {
  text-align: right;
}

html[dir="rtl"] .card-8 {
  text-align: right;
}

html[dir="rtl"] .info-container {
  text-align: right;
}

/* Clients section */
html[dir="rtl"] .clients-wrapper {
  text-align: right;
}

html[dir="rtl"] .clients-content-wrapper {
  text-align: right;
}

/* Contact section */
html[dir="rtl"] .contact-us-wrapper {
  text-align: right;
}

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

html[dir="rtl"] .contact-us-content-wrapper {
  text-align: right;
}

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

html[dir="rtl"] .form-content-wrapper {
  text-align: right;
}

html[dir="rtl"] .div-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .placeholder,
html[dir="rtl"] .placeholder-2,
html[dir="rtl"] .placeholder-3,
html[dir="rtl"] .placeholder-4 {
  flex-direction: row-reverse;
}

html[dir="rtl"] .placeholder input,
html[dir="rtl"] .placeholder-2 input,
html[dir="rtl"] .placeholder-3 input,
html[dir="rtl"] .placeholder-4 input {
  text-align: right;
}

html[dir="rtl"] .checkbox-container {
  flex-direction: row-reverse;
}

html[dir="rtl"] .privacy-policy-text {
  text-align: right;
}

/* Footer */
html[dir="rtl"] .footer-wrapper {
  text-align: right;
}

html[dir="rtl"] .footer-content-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .footer-content-left {
  text-align: right;
}

/* Mobile menu */
html[dir="rtl"] .menu-mobile {
  left: auto;
  right: 0;
}

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

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

/* Phone/mail wrapper */
html[dir="rtl"] .phone-mail-wrapper {
  flex-direction: row-reverse;
}

/* Fix margins and paddings for RTL */
html[dir="rtl"] .vector-wrapper {
  margin-left: 8px;
  margin-right: 0;
}

html[dir="rtl"] .icon {
  margin-left: 8px;
  margin-right: 0;
}

/* Element with >10 years */
html[dir="rtl"] .element {
  flex-direction: row-reverse;
}

/* Cards wrapper scroll direction */
html[dir="rtl"] .cards-wrapper {
  direction: rtl;
}

html[dir="rtl"] .cards-wrapper-2 {
  flex-direction: row-reverse;
}

html[dir="rtl"] .cards-wrapper-3 {
  flex-direction: row-reverse;
}

/* Language selector adjustments for 3 languages */
html[dir="rtl"] .language-options {
  flex-direction: row-reverse;
}

/* Ensure proper text wrapping for Arabic */
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] span {
  unicode-bidi: plaintext;
}

/* Keep numbers LTR in Arabic context */
html[dir="rtl"] .number,
html[dir="rtl"] .tag-text {
  direction: ltr;
  unicode-bidi: embed;
}

/* ========================================
   RTL Dropdown Styles
   ======================================== */

/* Десктопный dropdown в RTL */
html[dir="rtl"] .nav-dropdown-trigger::after {
  margin-right: 6px;
  margin-left: 0;
}

html[dir="rtl"] .nav-dropdown-menu {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(-10px);
}

html[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu {
  transform: translateX(50%) translateY(0);
}

html[dir="rtl"] .nav-dropdown-item {
  text-align: right;
}

/* Мобильный dropdown в RTL */
html[dir="rtl"] .mobile-dropdown-trigger {
  flex-direction: row-reverse;
  justify-content: flex-end;
  text-align: right;
}

html[dir="rtl"] .mobile-dropdown-arrow {
  margin-left: 0;
  margin-right: 10px;
}

html[dir="rtl"] .mobile-dropdown.active .mobile-dropdown-menu {
  padding: 15px 20px 0 0;
}

html[dir="rtl"] .mobile-dropdown-item {
  text-align: right;
}