/* ==========================================================================
   AL-LAMSA AL-SATIAA - RTL STYLESHEET (ARABIC)
   ========================================================================== */

body {
  direction: rtl;
  unicode-bidi: embed;
  font-family: 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Tahoma, Arial, sans-serif;
  text-align: right;
}

.nav-link::after,
.nav-menu > li > a::after {
  left: auto;
  right: 0;
}

.highlight-box {
  border-left: none;
  border-right: 4px solid var(--color-gold);
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

.about-floating-badge {
  right: auto;
  left: -20px;
}

@media (max-width: 768px) {
  .about-floating-badge {
    display: none !important;
  }
}

.service-link svg {
  transform: rotate(180deg);
}

.service-card:hover .service-link svg {
  transform: rotate(180deg) translateX(4px);
}

.transparency-banner {
  border-left: 1px solid #FDE68A;
  border-right: 5px solid var(--color-gold);
}

.footer-col h4::after {
  left: auto;
  right: 0;
}

.footer-links a:hover {
  transform: translateX(-4px);
}

.modal-close {
  right: auto;
  left: 20px;
}

.mobile-drawer {
  right: auto;
  left: -320px;
  transition: left var(--transition-normal), visibility var(--transition-normal);
  visibility: hidden;
  pointer-events: none;
}

.mobile-drawer.active {
  left: 0;
  visibility: visible;
  pointer-events: auto;
}

/* Timeline uses logical inline properties in main.css */