/* Cairo font import for Arabic - MUST be at the very beginning */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap');

/* Admin login logo sizing */
.login_admin .company-logo img {
  object-fit: contain;
}

/* FIRST: Protect all icon elements from font override - Apply to BOTH RTL and LTR */
i,
.fa, 
.fab, 
.fas, 
.far, 
.fal, 
.fad,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.fa-brands,
[class*="fa-"],
[class*="icon-"],
.menu-icon,
i[class*="fa"],
i[class*="icon"],
span[class*="fa"],
span[class*="icon"],
.glyphicon,
.material-icons,
[class*="material-icons"],
.arrow {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome', 'Glyphicons Halflings', 'Material Icons' !important;
}

/* THEN: Apply Cairo font to everything else using :not() to exclude icons */
html[dir="rtl"] *:not(i):not(.fa):not(.fab):not(.fas):not(.far):not(.fal):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-light):not(.fa-thin):not(.fa-duotone):not(.fa-brands):not([class*="fa-"]):not([class*="icon-"]):not(.menu-icon):not(.glyphicon):not(.material-icons):not(.arrow) {
  font-family: 'Cairo', sans-serif !important;
}

html[dir="rtl"], 
html[dir="rtl"] body {
  font-family: 'Cairo', sans-serif !important;
}

/* Override all possible selectors for RTL */
html[dir="rtl"] body, 
html[dir="rtl"] div, 
html[dir="rtl"] span, 
html[dir="rtl"] p, 
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"] input, 
html[dir="rtl"] button, 
html[dir="rtl"] select, 
html[dir="rtl"] textarea, 
html[dir="rtl"] label, 
html[dir="rtl"] td, 
html[dir="rtl"] th, 
html[dir="rtl"] li, 
html[dir="rtl"] ul, 
html[dir="rtl"] ol {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Specific overrides for common classes in RTL */
html[dir="rtl"] .form-control, 
html[dir="rtl"] .btn, 
html[dir="rtl"] .input-group, 
html[dir="rtl"] .card, 
html[dir="rtl"] .modal, 
html[dir="rtl"] .dropdown, 
html[dir="rtl"] .nav, 
html[dir="rtl"] .navbar, 
html[dir="rtl"] .table, 
html[dir="rtl"] .panel {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Additional specificity for authentication pages in RTL */
html[dir="rtl"] body[class*="login"], 
html[dir="rtl"] body[class*="auth"] {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Icon font protection is already handled above for all languages */

/* Keep English fonts for LTR */
html[dir="ltr"], 
html[dir="ltr"] body, 
html[dir="ltr"] * {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Override Inter font specifically for RTL */
html[dir="rtl"][style*="font-family"],
html[dir="rtl"] *[style*="font-family"] {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Make menu items bold */
#side-menu a,
#side-menu .menu-text,
.metis-menu a,
.metis-menu .menu-text,
.sidebar .nav a,
.sidebar .nav .menu-text,
.nav.metis-menu a,
.nav.metis-menu .menu-text,
.nav-second-level a,
.nav-second-level .menu-text,
.menu-item a,
.sub-menu-item a {
  font-weight: 700 !important;
}