/* Arabic typography + Bootstrap 4 RTL helpers (minimal, targeted) */

html {
  direction: rtl;
}

body {
  font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.7;
}

.contact-page-body,
.about-page-body {
  font-size: 1.35rem;
  line-height: 1.85;
}

.contact-page-body strong,
.about-page-body strong {
  font-weight: 700;
}

h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.35rem;
  }
}

h2 {
  font-size: 1.65rem;
}

h3, h4 {
  font-size: 1.35rem;
}

h1, h2, h3, h4, h5, h6,
.navbar-light .navbar-nav .nav-link {
  font-size: 1.08rem;
}

.navbar-light .navbar-nav .nav-link,
.card-header,
.btn,
.form-control,
.breadcrumb {
  font-family: "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

.card-body {
  font-size: 1.05em;
}

small,
.card-body small {
  font-size: 0.95em;
}

.navbar .container {
  flex-direction: row-reverse;
}

.navbar-collapse {
  flex-grow: 1;
}

.justify-content-center {
  justify-content: center !important;
}

[dir="rtl"] .navbar-nav .nav-link i {
  margin-left: 0.35rem;
  margin-right: 0;
}

[dir="rtl"] .mr-2,
[dir="rtl"] .mr-3 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

[dir="rtl"] .ml-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

[dir="rtl"] .media .rounded-circle {
  margin-left: 0.75rem;
  margin-right: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right;
  padding-left: 0.5rem;
  padding-right: 0;
  content: "/";
}

[dir="rtl"] .pagination .page-link {
  text-align: center;
}

.footer-area .float-left {
  float: right !important;
}

input::placeholder,
textarea::placeholder {
  text-align: right;
}

.badge {
  text-transform: none;
  letter-spacing: normal;
}

.breadcrumb {
  text-transform: none;
}