/* RTL logical overrides and direction-aware tweaks */
html[dir="rtl"] body {
  font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Kufi Arabic", Arial, sans-serif;
}

/* Use logical properties where LTR-specific values may exist */
html[dir="rtl"] * { unicode-bidi: plaintext; }

/* Common utility flips */
html[dir="rtl"] .dir-flip { transform: scaleX(-1); }

/*when it is on it flips*/
/* Nav & header alignment */
/*html[dir="rtl"] .header-content,
html[dir="rtl"] .nav-desktop,
html[dir="rtl"] .emergency-contact,
html[dir="rtl"] .emergency-info,
html[dir="rtl"] .bottom-links,
html[dir="rtl"] .cta-buttons,
html[dir="rtl"] .hero-buttons {
  direction: rtl;
  flex-direction: row-reverse;
}*/

/* Lists that might rely on left padding or positioned bullets */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-inline-start: 1.25rem !important;
  padding-inline-end: 0 !important;
}
html[dir="rtl"] li::marker { unicode-bidi: isolate; }

/* Generic paddings/margins swaps for common class names */
html[dir="rtl"] [class*="pl-"] { padding-inline-start: inherit; padding-inline-end: inherit; }
html[dir="rtl"] [class*="pr-"] { padding-inline-start: inherit; padding-inline-end: inherit; }
html[dir="rtl"] [class*="ml-"] { margin-inline-start: inherit; margin-inline-end: inherit; }
html[dir="rtl"] [class*="mr-"] { margin-inline-start: inherit; margin-inline-end: inherit; }

/* Contact items row order */
html[dir="rtl"] .contact-item,
html[dir="rtl"] .contact-card {
  direction: rtl;
}

/* Forms */
html[dir="rtl"] .form-row { direction: rtl; }
html[dir="rtl"] label { text-align: start; }
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  direction: rtl;
  text-align: start;
}

/* Mobile nav */
@media (max-width: 768px) {
  html[dir="rtl"] .nav-mobile { text-align: start; }
}

/* Ensure images/icons inside logical layouts don't overflow when RTL flips */
html[dir="rtl"] img,
html[dir="rtl"] svg { shape-rendering: auto; }

