/* RTL (Arabic) Font Override - Cairo Font
 * This file ensures Cairo font is applied to all elements when dir="rtl"
 * Loaded last to override all other font definitions including Tailwind
 */

/* Primary RTL font rule - targets all elements */
html[dir='rtl'],
html[dir='rtl'] body,
html[dir='rtl'] body * {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Override specific Tailwind font utility classes */
html[dir='rtl'] .font-inter,
html[dir='rtl'] .font-sans,
html[dir='rtl'] .font-Montserrat,
html[dir='rtl'] .font-poppins {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Target common HTML elements specifically for extra specificity */
html[dir='rtl'] div,
html[dir='rtl'] p,
html[dir='rtl'] span,
html[dir='rtl'] h1,
html[dir='rtl'] h2,
html[dir='rtl'] h3,
html[dir='rtl'] h4,
html[dir='rtl'] h5,
html[dir='rtl'] h6,
html[dir='rtl'] a,
html[dir='rtl'] button,
html[dir='rtl'] input,
html[dir='rtl'] textarea,
html[dir='rtl'] select,
html[dir='rtl'] label,
html[dir='rtl'] li,
html[dir='rtl'] td,
html[dir='rtl'] th,
html[dir='rtl'] nav,
html[dir='rtl'] header,
html[dir='rtl'] footer,
html[dir='rtl'] section,
html[dir='rtl'] article,
html[dir='rtl'] aside {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Override theme font class if it exists */
html[dir='rtl'] .theme-font-family {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Additional safeguards for deeply nested components */
html[dir='rtl'] [class*='font-'] {
  font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}