/* RTL Font Configuration - Vazirmatn Google Font */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* RTL Font Variables */
:root {
  --font-family-rtl-sans-serif: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif;
  --font-family-rtl-monospace: 'Vazirmatn', 'Courier New', 'Courier', monospace;
  --font-family-rtl-base: var(--font-family-rtl-sans-serif);
  --font-family-rtl-code: var(--font-family-rtl-monospace);
  --headings-font-family-rtl: var(--font-family-rtl-sans-serif);
  --btn-font-family-rtl: var(--font-family-rtl-sans-serif);
  --input-font-family-rtl: var(--font-family-rtl-sans-serif);
  --form-select-font-family-rtl: var(--font-family-rtl-sans-serif);
  
  --font-weight-rtl-light: 300;
  --font-weight-rtl-normal: 400;
  --font-weight-rtl-medium: 500;
  --font-weight-rtl-semibold: 600;
  --font-weight-rtl-bold: 700;
  --font-weight-rtl-extrabold: 800;
  --font-weight-rtl-black: 900;
  
  --line-height-rtl-base: 1.6;
  --line-height-rtl-heading: 1.3;
  --line-height-rtl-sm: 1.4;
  --line-height-rtl-lg: 1.8;
  
  --font-size-rtl-base: 1rem;
  --font-size-rtl-sm: 0.875rem;
  --font-size-rtl-lg: 1.125rem;
  --font-size-rtl-xl: 1.25rem;
  --font-size-rtl-2xl: 1.5rem;
  --font-size-rtl-3xl: 1.875rem;
  --font-size-rtl-4xl: 2.25rem;
  --font-size-rtl-5xl: 3rem;
  --font-size-rtl-6xl: 3.75rem;
}

/* CRITICAL: Force Font Awesome and other icon fonts to use their original font-family */
html[dir="rtl"] .fa,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fal,
html[dir="rtl"] .fab,
html[dir="rtl"] .fa-solid,
html[dir="rtl"] .fa-regular,
html[dir="rtl"] .fa-light,
html[dir="rtl"] .fa-brands,
html[dir="rtl"] .fa-duotone,
html[dir="rtl"] .fa-thin,
html[dir="rtl"] .fa-sharp,
html[dir="rtl"] [class*="fa-"],
html[dir="rtl"] [class*="fas-"],
html[dir="rtl"] [class*="far-"],
html[dir="rtl"] [class*="fal-"],
html[dir="rtl"] [class*="fab-"],
html[dir="rtl"] .icon,
html[dir="rtl"] .glyphicon,
html[dir="rtl"] .material-icons,
html[dir="rtl"] .material-icons-outlined,
html[dir="rtl"] .material-icons-round,
html[dir="rtl"] .material-icons-sharp,
html[dir="rtl"] .material-icons-two-tone,
html[dir="rtl"] .mdi,
html[dir="rtl"] .mdi-set,
html[dir="rtl"] .ion,
html[dir="rtl"] .ionicons,
html[dir="rtl"] .la,
html[dir="rtl"] .line-awesome,
html[dir="rtl"] .ri,
html[dir="rtl"] .remixicon,
html[dir="rtl"] [class*="ri-"],
html[dir="rtl"] .bi,
html[dir="rtl"] .bootstrap-icons,
html[dir="rtl"] .uil,
html[dir="rtl"] .unicons,
html[dir="rtl"] .feather,
html[dir="rtl"] .feather-icon,
html[dir="rtl"] .heroicon,
html[dir="rtl"] .heroicons,
html[dir="rtl"] .ph,
html[dir="rtl"] .phosphor-icons,
html[dir="rtl"] .lucide,
html[dir="rtl"] .lucide-icon,
html[dir="rtl"] .tabler,
html[dir="rtl"] .tabler-icons,
html[dir="rtl"] .iconify,
html[dir="rtl"] .svg-icon,
html[dir="rtl"] .svg-inline--fa,
html[dir="rtl"] .svg-inline--fa *,
html[dir="rtl"] .svg-inline--fa *::before,
html[dir="rtl"] .svg-inline--fa *::after {
  font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Pro", "Font Awesome 6 Free", "Font Awesome 6 Pro", "Material Icons", "Bootstrap Icons", "remixicon", "Line Awesome", "Ionicons", "Feather", "Heroicons", "Phosphor Icons", "Lucide", "Tabler Icons", inherit !important;
}

/* Specific Remix Icons fix - Force Remix Icons to use their font */
html[dir="rtl"] .ri,
html[dir="rtl"] .remixicon,
html[dir="rtl"] [class*="ri-"] {
  font-family: "remixicon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ensure Remix Icons ::before pseudo-elements work correctly */
html[dir="rtl"] .ri::before,
html[dir="rtl"] .remixicon::before,
html[dir="rtl"] [class*="ri-"]::before {
  font-family: "remixicon" !important;
  display: inline-block;
}

/* Apply Vazirmatn font to text elements only */
html[dir="rtl"] body {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
  text-align: right;
  direction: rtl;
}

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"] .h1, html[dir="rtl"] .h2, html[dir="rtl"] .h3, 
html[dir="rtl"] .h4, html[dir="rtl"] .h5, html[dir="rtl"] .h6 {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] p, html[dir="rtl"] span, html[dir="rtl"] div, 
html[dir="rtl"] a, html[dir="rtl"] li, html[dir="rtl"] td, 
html[dir="rtl"] th, html[dir="rtl"] label, html[dir="rtl"] strong, 
html[dir="rtl"] em, html[dir="rtl"] b, html[dir="rtl"] i:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not([class*="fa-"]):not(.ri):not(.remixicon):not([class*="ri-"]) {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .btn, html[dir="rtl"] .form-control, 
html[dir="rtl"] .form-select, html[dir="rtl"] input, 
html[dir="rtl"] textarea, html[dir="rtl"] select {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

/* Override specific Inter font declarations from landing page CSS */
html[dir="rtl"] .iq-title-box h2, html[dir="rtl"] .iq-title-box h3 {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .service-box-card .service-user-name {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .iq-testimonial .testimonial-content {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .iq-breadcrumb .breadcrumb-item {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .nav-slider .nav-item .nav-link {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .custom-form-field .form-label {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .booking-detail-table tr th {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .iq-blog .iq-post-details .author-block {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .booking .booking-date {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .iq-social-list-text li a {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .category-tab-list .nav-tabs .category-title {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

html[dir="rtl"] .service-box-card .price-content li {
  font-family: 'Vazirmatn', 'Tahoma', 'Arial', sans-serif !important;
}

/* RTL Body Font Configuration */
[dir="rtl"] {
  body {
    font-family: var(--font-family-rtl-base) !important;
    font-weight: var(--font-weight-rtl-normal);
    line-height: var(--line-height-rtl-base);
    font-size: var(--font-size-rtl-base);
    text-align: right;
    direction: rtl;
  }

  /* RTL Headings */
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--headings-font-family-rtl) !important;
    font-weight: var(--font-weight-rtl-bold);
    line-height: var(--line-height-rtl-heading);
  }

  /* RTL Paragraphs */
  p {
    font-family: var(--font-family-rtl-base) !important;
    line-height: var(--line-height-rtl-base);
  }

  /* RTL Links */
  a {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Lists */
  ol, ul {
    font-family: var(--font-family-rtl-base) !important;
    padding-right: 0;
  }

  /* RTL Form Elements */
  input, textarea, select, button {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Buttons */
  .btn {
    font-family: var(--btn-font-family-rtl) !important;
  }

  /* RTL Form Select */
  .form-select {
    font-family: var(--form-select-font-family-rtl) !important;
  }

  /* RTL Code Elements */
  code, pre, kbd, samp {
    font-family: var(--font-family-rtl-code) !important;
  }

  /* RTL Tables */
  table {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Navigation */
  nav, .nav, .navbar {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Cards */
  .card {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Alerts */
  .alert {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Modals */
  .modal {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Tooltips */
  .tooltip {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Popovers */
  .popover {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Dropdowns */
  .dropdown-menu {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Badges */
  .badge {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Progress */
  .progress {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Breadcrumbs */
  .breadcrumb {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Pagination */
  .pagination {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL List Groups */
  .list-group {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Accordions */
  .accordion {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Carousels */
  .carousel {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Spinners */
  .spinner-border, .spinner-grow {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Placeholders */
  .placeholder {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Toasts */
  .toast {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Offcanvas */
  .offcanvas {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Close Buttons */
  .btn-close {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form Controls */
  .form-control, .form-select, .form-check-input {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Labels */
  .form-label {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form Text */
  .form-text {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form Feedback */
  .valid-feedback, .invalid-feedback {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Input Groups */
  .input-group {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form Floating */
  .form-floating {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form Range */
  .form-range {
    font-family: var(--font-family-rtl-base) !important;
  }

  /* RTL Form File Input */
  .form-control[type="file"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Color Input */
  .form-control[type="color"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Date/Time Inputs */
  .form-control[type="date"], 
  .form-control[type="datetime-local"], 
  .form-control[type="month"], 
  .form-control[type="time"], 
  .form-control[type="week"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Number Input */
  .form-control[type="number"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Search Input */
  .form-control[type="search"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Tel Input */
  .form-control[type="tel"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form URL Input */
  .form-control[type="url"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Password Input */
  .form-control[type="password"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Form Email Input */
  .form-control[type="email"] {
    font-family: var(--input-font-family-rtl) !important;
  }

  /* RTL Textarea */
  textarea.form-control {
    font-family: var(--input-font-family-rtl) !important;
  }
}

/* RTL Utility Classes */
[dir="rtl"] .font-family-rtl {
  font-family: var(--font-family-rtl-base) !important;
}

[dir="rtl"] .font-family-rtl-mono {
  font-family: var(--font-family-rtl-code) !important;
}

[dir="rtl"] .font-family-rtl-heading {
  font-family: var(--headings-font-family-rtl) !important;
}

[dir="rtl"] .font-weight-rtl-light {
  font-weight: var(--font-weight-rtl-light) !important;
}

[dir="rtl"] .font-weight-rtl-normal {
  font-weight: var(--font-weight-rtl-normal) !important;
}

[dir="rtl"] .font-weight-rtl-medium {
  font-weight: var(--font-weight-rtl-medium) !important;
}

[dir="rtl"] .font-weight-rtl-semibold {
  font-weight: var(--font-weight-rtl-semibold) !important;
}

[dir="rtl"] .font-weight-rtl-bold {
  font-weight: var(--font-weight-rtl-bold) !important;
}

[dir="rtl"] .font-weight-rtl-extrabold {
  font-weight: var(--font-weight-rtl-extrabold) !important;
}

[dir="rtl"] .font-weight-rtl-black {
  font-weight: var(--font-weight-rtl-black) !important;
}

[dir="rtl"] .font-size-rtl-sm {
  font-size: var(--font-size-rtl-sm) !important;
}

[dir="rtl"] .font-size-rtl-base {
  font-size: var(--font-size-rtl-base) !important;
}

[dir="rtl"] .font-size-rtl-lg {
  font-size: var(--font-size-rtl-lg) !important;
}

[dir="rtl"] .font-size-rtl-xl {
  font-size: var(--font-size-rtl-xl) !important;
}

[dir="rtl"] .font-size-rtl-2xl {
  font-size: var(--font-size-rtl-2xl) !important;
}

[dir="rtl"] .font-size-rtl-3xl {
  font-size: var(--font-size-rtl-3xl) !important;
}

[dir="rtl"] .font-size-rtl-4xl {
  font-size: var(--font-size-rtl-4xl) !important;
}

[dir="rtl"] .font-size-rtl-5xl {
  font-size: var(--font-size-rtl-5xl) !important;
}

[dir="rtl"] .font-size-rtl-6xl {
  font-size: var(--font-size-rtl-6xl) !important;
}

[dir="rtl"] .line-height-rtl-sm {
  line-height: var(--line-height-rtl-sm) !important;
}

[dir="rtl"] .line-height-rtl-base {
  line-height: var(--line-height-rtl-base) !important;
}

[dir="rtl"] .line-height-rtl-heading {
  line-height: var(--line-height-rtl-heading) !important;
}

[dir="rtl"] .line-height-rtl-lg {
  line-height: var(--line-height-rtl-lg) !important;
}

[dir="rtl"] .text-rtl {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .text-rtl-center {
  text-align: center !important;
  direction: rtl !important;
}

[dir="rtl"] .text-rtl-left {
  text-align: left !important;
  direction: rtl !important;
}

[dir="rtl"] .text-rtl-justify {
  text-align: justify !important;
  direction: rtl !important;
}