/* RTL layout adjustments */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .container,
html[dir="rtl"] .section-title,
html[dir="rtl"] .about-text,
html[dir="rtl"] .hero-content,
html[dir="rtl"] .hero-content--dynamic,
html[dir="rtl"] .projects-hero__title,
html[dir="rtl"] .main-services-head,
html[dir="rtl"] .seo-faq-section .section-title {
  text-align: right;
}

html[dir="rtl"] .nav,
html[dir="rtl"] .nav-links,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-stats-strip__inner,
html[dir="rtl"] .corporate-footer-bar,
html[dir="rtl"] .corporate-stats-strip__inner,
html[dir="rtl"] .projects-filters,
html[dir="rtl"] .company-meta-grid,
html[dir="rtl"] .main-services-grid,
html[dir="rtl"] .projects-grid,
html[dir="rtl"] .site-footer-main {
  direction: rtl;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .nav-link,
html[dir="rtl"] .mobile-drawer-link,
html[dir="rtl"] .project-card-content,
html[dir="rtl"] .about-wrap,
html[dir="rtl"] .seo-regions-grid,
html[dir="rtl"] .seo-regions-copy,
html[dir="rtl"] .corporate-clean-grid,
html[dir="rtl"] .project-detail-specs__grid {
  direction: rtl;
}

html[dir="rtl"] .hero-ghost-arrow,
html[dir="rtl"] .project-card-cta [aria-hidden="true"],
html[dir="rtl"] .corporate-cta-btn .hero-ghost-arrow,
html[dir="rtl"] .project-detail-back,
html[dir="rtl"] .back-projects-btn,
html[dir="rtl"] .project-detail-slider__control.project-detail-slider__prev,
html[dir="rtl"] .project-detail-slider__control.project-detail-slider__next {
  transform: scaleX(-1);
}

html[dir="rtl"] .page-index .hero-line-1,
html[dir="rtl"] .page-index .hero-line-2,
html[dir="rtl"] .page-index .hero-line-3 {
  text-align: right !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
}

html[dir="rtl"] .page-index .hero-line-3 {
  margin-right: clamp(1rem, 10vw, 6.5rem);
}

html[dir="rtl"] .about-text,
html[dir="rtl"] .management-card,
html[dir="rtl"] .corporate-clean-card,
html[dir="rtl"] .mission-item,
html[dir="rtl"] .option,
html[dir="rtl"] .contact-form-wrap,
html[dir="rtl"] .quote-modal__panel {
  text-align: right;
}

html[dir="rtl"] .mission-item,
html[dir="rtl"] .accordion-summary-left,
html[dir="rtl"] .ongoing-summary-content,
html[dir="rtl"] .bp-info-row,
html[dir="rtl"] .project-detail-spec-card__content {
  text-align: right;
}

html[dir="rtl"] .seo-faq-trigger,
[dir="rtl"] .seo-faq-trigger {
  flex-direction: row-reverse;
  text-align: right;
}

html[dir="rtl"] .seo-faq-icon,
[dir="rtl"] .seo-faq-icon,
html[dir="rtl"] .seo-faq-item .accordion-icon,
html[dir="rtl"] .seo-faq-item .toggle-icon,
[dir="rtl"] .faq-item .accordion-icon,
[dir="rtl"] .faq-item .toggle-icon {
  margin-left: 0;
  margin-right: 0;
  order: -1;
}

html[dir="rtl"] .seo-faq-question,
html[dir="rtl"] .seo-faq-answer,
[dir="rtl"] .seo-faq-question,
[dir="rtl"] .seo-faq-answer {
  text-align: right;
}

html[dir="rtl"] .skip-link:focus {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] .lang-switcher {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .lang-dropdown {
  left: auto;
  right: 0;
  text-align: right;
}

html[dir="rtl"] .nav-btn,
html[dir="rtl"] .nav-toggle {
  direction: ltr;
}

html[dir="rtl"] .fixed-actions {
  right: auto;
  left: 16px;
}

html[dir="rtl"] .project-detail-slider__counter {
  right: auto;
  left: clamp(1rem, 4vw, 3rem);
  justify-content: flex-start;
}

html[dir="rtl"] .corporate-stat,
html[dir="rtl"] .hero-stat,
html[dir="rtl"] .corporate-pill-row,
html[dir="rtl"] .region-pills,
html[dir="rtl"] .international-badge {
  text-align: right;
}

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

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[dir="rtl"] .quote-modal__close {
  right: auto;
  left: 1rem;
}

html[dir="rtl"] body,
[dir="rtl"] body {
  font-family: "Cairo", sans-serif;
}

/* Arabic typography */
html[dir="rtl"],
[dir="rtl"] {
  font-family: "Cairo", "Noto Sans Arabic", sans-serif;
}

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

html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-buttons,
[dir="rtl"] .hero-actions,
[dir="rtl"] .hero-buttons {
  flex-direction: row-reverse;
}

html[dir="rtl"] .hero-stats-strip__inner,
html[dir="rtl"] .hero-stats,
[dir="rtl"] .hero-stats-strip__inner,
[dir="rtl"] .hero-stats {
  flex-direction: row-reverse;
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .hero h2,
html[dir="rtl"] .hero p,
[dir="rtl"] .hero h1,
[dir="rtl"] .hero h2,
[dir="rtl"] .hero p {
  text-align: right;
  direction: rtl;
}

/* Navbar */
html[dir="rtl"] .nav,
html[dir="rtl"] .navbar,
html[dir="rtl"] .nav-links,
[dir="rtl"] nav,
[dir="rtl"] .navbar,
[dir="rtl"] .nav,
[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

html[dir="rtl"] .brand,
html[dir="rtl"] .logo-wrap,
[dir="rtl"] .brand,
[dir="rtl"] .logo-wrap {
  margin-right: 0;
  margin-left: auto;
  flex-direction: row-reverse;
}

html[dir="rtl"] .lang-switch,
html[dir="rtl"] .lang-switcher,
html[dir="rtl"] .lang-toggle,
[dir="rtl"] .lang-switch,
[dir="rtl"] .lang-switcher,
[dir="rtl"] .lang-toggle {
  margin-left: 0;
  margin-right: auto;
}

/* General layout */
html[dir="rtl"] .flex-row,
html[dir="rtl"] .flex,
[dir="rtl"] .flex-row,
[dir="rtl"] .flex {
  flex-direction: row-reverse;
}

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

html[dir="rtl"] .ml-auto,
[dir="rtl"] .ml-auto {
  margin-left: 0;
  margin-right: auto;
}

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

html[dir="rtl"] .pl-4,
[dir="rtl"] .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

html[dir="rtl"] .pr-4,
[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

html[dir="rtl"] .arrow-right,
html[dir="rtl"] .arrow-left,
[dir="rtl"] .arrow-right,
[dir="rtl"] .arrow-left {
  transform: scaleX(-1);
}

html[dir="rtl"] .border-l,
[dir="rtl"] .border-l {
  border-left: none;
  border-right: 1px solid;
}

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

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