@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');

:root {
  --site-gold: #C8A24D;
  --site-gold-light: #E5C06B;
  --site-navy: #0D1220;
}

html { scroll-behavior: smooth; }

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: "Noto Kufi Arabic", Arial, sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .h1,
html[dir="rtl"] .h2,
html[dir="rtl"] .h3,
html[dir="rtl"] .h4,
html[dir="rtl"] .h5,
html[dir="rtl"] .h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: "Noto Kufi Arabic", Arial, sans-serif !important;
}

/* Header and navigation */
html[dir="rtl"] .header-top .inner-container,
html[dir="rtl"] .header-lower .inner-container,
html[dir="rtl"] .main-header .main-box,
html[dir="rtl"] .main-menu .navigation,
html[dir="rtl"] .footer-top,
html[dir="rtl"] .lower-bottom {
  direction: rtl;
}

html[dir="rtl"] .main-menu .navigation { text-align: right; }
html[dir="rtl"] .main-menu .navigation > li { float: right; }
html[dir="rtl"] .main-menu .navigation > li > a {
  letter-spacing: 0;
  line-height: 1.7;
}
html[dir="rtl"] .language-switcher {
  margin-right: 0;
  margin-left: 20px;
}
html[dir="rtl"] .mobile-language-switcher {
  margin-left: 0;
  margin-right: 15px;
  float: none !important;
}
html[dir="rtl"] .mobile-language-switcher a { display: inline-flex; }

/* Keep contact details readable in RTL */
html[dir="rtl"] .localized-number,
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"] {
  unicode-bidi: isolate;
  white-space: nowrap;
}
html[dir="rtl"] .localized-number,
html[dir="rtl"] a[href^="tel:"] {
  direction: ltr !important;
  display: inline-block;
}
html[dir="rtl"] a[href^="mailto:"] { direction: ltr; display: inline-block; }

/* Hero fixes */
html[dir="rtl"] .banner-section-two .content-box {
  right: 5% !important;
  left: auto !important;
  bottom: 78px !important;
  max-width: 760px;
  text-align: right;
}
html[dir="rtl"] .banner-section-two .content-box .title {
  line-height: 1.22 !important;
  margin-top: 12px;
  margin-bottom: 18px;
  overflow: visible;
}
html[dir="rtl"] .banner-section-two .content-box p {
  line-height: 2;
  max-width: 720px;
  margin-right: 0;
  margin-left: auto;
}
html[dir="rtl"] .banner-info-box { direction: rtl; }
html[dir="rtl"] .banner-info-box .count-info,
html[dir="rtl"] .banner-info-box .count-info-two { text-align: center; }

/* Arabic number order */
html[dir="rtl"] .count-box,
html[dir="rtl"] .feature-center-box .number,
html[dir="rtl"] .localized-digits {
  direction: ltr;
  unicode-bidi: isolate;
}

/* General RTL content */
html[dir="rtl"] .content-box,
html[dir="rtl"] .content-column,
html[dir="rtl"] .footer-info,
html[dir="rtl"] .footer-widget-items,
html[dir="rtl"] .footer-contact-items,
html[dir="rtl"] .contact-form,
html[dir="rtl"] .accordion-box,
html[dir="rtl"] .feature-left-box,
html[dir="rtl"] .feature-right-box,
html[dir="rtl"] .service-block-two,
html[dir="rtl"] .team-block .content,
html[dir="rtl"] .blog-block .content {
  text-align: right;
}
html[dir="rtl"] .contact-section-two .form-column{
  right: -3% !important;
}
html[dir="rtl"] .text-center,
html[dir="rtl"] .text-md-center { text-align: center !important; }

html[dir="rtl"] .about-list li,
html[dir="rtl"] .services-list li,
html[dir="rtl"] .feature-list li,
html[dir="rtl"] .contact-info .info {
  direction: rtl;
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
html[dir="rtl"] .about-list li i,
html[dir="rtl"] .services-list li i,
html[dir="rtl"] .feature-list li i {
  margin-left: 8px;
  margin-right: 0 !important;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .form-check {
  padding-left: 0;
  padding-right: 1.5em;
}
html[dir="rtl"] .form-check .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em;
}

html[dir="rtl"] .footer-menu,
html[dir="rtl"] .user-links,
html[dir="rtl"] .contact-list-one {
  direction: rtl;
  padding-right: 0;
}
html[dir="rtl"] .footer-style-one .offset-xl-3 {
  margin-left: 0;
  margin-right: 25%;
}

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

html[dir="rtl"] .back-to-top-wrapper {
  right: auto !important;
  left: 30px !important;
}

/* WhatsApp remains opposite the AI chat widget. */
html[dir="rtl"] .floating-whatsapp {
  left: 24px !important;
  right: auto !important;
}

@media (max-width: 1199px) {
  html[dir="rtl"] .banner-section-two .content-box {
    right: 3% !important;
    bottom: 65px !important;
    max-width: 650px;
  }
}

@media (max-width: 767px) {
  html[dir="rtl"] .main-menu .navigation > li { float: none; }
  html[dir="rtl"] .mobile-menu .navigation,
  html[dir="rtl"] .mobile-menu .contact-list-one {
    direction: rtl;
    text-align: right;
  }
  html[dir="rtl"] .banner-section-two {
    min-height: 720px;
  }
  html[dir="rtl"] .banner-section-two .content-box {
    position: relative !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    top: 150px;
    padding: 0 18px 40px;
    max-width: 100%;
  }
  html[dir="rtl"] .banner-section-two .content-box .title {
    font-size: clamp(38px, 11vw, 58px) !important;
    line-height: 1.3 !important;
  }
  html[dir="rtl"] .banner-info-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
  html[dir="rtl"] .floating-whatsapp {
    left: 15px !important;
    bottom: 90px !important;
  }
  html[dir="rtl"] .footer-style-one .offset-xl-3 {
    margin-right: 0;
  }
}