/* =====================================================================
   GOVAROX — right-to-left overrides

   Loaded ONLY when the active language is marked dir: 'rtl' in
   application/config/govarox.php — which today means Arabic.

   The template was built left-to-right, so this file mirrors the
   directional parts of it: text alignment, floats, the offcanvas panel,
   directional padding and the arrow icons inside buttons.

   Everything here is scoped to [dir="rtl"], so a single stylesheet
   serves both directions and the LTR languages are completely
   unaffected by it.
   ===================================================================== */

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

/* Arabic renders better in a system Arabic face than in the template's
   Latin display fonts, which have no Arabic coverage at all. */
[dir="rtl"] body,
[dir="rtl"] .title,
[dir="rtl"] .sub-title,
[dir="rtl"] .text,
[dir="rtl"] .decs,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] a, [dir="rtl"] span,
[dir="rtl"] li, [dir="rtl"] button,
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select {
  font-family: "Segoe UI", "Noto Naskh Arabic", "Noto Sans Arabic",
               "Geeza Pro", "Traditional Arabic", Tahoma, sans-serif;
}

/* ---------------------------------------------------------------------
   Navigation
   --------------------------------------------------------------------- */
[dir="rtl"] .main-menu ul { padding-right: 0; }

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

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

[dir="rtl"] .header-area__inner { direction: rtl; }

/* ---------------------------------------------------------------------
   Offcanvas panel — slides in from the left instead of the right.
   --------------------------------------------------------------------- */
[dir="rtl"] .side-info {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  text-align: right;
}

[dir="rtl"] .side-info.info-open { transform: translateX(0); }

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

[dir="rtl"] .offset-widget-box .contact-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ---------------------------------------------------------------------
   Buttons — the arrow should point the way the text reads.
   --------------------------------------------------------------------- */
[dir="rtl"] .rr-btn-primary,
[dir="rtl"] .rr-btn---primary2,
[dir="rtl"] .submit-btn {
  flex-direction: row-reverse;
}

[dir="rtl"] .rr-btn-primary .icon i,
[dir="rtl"] .submit-btn i,
[dir="rtl"] .read-more i {
  transform: scaleX(-1);
}

/* ---------------------------------------------------------------------
   Lists and directional spacing
   --------------------------------------------------------------------- */
[dir="rtl"] .govarox-feature-list li {
  padding-left: 0;
  padding-right: 28px;
}

[dir="rtl"] .govarox-feature-list li i {
  left: auto;
  right: 0;
}

[dir="rtl"] .govarox-meta-list li strong { text-align: left; }

[dir="rtl"] .govarox-content ul,
[dir="rtl"] .govarox-content ol {
  padding-left: 0;
  padding-right: 22px;
}

[dir="rtl"] .service-list li span { margin-right: 0; margin-left: 10px; }

[dir="rtl"] .breadcrumb__content ul { padding-right: 0; }

[dir="rtl"] .footer-6-widget__menu ul { padding-right: 0; }

/* ---------------------------------------------------------------------
   Accordion — the chevron and the "read more" link swap sides.
   --------------------------------------------------------------------- */
[dir="rtl"] .accordion-button {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .accordion-button::after {
  margin-left: 0;
  margin-right: auto;
}

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

/* ---------------------------------------------------------------------
   Forms
   --------------------------------------------------------------------- */
[dir="rtl"] .form-control,
[dir="rtl"] .custom-input,
[dir="rtl"] .custom-textarea {
  text-align: right;
  direction: rtl;
}

/* Latin-only fields keep reading left-to-right even in an RTL page,
   so an email address or a phone number is not visually scrambled. */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[name="phone"],
[dir="rtl"] input[name="whatsapp"] {
  direction: ltr;
  text-align: right;
}

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

[dir="rtl"] .nice-select .list {
  right: 0;
  left: auto;
}

[dir="rtl"] .nice-select::after {
  right: auto;
  left: 20px;
}

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

/* ---------------------------------------------------------------------
   Reference numbers and other Latin strings stay LTR.
   --------------------------------------------------------------------- */
[dir="rtl"] .govarox-reference,
[dir="rtl"] .govarox-tag-list {
  direction: ltr;
}

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

/* ---------------------------------------------------------------------
   Scroll-to-top control moves to the other corner.
   --------------------------------------------------------------------- */
[dir="rtl"] .progress-wrap {
  right: auto;
  left: 30px;
}

/* ---------------------------------------------------------------------
   Sections whose internal layout is directional.
   --------------------------------------------------------------------- */
[dir="rtl"] .hero-6__content .title,
[dir="rtl"] .about-section-6__content,
[dir="rtl"] .blog-section-6__content,
[dir="rtl"] .team-section-6__content,
[dir="rtl"] .contact-info,
[dir="rtl"] .contact-form__card {
  text-align: right;
}

[dir="rtl"] .hero-6__client ul { padding-right: 0; }

[dir="rtl"] .blog-section-6__meta { padding-right: 0; }

[dir="rtl"] .blog-section-6__meta li i {
  margin-right: 0;
  margin-left: 8px;
}