/* ==========================================================================
   PLUS CHRONOMETER — ARABIC (RTL) STYLES
   ========================================================================== */

[dir="rtl"] {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

[dir="rtl"] .main-navigation {
  font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

[dir="rtl"] .hero-title, 
[dir="rtl"] .section-title, 
[dir="rtl"] .hud-card-title,
[dir="rtl"] .brand-title {
  font-family: 'Cairo', 'Tajawal', sans-serif;
}

[dir="rtl"] .nav-link::after {
  left: auto;
  right: 0;
}

[dir="rtl"] .hero-floating-hud.bottom-left {
  left: auto;
  right: -20px;
}

[dir="rtl"] .hero-floating-hud.top-right {
  right: auto;
  left: -20px;
}

[dir="rtl"] .hud-float-top {
  right: auto;
  left: -12px;
}

[dir="rtl"] .hud-float-bottom {
  left: auto;
  right: -12px;
}

[dir="rtl"] .machine-inspector-hud {
  right: auto;
  left: 24px;
}

[dir="rtl"] .twin-hud-overlay {
  left: 20px;
  right: 20px;
}


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

[dir="rtl"] .footer-links a:hover {
  padding-left: 0;
  padding-right: 4px;
}

[dir="rtl"] .nesting-specs-table td:last-child {
  text-align: left;
}

[dir="rtl"] .back-to-top-hud {
  right: auto;
  left: 28px;
}

@media (max-width: 768px) {
  [dir="rtl"] .back-to-top-hud {
    right: auto;
    left: 20px;
  }
}

/* Documentation Hub RTL */
[dir="rtl"] .docs-search-icon {
  left: auto;
  right: 18px;
}

[dir="rtl"] .docs-search-input {
  padding: 16px 50px 16px 48px;
}

[dir="rtl"] .docs-clear-btn {
  right: auto;
  left: 16px;
}

[dir="rtl"] .docs-nav-item {
  text-align: right;
}

[dir="rtl"] .docs-nav-item:hover {
  transform: translateX(-4px);
}

[dir="rtl"] .docs-nav-arrow i {
  transform: rotate(180deg);
}

[dir="rtl"] .docs-sub-indicator {
  margin-right: 0;
  margin-left: 10px;
}

/* ==========================================================================
   MOBILE RTL SPECIALIZATION
   ========================================================================== */
[dir="rtl"] .mobile-top-header,
[dir="rtl"] .m-brand,
[dir="rtl"] .m-header-actions,
[dir="rtl"] .m-deck-header,
[dir="rtl"] .pocket-station-pill,
[dir="rtl"] .m-feat-card,
[dir="rtl"] .m-sheet-header {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .m-deck-arrows {
  direction: ltr; /* keep arrow buttons in logical left-right alignment */
}

[dir="rtl"] .m-feat-card {
  text-align: right;
}

[dir="rtl"] .m-feat-content {
  text-align: right;
}

[dir="rtl"] .m-mod-card {
  text-align: right;
}

[dir="rtl"] .m-sheet-close {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .m-form-group label {
  text-align: right;
  display: block;
}

[dir="rtl"] .m-form-input {
  text-align: right;
}

[dir="rtl"] .m-btn-desktop {
  flex-direction: row;
  justify-content: center;
}

[dir="rtl"] .compact-module-card {
  text-align: right;
}

[dir="rtl"] .compact-module-card::before {
  left: 0;
  right: 0;
  width: 100%;
}

[dir="rtl"] .mod-card-subtext {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .compact-module-card:hover .mod-card-action {
  transform: translateX(-4px);
}

/* Mobile Core Capabilities RTL */
[dir="rtl"] .m-feat-card {
  text-align: right;
}

[dir="rtl"] .m-feat-header-meta {
  text-align: right;
}

[dir="rtl"] .m-timer-digits {
  direction: ltr;
  unicode-bidi: isolate;
}

[dir="rtl"] .m-traveler-order-head,
[dir="rtl"] .m-nest-labels,
[dir="rtl"] .m-widget-head,
[dir="rtl"] .m-widget-meta-row {
  flex-direction: row;
}

[dir="rtl"] .m-doc-info {
  text-align: right;
}

[dir="rtl"] .m-doc-name {
  direction: ltr;
  text-align: right;
  unicode-bidi: isolate;
}

/* RTL rules for Redesigned IoT & Machine Monitoring Section */
[dir="rtl"] .factory-machine-card,
[dir="rtl"] .iot-device-card {
  text-align: right;
}

[dir="rtl"] .mach-card-header,
[dir="rtl"] .broker-header,
[dir="rtl"] .dev-card-topbar,
[dir="rtl"] .mach-card-footer {
  flex-direction: row;
}

[dir="rtl"] .mqtt-log-line {
  direction: ltr;
  text-align: left;
}

[dir="rtl"] .iot-3d-stage-header {
  flex-direction: row;
}

[dir="rtl"] .iot-3d-title-wrap {
  text-align: right;
}

[dir="rtl"] .mach-thumb-overlay,
[dir="rtl"] .dev-thumb-overlay {
  justify-content: flex-start;
}

[dir="rtl"] .iot-pin-card {
  text-align: right;
}