/* Arabic layout for the existing Controlium visual system. */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: system-ui, "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
  letter-spacing: 0;
  line-height: 1.32;
}
html[dir="rtl"] h2 em,
html[dir="rtl"] .hero h1 em,
html[dir="rtl"] .market-copy h2 {
  font-family: inherit;
  font-style: normal;
  letter-spacing: 0;
}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero-bottom,
html[dir="rtl"] .mood-heading,
html[dir="rtl"] .image-caption,
html[dir="rtl"] .project-title p,
html[dir="rtl"] .video-footnote {
  letter-spacing: 0;
}
html[dir="rtl"] .utility-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-right: auto;
}
html[dir="rtl"] .utility-actions a { white-space: nowrap; }
html[dir="rtl"] .motion-toggle {
  border-left: 0;
  border-right: 1px solid #627166;
  padding: 0 18px 0 0;
}
html[dir="rtl"] .motion-toggle span { margin-left: 0; margin-right: 8px; }
html[dir="rtl"] .reading-progress { transform-origin: right; }
html[dir="rtl"] .nav nav { gap: 19px; }
html[dir="rtl"] .nav nav .language-switch {
  border: 1px solid #d9ded6;
  border-radius: 3px;
  direction: ltr;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  min-width: 36px;
  padding: 10px 7px;
}
html[dir="rtl"] .nav nav .language-switch::before { display: none; }
html[dir="rtl"] .hero::after {
  background: linear-gradient(270deg,rgba(15,20,16,.84) 0%,rgba(15,20,16,.43) 48%,rgba(15,20,16,.02) 82%),
              linear-gradient(0deg,rgba(10,14,11,.45),transparent 28%);
}
html[dir="rtl"] .hero h1 { font-size: clamp(48px,5.2vw,75px); }
html[dir="rtl"] .hero h1 em { font-size: 1.13em; }
html[dir="rtl"] .hero .eyebrow { letter-spacing: 0; }
html[dir="rtl"] .hero-content > p { max-width: 510px; }
html[dir="rtl"] .hero .image-caption { right: auto; left: 44px; }
html[dir="rtl"] .mood-panel { right: auto; left: max(50px,calc((100% - var(--container))/2)); }
html[dir="rtl"] .mood-heading small { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .mood-buttons button span { text-align: right; }
html[dir="rtl"] .capability-strip span:before { margin: 0 0 2px 12px; }
html[dir="rtl"] .solution-card .round-arrow { right: auto; left: 0; }
html[dir="rtl"] .market-image { order: 2; }
html[dir="rtl"] .market-copy { order: 1; }
html[dir="rtl"] .market-copy > a span { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .market-copy > a:hover { padding-left: 0; padding-right: 10px; }
html[dir="rtl"] .market-image .image-caption { left: auto; right: 30px; }
html[dir="rtl"] .image-corner { right: auto; left: 25px; }
html[dir="rtl"] .project-photo > span { left: auto; right: 18px; }
html[dir="rtl"] .project-open { right: auto; left: 20px; }
html[dir="rtl"] .product-mark { left: auto; right: 16px; }
html[dir="rtl"] .page-index { right: auto; left: 6%; }
html[dir="rtl"] .architectural-lines { right: auto; left: -140px; }
html[dir="rtl"] .markets-layout aside { border-left: 0; border-right: 2px solid var(--red); }
html[dir="rtl"] .markets-layout article ul { padding-left: 0; padding-right: 20px; }
html[dir="rtl"] .detail-row li:before { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .dialog-close { right: auto; left: 15px; }
html[dir="rtl"] .model-body h3,
html[dir="rtl"] #model-lightbox-title {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}
html[dir="rtl"] .model-lightbox-body { text-align: right; }
html[dir="rtl"] .model-photo-cue { right: auto; left: 14px; }
html[dir="rtl"] .feature-product-photo { margin: 0; }
html[dir="rtl"] .model-card[hidden] { display: none !important; }
html[dir="rtl"] .skip-link { left: auto; right: 8px; }
html[dir="rtl"] .whatsapp-float { right: auto; left: 22px; }
html[dir="rtl"] .awards-video:before { left: auto; right: -250px; }
html[dir="rtl"] .video-footnote { right: auto; left: 0; }
html[dir="rtl"] .footer-grid a[href^="tel:"],
html[dir="rtl"] .contact-details a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}
html[dir="rtl"] .footer-grid a[href^="mailto:"],
html[dir="rtl"] .contact-details a[href^="mailto:"] {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: left;
}
html[dir="rtl"] .control-row button { direction: ltr; }
html[dir="rtl"] .control-row button[aria-checked="true"] span { transform: translateX(22px); }
@media (max-width: 1000px) {
  html[dir="rtl"] .nav { height: 78px; }
  html[dir="rtl"] .logo img { width: 170px; }
  html[dir="rtl"] .menu-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    background: white;
    border: 1px solid var(--line);
    width: 44px;
    height: 44px;
    padding: 12px;
  }
  html[dir="rtl"] .menu-btn span { height: 2px; width: 18px; background: var(--ink); }
  html[dir="rtl"] .menu-btn[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  html[dir="rtl"] .menu-btn[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  html[dir="rtl"] .nav nav {
    display: none;
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    background: white;
    padding: 15px 30px 30px;
    border-bottom: 1px solid var(--line);
    align-items: stretch;
    gap: 0;
  }
  html[dir="rtl"] .nav nav.open { display: flex; flex-direction: column; }
  html[dir="rtl"] .nav nav > a:not(.button) { padding: 13px 0; border-bottom: 1px solid var(--line); }
  html[dir="rtl"] .nav nav > a[aria-current]::after { display: none; }
  html[dir="rtl"] .nav .button { margin-top: 15px; }
  html[dir="rtl"] .nav nav .language-switch { align-self: flex-start; margin-top: 14px; }
  html[dir="rtl"] .mood-panel { left: 30px; }
}
@media (max-width: 600px) {
  html[dir="rtl"] .nav { height: 74px; }
  html[dir="rtl"] .nav nav { top: 74px; padding-inline: 20px; }
  html[dir="rtl"] .utility-actions { gap: 7px 10px; margin-right: 0; flex-wrap: wrap; justify-content: flex-start; }
  html[dir="rtl"] .utility-actions a { font-size: 9px; }
  html[dir="rtl"] .hero::after { background: linear-gradient(270deg,#172017e8,#17201777 95%),linear-gradient(0deg,#14201799,transparent 40%); }
  html[dir="rtl"] .hero h1 { font-size: 40px; }
  html[dir="rtl"] .hero h1 em { font-size: 1.25em; }
  html[dir="rtl"] .hero .image-caption { left: 20px; right: auto; }
  html[dir="rtl"] .mood-panel { left: 20px; right: 20px; }
  html[dir="rtl"] .page-index { left: -20px; right: auto; }
  html[dir="rtl"] .architectural-lines { left: -350px; right: auto; }
  html[dir="rtl"] .whatsapp-float { left: 12px; right: auto; }
}