/**
 * Typography for layout.home (Arabic RTL).
 * Loads after Regna style.css to replace Open Sans / Poppins with Cairo.
 */

body,
h1,
h2,
h3,
h4,
h5,
h6,
#header #logo h1,
#hero .btn-get-started,
#call-to-action .cta-btn,
.btn,
.form-control,
.form-select,
input,
select,
textarea,
button {
  font-family: "Cairo", "Segoe UI", Tahoma, sans-serif !important;
}

/* Uppercase + wide letter-spacing suit Latin titles, not Arabic UI */
#hero .btn-get-started,
#call-to-action .cta-btn {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Larger, clearer type + stronger hierarchy (public home layout) */
body.layout-home {
  font-size: clamp(1.0625rem, 0.35vw + 1rem, 1.125rem);
  line-height: 1.7;
  color: #14221f;
  -webkit-font-smoothing: antialiased;
}

body.layout-home h1,
body.layout-home h2,
body.layout-home h3,
body.layout-home h4,
body.layout-home h5,
body.layout-home h6,
body.layout-home #header #logo h1 {
  color: #0d1f1a !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

body.layout-home p,
body.layout-home li {
  color: #243330;
}

body.layout-home a {
  color: #0f766e !important;
  font-weight: 600;
  text-decoration-color: rgba(15, 118, 110, 0.35);
}

body.layout-home a:hover,
body.layout-home a:focus {
  color: #115e59 !important;
}

body.layout-home .form-control,
body.layout-home .form-select,
body.layout-home input,
body.layout-home select,
body.layout-home textarea {
  font-size: 1.05rem !important;
  line-height: 1.55 !important;
  color: #0f172a !important;
}

body.layout-home .btn:not(.btn-get-started):not(.cta-btn) {
  font-size: 1.02rem !important;
}