.elementor-kit-6{--e-global-color-primary:#0159A6;--e-global-color-secondary:#00AD6F;--e-global-color-text:#374151;--e-global-color-accent:#FED933;--e-global-color-3cee6ae:#17212B;--e-global-color-bdac4f5:#667085;--e-global-color-d5ef998:#F3EFE7;--e-global-color-c26bf0f:#E2E6E9;--e-global-color-ace9cbf:#FFFFFF;--e-global-color-afsline:#DFE5E9;--e-global-color-afspaper:#FAF9F6;--e-global-color-afssage:#F1F5F2;--e-global-color-afssofty:#FFF8CF;--e-global-color-afssoftg:#EAF7F1;--e-global-color-afssoftb:#EDF5FB;--e-global-typography-primary-font-family:"Tajawal";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Tajawal";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Tajawal";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Tajawal";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   A.F.S — ALL ARABIC PAGES (page content only, not header/footer)
   Arabic needs taller lines than Latin and no letter-spacing.
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */
/* Letter-spacing breaks Arabic letter joining: always 0 for Arabic text.
   !important because some sections set tracking with !important in their own CSS */
html[lang="ar"] [data-elementor-type="wp-page"].elementor .elementor-element :is(.elementor-heading-title, .elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-button, svg text) {
  letter-spacing: 0 !important;
}
html[lang="ar"] [data-elementor-type="wp-page"] .elementor-element.elementor-widget-heading .elementor-heading-title {
  line-height: 1.3;
}

/* =========================================================
   A.F.S — Arabic Facilities (/ar/facilities/, page 1882)
   RTL + responsive fixes. Lives in Site Settings (not in the
   page) so WPML translation updates cannot overwrite it.
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */


/* Hero: paragraph no longer touches the headline */
.elementor-1882 .elementor-element-3ac1f8c { padding-bottom: 12px; }

/* The two "three spaces" sections set Latin tracking / tight line-height with
   !important in their own section CSS, so Arabic needs !important to undo it */
.elementor-1882 :is(.elementor-element-acc37a2, .elementor-element-5cfccd9) .elementor-widget-heading .elementor-heading-title {
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}

/* "Jump" arrows in the facilities list point the reading direction (left) */
.elementor-1882 .afs-atlas__jump { scale: -1 1; } /* arrow is drawn with ::before/::after; mirror the whole link */

/* The two "three spaces" sections set Latin tracking / tight line-height with
   !important in their own section CSS, so Arabic needs !important to undo it */
.elementor-1882 :is(.elementor-element-acc37a2, .elementor-element-5cfccd9) .elementor-widget-heading .elementor-heading-title {
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}

/* Card text (library / playground / science): right-aligned for RTL */
.elementor-1882 :is(.elementor-element-a7b35ca, .elementor-element-94d1b06, .elementor-element-a751802,
  .elementor-element-f60bf51, .elementor-element-f1d6e7c, .elementor-element-4eb0c53,
  .elementor-element-cc6ee5a, .elementor-element-79b6084, .elementor-element-078ddf9)
  :is(.elementor-heading-title, .elementor-widget-container, p) {
  text-align: right;
}

/* Tablet + small laptop (<=1024px) */
@media (max-width: 1024px) {
  /* Hero: stack text above image (image was being cut off) */
  .elementor-1882 .elementor-element-48d65f4 > .e-con-inner {
    flex-direction: column;
    gap: 32px;
    padding-inline: 40px;
  }
  .elementor-1882 .elementor-element-48d65f4 > .e-con-inner > :is(.elementor-element-bc0146e, .elementor-element-30d54ad) {
    --width: 100%;
    width: 100%;
  }
  /* "Learning environment" grid: one column instead of a narrow squeeze */
  .elementor-1882 .elementor-element-29ab2a9 { padding-inline: 40px; }
  .elementor-1882 .elementor-element-fdadbc3 {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    row-gap: 32px;
  }
  .elementor-1882 .elementor-element-fdadbc3 > .elementor-element-bcbaf33 { grid-row: auto; }
  .elementor-1882 .elementor-element-fdadbc3 > .elementor-element-31706dd { order: -1; }
}

/* Mobile (<=767px) */
@media (max-width: 767px) {
  /* mirror the section's side padding for RTL (start = right 0, end = left 20) */
  .elementor-1882 .elementor-element-29ab2a9 { padding-inline: 0 20px; }
}


/* Facilities: small labels were 8–10px — minimum 11px for Arabic (all sizes) */
html[lang="ar"] .elementor-1882.elementor .elementor-element:is(.elementor-element-d2df5b6, .elementor-element-98f067d,
  .elementor-element-d2e6d77, .elementor-element-ac65c27, .elementor-element-31149ef, .elementor-element-b429188,
  .elementor-element-6ebc630) :is(.elementor-heading-title, .elementor-widget-container, p, .elementor-button-text) {
  font-size: 11px !important;
}

/* =========================================================
   A.F.S — Arabic Homepage (/ar/, page 2066)
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */

/* Small labels were 8–10px: unreadable in Arabic. Minimum 11px. */
html[lang="ar"] .elementor-2066.elementor .elementor-element:is(
  .elementor-element-c6cfe49, .elementor-element-74e38f6, .elementor-element-2dcb1cb, .elementor-element-f4b0e4c,
  .elementor-element-3762623, .elementor-element-8eecb3b, .elementor-element-5f8c1e1, .elementor-element-52c850e,
  .elementor-element-3cbe170, .elementor-element-bd74dd7, .elementor-element-97f8492, .elementor-element-745f724,
  .elementor-element-02d7719, .elementor-element-785c5ef, .elementor-element-df64235, .elementor-element-f8a0aeb,
  .elementor-element-f84bc99, .elementor-element-4046337, .elementor-element-872657f, .elementor-element-9357dfe,
  .elementor-element-942b096, .elementor-element-a3aadab, .elementor-element-5af49a1, .elementor-element-602dc3e,
  .elementor-element-5ac5a1d, .elementor-element-ec3ac00, .elementor-element-5d317aa, .elementor-element-95e6090,
  .elementor-element-5acf95f, .elementor-element-bf4de8e, .elementor-element-c0cc239, .elementor-element-3f3069b,
  .elementor-element-d9ed94c, .elementor-element-f54a6a2, .elementor-element-a505024, .elementor-element-1a46e52,
  .elementor-element-ceca69d, .elementor-element-45884e6, .elementor-element-a8b1202, .elementor-element-ef3f599,
  .elementor-element-919d4cc, .elementor-element-2cf6ccf
) :is(.elementor-heading-title, .elementor-widget-container, p, .elementor-button, .elementor-button-text) {
  font-size: 11px !important;
}

/* "A day at A.F.S" step cards: titles right-aligned for RTL */
.elementor-2066 :is(.elementor-element-a505024, .elementor-element-1a46e52, .elementor-element-ceca69d,
  .elementor-element-45884e6, .elementor-element-a8b1202) .elementor-heading-title {
  text-align: right;
}


/* =========================================================
   A.F.S — Arabic full-screen menu (popup 2107)
   Arabic grade names are longer than "Grade 1": the curriculum
   panel columns collapsed and overlapped. Added 2026-10-21.
   ========================================================= */
.elementor-2107 .elementor-element.elementor-element-199b77a .elementor-heading-title { white-space: nowrap; }
.elementor-2107 .elementor-element.elementor-element-1d526b95 > .elementor-element { flex: 0 0 auto; width: auto; min-width: max-content; }
.elementor-2107 .elementor-element.elementor-element-1c371849 > .elementor-element { flex: 0 0 auto; width: auto; }
@media (max-width: 1024px) {
  /* Kindergarten above Elementary instead of side by side */
  .elementor-2107 .elementor-element.elementor-element-1c371849 { flex-direction: column; gap: 24px; }
  .elementor-2107 .elementor-element.elementor-element-1c371849 > .elementor-element { width: 100%; max-width: 100%; }
  .elementor-2107 .elementor-element.elementor-element-1d526b95 { gap: 16px 32px; justify-content: flex-start; }
  .elementor-2107 .elementor-element.elementor-element-1d526b95 > .elementor-element { flex: 1 1 0; min-width: 0; }
}


/* =========================================================
   A.F.S — Arabic Curriculum (/ar/curriculum/, page 2127)
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */

/* Two section headings rendered left-aligned in RTL */
html[lang="ar"] .elementor-2127.elementor :is(.elementor-element-7bdc77c, .elementor-element-4fd122b) .elementor-heading-title {
  text-align: right;
}

/* Small label under 11px on mobile */
html[lang="ar"] .elementor-2127.elementor .elementor-element.elementor-element-4f5854d :is(.elementor-heading-title, .elementor-widget-container, p) {
  font-size: 11px !important;
}


/* =========================================================
   A.F.S — Arabic Elementary (/ar/elementary/, page 2143)
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */

/* 38 text blocks are set to "left" in the source design, which Elementor
   renders as physical left (text-align: end) in RTL. Arabic reads right. */
html[lang="ar"] .elementor-2143.elementor .elementor-element:is(
  .elementor-element-9e11afd, .elementor-element-629296a, .elementor-element-ceae8cc, .elementor-element-01bcac8,
  .elementor-element-81e6e23, .elementor-element-1c60341, .elementor-element-69f9a77, .elementor-element-09a9bee,
  .elementor-element-6719e6e, .elementor-element-a3d2e38, .elementor-element-6f3222a, .elementor-element-8487aab,
  .elementor-element-c29f701, .elementor-element-f342e8e, .elementor-element-ae68b89, .elementor-element-dbef392,
  .elementor-element-9e1a5fd, .elementor-element-cc5584c, .elementor-element-02d11f1, .elementor-element-ce9d9a1,
  .elementor-element-c51dfab, .elementor-element-42f980c, .elementor-element-9de816d, .elementor-element-e4f081e,
  .elementor-element-a249a6c, .elementor-element-d3a1231, .elementor-element-eb9a715, .elementor-element-04078a2,
  .elementor-element-733ec32, .elementor-element-79dce69, .elementor-element-7d21067, .elementor-element-8816d76,
  .elementor-element-8207c0b, .elementor-element-88b7b52, .elementor-element-f132fcd, .elementor-element-eb21780,
  .elementor-element-c3943de, .elementor-element-d75d766
) :is(.elementor-heading-title, .elementor-widget-container, p, .elementor-icon-list-text) {
  text-align: right;
}


/* Elementary grade panels 2–8 (hidden until a grade is selected, so they were
   missed in the first pass) + list items inside text blocks */
html[lang="ar"] .elementor-2143.elementor .elementor-element:is(
  .elementor-element-9092948, .elementor-element-c0521ac, .elementor-element-f90e513, .elementor-element-7867aba,
  .elementor-element-4195ea1, .elementor-element-e931857, .elementor-element-9a3d8f1, .elementor-element-644abc3,
  .elementor-element-914218e, .elementor-element-107099e, .elementor-element-0a9273c, .elementor-element-5c9c7ab,
  .elementor-element-844a0f1, .elementor-element-d48498a, .elementor-element-e03c9b6, .elementor-element-1f85d92,
  .elementor-element-e74d999, .elementor-element-ee147ea, .elementor-element-50cc551, .elementor-element-81d0efc,
  .elementor-element-c7e7e96, .elementor-element-506991f, .elementor-element-35bbbcf, .elementor-element-80c483b,
  .elementor-element-df9c187, .elementor-element-c5b7136, .elementor-element-2f52aa3
) :is(.elementor-heading-title, .elementor-widget-container, p, ul, li, .elementor-icon-list-text) {
  text-align: right;
}
html[lang="ar"] .elementor-2143.elementor .elementor-widget-text-editor :is(ul, li) {
  text-align: right;
}

/* Elementary grade labels "الصف الثاني…الثامن" */
html[lang="ar"] .elementor-2143.elementor .elementor-element:is(.elementor-element-3adff01, .elementor-element-398f73e,
  .elementor-element-2ca447c, .elementor-element-0bb771a, .elementor-element-4e639dd, .elementor-element-f263838,
  .elementor-element-2929ecf) .elementor-heading-title {
  text-align: right;
}

/* Elementary "تعرّفوا على الصف" link arrow (drawn with ::after) points the reading direction */
html[lang="ar"] .elementor-2143 .afs-el-grade-link .elementor-heading-title a::after { scale: -1 1; }

/* =========================================================
   A.F.S — Arabic heading sizes (all pages)
   Arabic phrases run longer than the English source, so the same
   font size wrapped to 4–5 lines. Sizes below keep each heading at
   roughly the same height as its English version. Added 2026-10-21.
   ========================================================= */
/* Elementary main heading */
html[lang="ar"] .elementor-2143.elementor .elementor-element.elementor-element-9e11afd .elementor-heading-title { font-size: 56px !important; }

@media (max-width: 1024px) {
  html[lang="ar"] .elementor-2143.elementor .elementor-element.elementor-element-9e11afd .elementor-heading-title { font-size: 48px !important; }
  /* Curriculum: "foundation" heading on tablet */
  html[lang="ar"] .elementor-2127.elementor .elementor-element.elementor-element-99d51a1 .elementor-heading-title { font-size: 46px !important; }
}

@media (max-width: 767px) {
  html[lang="ar"] .elementor-2143.elementor .elementor-element.elementor-element-9e11afd .elementor-heading-title { font-size: 36px !important; }
  html[lang="ar"] .elementor-2143.elementor .elementor-element:is(.elementor-element-81e6e23, .elementor-element-dbef392, .elementor-element-04078a2) .elementor-heading-title { font-size: 32px !important; }
  /* Facilities main heading */
  html[lang="ar"] .elementor-1882.elementor .elementor-element.elementor-element-3ac1f8c .elementor-heading-title { font-size: 34px !important; }
}


/* =========================================================
   A.F.S — Arabic Grade 1 (/ar/elementary/elementary-grade-1/, page 2168)
   Added 2026-10-21 — Topic 06 WordPress & Elementor.
   ========================================================= */
/* Previous / next grade bar: arrows point outward in RTL */
html[lang="ar"] .elementor-2168 .elementor-element.elementor-element-ec16ba7 a svg { scale: -1 1; }

/* Heading sizes: match the English line count */
@media (min-width: 1025px) {
  html[lang="ar"] .elementor-2168.elementor .elementor-element.elementor-element-6b24c25 .elementor-heading-title { font-size: 64px !important; }
  html[lang="ar"] .elementor-2168.elementor .elementor-element.elementor-element-bbada53 .elementor-heading-title { font-size: 44px !important; }
  html[lang="ar"] .elementor-2168.elementor .elementor-element.elementor-element-02ffcee .elementor-heading-title { font-size: 60px !important; }
}
@media (max-width: 767px) {
  html[lang="ar"] .elementor-2168.elementor .elementor-element:is(.elementor-element-ba82bf0, .elementor-element-6bfb141) .elementor-heading-title { font-size: 34px !important; }
  html[lang="ar"] .elementor-2168.elementor .elementor-element.elementor-element-02ffcee .elementor-heading-title { font-size: 36px !important; }
  /* Swipe row of cards: the bleed was built for LTR (right side); mirror it */
  html[lang="ar"] .elementor-2168 .elementor-element.elementor-element-876b41f {
    margin-right: 0 !important; margin-left: -20px !important;
    padding-right: 0 !important; padding-left: 20px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://al-fasaha.com/wp-content/uploads/2026/09/Tajawal-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://al-fasaha.com/wp-content/uploads/2026/09/Tajawal-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://al-fasaha.com/wp-content/uploads/2026/09/Tajawal-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://al-fasaha.com/wp-content/uploads/2026/09/Tajawal-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */