/* =====================================================
   BEARAND — ARABIC / RTL OVERRIDES
   ===================================================== */

html[lang="ar"],
.ar {
  direction: rtl;
  font-family: var(--font-ar);
}

/* Navigation RTL */
.ar .nav-inner {
  flex-direction: row !important;
}

.ar .nav-links {
  flex-direction: row !important;
}

/* Hero RTL */
.ar .hero-content {
  direction: rtl;
}

.ar .hero-label {
  display: inline-flex !important;
  flex-direction: row !important;
  direction: rtl !important;
  font-size: 0.82rem !important;
}

.ar .typewriter-text {
  border-right: none !important;
  border-left: 2px solid var(--brand-blue-light) !important;
}

@media (min-width: 992px) {
  .ar .hero-ctas {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  .ar .btn-showreel {
    flex-direction: row !important;
  }
  .ar .hero-title {
    font-size: clamp(2.2rem, 4.2vw, 3.4rem) !important;
  }
}

/* Day/Night slider — move to right side in RTL */
.ar .dn-slider {
  left: auto;
  right: var(--space-6);
}

/* Mirror hero background/sky image for Arabic version */
.ar .hero-sky {
  transform: scaleX(-1) !important;
  transform-origin: center !important;
}

/* Float cards RTL mobile */
@media (max-width: 991px) {
  .ar .hfc-1 { top: 18% !important; left: 4% !important; right: auto !important; }
  .ar .hfc-2 { top: 29% !important; left: 16% !important; right: auto !important; }
  .ar .hfc-3 { top: 41% !important; left: auto !important; right: 41% !important; }
  .ar .hfc-4 { top: 52% !important; left: auto !important; right: 41% !important; }
  .ar .hfc-5 { top: 63% !important; left: auto !important; right: 54% !important; }
  .ar .hfc-6 { top: 74% !important; left: auto !important; right: 67% !important; }
}

/* Float cards RTL desktop */
@media (min-width: 992px) {
  .ar .hfc-1 { top: 15% !important; right: 62.5% !important; left: auto !important; }
  .ar .hfc-2 { top: 33% !important; right: 72.5% !important; left: auto !important; }
  .ar .hfc-3 { top: 33% !important; right: 36% !important; left: auto !important; }
  .ar .hfc-4 { top: 33% !important; right: 54% !important; left: auto !important; }
  .ar .hfc-5 { top: 54.5% !important; right: 45% !important; left: auto !important; }
  .ar .hfc-6 { top: 73.5% !important; right: 35.5% !important; left: auto !important; }
}

/* Typography RTL */
.ar h1, .ar h2, .ar h3, .ar h4, .ar h5, .ar h6 {
  letter-spacing: 0;
  line-height: 1.3;
}

.ar .label-sm {
  letter-spacing: 0;
}

/* Layout RTL */
.ar .about-layout {
  direction: rtl;
}

.ar .service-features li {
  flex-direction: row-reverse;
}

.ar .folder-tabs {
  flex-direction: row-reverse;
}

.ar .footer-grid {
  direction: rtl;
}

.ar .footer-col ul {
  align-items: flex-end;
}

.ar .contact-item {
  flex-direction: row-reverse;
}

.ar .testi-card {
  direction: rtl !important;
  text-align: right !important;
}
.ar .testi-quote {
  text-align: right !important;
}
.ar .testi-author {
  direction: rtl !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-start !important;
}
.ar .testi-meta {
  text-align: right !important;
}
.ar .testi-author strong,
.ar .testi-author span {
  text-align: right !important;
}

.ar .portfolio-meta {
  flex-direction: row-reverse;
}

/* Button RTL */
.ar .btn {
  flex-direction: row-reverse;
}

.ar .btn-arrow {
  flex-direction: row-reverse;
}

/* Form RTL */
.ar .form-input {
  text-align: right;
  direction: rtl;
  font-family: var(--font-ar);
}

/* Arabic font size adjustments for headings */
.ar .h-display {
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 1.25;
}

.ar .h-hero {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.3;
}

.ar .hero-title {
  font-size: clamp(2.2rem, 5.5vw, 4.5rem);
  line-height: 1.2;
}



/* Footer RTL */
.ar .footer-bottom {
  flex-direction: row-reverse;
}

.ar .footer-bottom-links {
  flex-direction: row-reverse;
}

.ar .footer-social {
  flex-direction: row-reverse;
}

/* Approach steps RTL */
.ar .approach-step::before {
  transform-origin: right;
}

/* Nav dot RTL */
.ar .nav-links a::after {
  right: 0;
  left: auto;
}

/* WhatsApp tooltip RTL positioning override */
.ar .wa-tooltip {
  right: auto !important;
  left: calc(100% + 12px) !important;
}

/* Center hero label in mobile view and adjust mobile nav / menu alignment */
@media (max-width: 991px) {
  .ar .hero-label {
    width: auto !important;
    margin: 0 auto 12px auto !important;
    justify-content: center !important;
    text-align: center !important;
  }
  }

/* Enlarge clients section label in Arabic */
.ar .clients-label {
  font-size: 0.85rem !important;
  letter-spacing: 0 !important;
}

/* About Section RTL Overrides */
.ar .about-image {
  transform: scaleX(-1) !important;
}

/* Ensure all clouds in the About section float from right to left with a uniform opacity without disappearing */
.ar .about-cloud {
  left: 0 !important;
  right: auto !important;
}
.ar .about-cloud.cloud-1 {
  z-index: 4 !important; /* Large cloud goes over the bear image */
  opacity: 0.8 !important; /* Constant opacity */
}
.ar .about-cloud.cloud-2 {
  z-index: 2 !important; /* Goes behind the bear image */
  opacity: 0.25 !important; /* Increased transparency (more faded) */
}
.ar .about-cloud.cloud-3 {
  z-index: 2 !important; /* Goes behind the bear image */
  opacity: 0.15 !important; /* Increased transparency (more faded) */
}

/* Dark mode overrides for even higher transparency */
[data-theme="dark"] .ar .about-cloud.cloud-2 {
  opacity: 0.12 !important;
}
[data-theme="dark"] .ar .about-cloud.cloud-3 {
  opacity: 0.06 !important;
}

@media (min-width: 992px) {
  .ar .about-cloud.cloud-1 {
    animation: floatCloudLeft 36s linear infinite !important;
  }
  .ar .about-cloud.cloud-2 {
    animation: floatCloudLeft 48s linear infinite -12s !important;
  }
  .ar .about-cloud.cloud-3 {
    animation: floatCloudLeft 42s linear infinite -24s !important;
  }
}

@media (max-width: 991px) {
  .ar .about-cloud.cloud-1 {
    animation: floatCloudLeft 36s linear infinite !important;
  }
  .ar .about-cloud.cloud-2 {
    animation: floatCloudLeft 48s linear infinite -12s !important;
  }
  .ar .about-cloud.cloud-3 {
    animation: floatCloudLeft 42s linear infinite -24s !important;
  }
}

@media (min-width: 992px) {
  .ar .about-text {
    direction: rtl !important;
    text-align: right !important;
    align-items: flex-start !important;
  }
  .ar .about-text .stats-bar {
    justify-content: flex-start !important;
    row-gap: 50px !important; /* Larger space between rows of stats */
  }
}

/* Force Arabic marquee wrapper to LTR to match English behavior/order exactly */
.ar .marquee-wrap {
  direction: ltr !important;
}

/* Approach Section RTL Alignment */
.ar .approach-panel-text {
  text-align: right !important;
  direction: rtl !important;
}
.ar .approach-list {
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: right !important;
}
.ar .approach-list li {
  padding-right: 20px !important;
  padding-left: 0 !important;
  text-align: right !important;
}
.ar .approach-list li::before {
  content: "✦" !important;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  color: var(--brand-blue-light) !important;
}

/* Founder Section RTL Adjustments */
.ar .founder-info {
  max-width: 100% !important;
  padding-right: 80px !important;
  padding-left: 0 !important;
  text-align: right !important;
}

.ar .founder-name-card {
  right: auto !important;
  left: -25px !important;
  width: max-content !important;
  min-width: auto !important;
}

@media (max-width: 991px) {
  .ar .founder-info {
    padding-right: 0 !important;
    padding-left: 0 !important;
    max-width: 100% !important;
  }
  .ar .founder-name-card {
    left: -20px !important;
    right: auto !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
  }
}

/* Testimonials marquee track LTR overrides to fix seamless looping gaps under RTL */
.ar .testi-marquee,
.ar .testi-track {
  direction: ltr !important;
}

/* Contact Info Alignment RTL overrides */
.ar .cta-text {
  align-items: flex-start !important;
  text-align: right !important;
}
.ar .cta-text .contact-info {
  align-self: flex-start !important;
  align-items: flex-start !important;
}
.ar .cta-text .contact-item {
  justify-content: flex-start !important;
  text-align: right !important;
  flex-direction: row !important;
  direction: rtl !important;
}
.ar .cta-socials {
  align-self: flex-start !important;
  justify-content: flex-start !important;
}



/* Testimonials mobile layout full-width overrides in Arabic */
@media (max-width: 991px) {
  .ar .testimonials-section {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }
  .ar .testi-marquee {
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
  }
  .ar .testi-track {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
}