/* =========================================================
   Power Pages – Global Cairo Font (All Website)
   File: powerpages-global-cairo.css
   ========================================================= */

/* Import Cairo font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

/* Force Cairo globally */
html,
body,
*,
*::before,
*::after {
  font-family: "Cairo",
               -apple-system,
               BlinkMacSystemFont,
               "Segoe UI",
               Roboto,
               Helvetica,
               Arial,
               "Noto Sans",
               sans-serif !important;
}

/* RTL support for Arabic */
html[lang="ar"],
html[dir="rtl"] {
  direction: rtl;
}

html[lang="ar"] ::placeholder,
html[dir="rtl"] ::placeholder {
  text-align: right;
}

/* Navigation & menus */
.navbar,
.navbar *,
.nav,
.nav *,
.menu,
.menu * {
  font-family: "Cairo", sans-serif !important;
}

/* Forms */
input,
select,
textarea,
button,
label {
  font-family: "Cairo", sans-serif !important;
}

/* Tables & lists */
table,
thead,
tbody,
tr,
td,
th,
ul,
ol,
li {
  font-family: "Cairo", sans-serif !important;
}

/* Headings & text */
h1, h2, h3, h4, h5, h6,
p, span, a, small, strong, em {
  font-family: "Cairo", sans-serif !important;
}

/* Power Pages containers */
.entity-form,
.entitylist,
.section,
.sectionBlockLayout,
.card,
.panel,
.modal,
.alert {
  font-family: "Cairo", sans-serif !important;
}