/* Public Intshar font / service-card contrast patch.
   Loaded after the shared site styles; never imported by admin templates. */
:root {
  --bs-body-font-family: "Alexandria", "Noto Sans Arabic", system-ui, sans-serif;
}
html body,
html body :is(h1, h2, h3, h4, h5, h6, p, a, label, small, strong, em, button, input, select, textarea, option, .btn, .badge, .form-control, .form-select, .nav-link, .dropdown-item) {
  font-family: "Alexandria", "Noto Sans Arabic", system-ui, sans-serif !important;
}
/* Bootstrap Icons render via a separate icon font, never Alexandria. */
html body .bi,
html body .bi::before,
html body [class^="bi-"]::before,
html body [class*=" bi-"]::before {
  font-family: bootstrap-icons !important;
}
/* Default dark mode — visible body copy, links and pill tags on purple cards. */
html:not(.light) body:not(.light-mode) .services .box-service {
  background: linear-gradient(160deg, #241c34, #191327) !important;
  border: 1px solid rgba(178, 151, 255, .30) !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .title-2 {
  color: #fff !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .service-content > p {
  color: #e5deee !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .learn-more {
  color: #c7b4ff !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .learn-more:hover,
html:not(.light) body:not(.light-mode) .services .box-service .learn-more:focus-visible {
  color: #fff !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .service-tags {
  border-top-color: rgba(178,151,255,.26) !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .service-tags .badge {
  background: rgba(118,83,218,.24) !important;
  color: #ded0ff !important;
  border: 1px solid rgba(183,157,255,.46) !important;
}
html:not(.light) body:not(.light-mode) .services .box-service .service-tags .badge i {
  color: #cdb8ff !important;
}
/* Light mode keeps its own legible palette instead of inheriting dark text. */
html.light .services .box-service,
body.light-mode .services .box-service {
  background: #fff !important;
  border-color: rgba(103,78,170,.20) !important;
}
html.light .services .box-service .title-2,
body.light-mode .services .box-service .title-2 {
  color: #231736 !important;
}
html.light .services .box-service .service-content > p,
body.light-mode .services .box-service .service-content > p {
  color: #443b54 !important;
}
html.light .services .box-service .learn-more,
body.light-mode .services .box-service .learn-more {
  color: #5837a6 !important;
}
html.light .services .box-service .service-tags .badge,
body.light-mode .services .box-service .service-tags .badge {
  background: #f2edff !important;
  border-color: #c9b9f2 !important;
  color: #4e318f !important;
}
html.light .services .box-service .service-tags .badge i,
body.light-mode .services .box-service .service-tags .badge i {
  color: #6140ad !important;
}
.services .box-service .service-content > p {
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 400;
}
.services .box-service .learn-more {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.services .box-service .service-tags .badge {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}
@media (max-width: 767.98px) {
  html body {
    font-family: "Alexandria", "Noto Sans Arabic", system-ui, sans-serif !important;
  }
  .services .box-service .service-content > p {
    font-size: 14.5px !important;
    line-height: 1.8 !important;
  }
  .services .box-service .service-tags .badge {
    font-size: 12px !important;
  }
}

/* Typography scale: clear hierarchy without oversized mobile headings.
   Applies only on public landing/content templates that load this CSS. */
body.home-rtl .title, body.home-1 .title {
  font-size: clamp(28px, 2.7vw, 32px);
  line-height: 1.38;
  font-weight: 700;
}
body.home-rtl .title-2, body.home-1 .title-2 {
  font-size: 20px;
  line-height: 1.45;
  font-weight: 700;
}
body.home-rtl .pretitle, body.home-1 .pretitle {
  font-size: 14px;
  font-weight: 700;
}
body.home-rtl #main-content p, body.home-1 #main-content p {
  line-height: 1.75;
}
@media (max-width: 767.98px) {
  body.home-rtl .title, body.home-1 .title {
    font-size: clamp(24px, 6vw, 27px) !important;
    line-height: 1.4;
  }
  body.home-rtl .title-2, body.home-1 .title-2 {
    font-size: 18px !important;
  }
  body.home-rtl .pretitle, body.home-1 .pretitle {
    font-size: 13px;
  }
  body.home-rtl #main-content p, body.home-1 #main-content p {
    font-size: 14.5px;
    line-height: 1.78;
  }
  /* Cards retain accessible text size and the previous contrast enhancement. */
  .services .box-service .title-2 { font-size: 18px !important; }
}