.elementor-kit-1274{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1274 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 *//* ============================================================
   GLOBAL TYPOGRAPHY SYSTEM
   Satoshi (EN) + IBM Plex Sans Arabic (AR) | Ratio 1.2
   ============================================================ */

:root {
  /* الترتيب هنا مقصود: المتصفح يطبّق fallback لكل حرف على حدة.
     Satoshi ما فيه حروف عربية، فالعربي تلقائياً بينزل على IBM Plex */
  --font-en:    'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ar:    'IBM Plex Sans Arabic', 'Satoshi', sans-serif;
  --font-mixed: 'Satoshi', 'IBM Plex Sans Arabic', sans-serif;

  --fs-h1: 2.986rem; --fs-h2: 2.488rem; --fs-h3: 2.074rem;
  --fs-h4: 1.728rem; --fs-h5: 1.44rem;  --fs-h6: 1.2rem;
  --fs-body: 1rem;   --fs-small: 0.833rem;
  --lh-heading: 1.25; --lh-body: 1.65;
}

@media (min-width: 1440px) {
  :root {
    --fs-h1: 3.173rem; --fs-h2: 2.643rem; --fs-h3: 2.203rem;
    --fs-h4: 1.836rem; --fs-h5: 1.53rem;  --fs-h6: 1.275rem;
    --fs-body: 1.0625rem; --fs-small: 0.885rem;
  }
}

@media (max-width: 1024px) {
  :root {
    --fs-h1: 2.313rem; --fs-h2: 2.011rem; --fs-h3: 1.749rem;
    --fs-h4: 1.521rem; --fs-h5: 1.323rem; --fs-h6: 1.15rem;
    --fs-body: 1rem; --fs-small: 0.87rem;
  }
}

@media (max-width: 767px) {
  :root {
    --fs-h1: 2.027rem; --fs-h2: 1.802rem; --fs-h3: 1.602rem;
    --fs-h4: 1.424rem; --fs-h5: 1.266rem; --fs-h6: 1.125rem;
    --fs-body: 0.95rem; --fs-small: 0.85rem;
  }
}

/* ---------- تطبيق الخط حسب اللغة ---------- */

html, body, button, input, select, textarea {
  font-family: var(--font-mixed) !important;
}

/* أي عنصر عربي أو RTL — يقلب الأولوية لـ IBM Plex.
   .rtl هي الكلاس اللي بتضيفها ووردبريس على الـ body تلقائياً */
html[lang|="ar"], html[lang|="ar"] *,
body.rtl, body.rtl *,
[dir="rtl"], [dir="rtl"] *,
:lang(ar), .font-ar, .font-ar * {
  font-family: var(--font-ar) !important;
}

/* عنصر إنجليزي جوا سياق عربي — ضيف class="font-en" يدوياً */
[lang|="en"], .font-en, .font-en * {
  font-family: var(--font-en) !important;
}

/* ---------- المقاسات ---------- */

.elementor-widget-html.elementor-widget-html,
.elementor-widget-text-editor.elementor-widget-text-editor {
  font-size: var(--fs-body) !important;
}

.elementor-widget-html.elementor-widget-html h1,
.elementor-widget-text-editor.elementor-widget-text-editor h1 { font-size: var(--fs-h1) !important; line-height: var(--lh-heading) !important; margin: 0 0 .5em !important; }

.elementor-widget-html.elementor-widget-html h2,
.elementor-widget-text-editor.elementor-widget-text-editor h2 { font-size: var(--fs-h2) !important; line-height: var(--lh-heading) !important; margin: 0 0 .5em !important; }

.elementor-widget-html.elementor-widget-html h3,
.elementor-widget-text-editor.elementor-widget-text-editor h3 { font-size: var(--fs-h3) !important; line-height: var(--lh-heading) !important; margin: 0 0 .5em !important; }

.elementor-widget-html.elementor-widget-html h4,
.elementor-widget-text-editor.elementor-widget-text-editor h4 { font-size: var(--fs-h4) !important; line-height: var(--lh-heading) !important; margin: 0 0 .4em !important; }

.elementor-widget-html.elementor-widget-html h5,
.elementor-widget-text-editor.elementor-widget-text-editor h5 { font-size: var(--fs-h5) !important; line-height: var(--lh-heading) !important; margin: 0 0 .4em !important; }

.elementor-widget-html.elementor-widget-html h6,
.elementor-widget-text-editor.elementor-widget-text-editor h6 { font-size: var(--fs-h6) !important; line-height: var(--lh-heading) !important; margin: 0 0 .4em !important; }

.elementor-widget-html.elementor-widget-html p,
.elementor-widget-html.elementor-widget-html li,
.elementor-widget-text-editor.elementor-widget-text-editor p,
.elementor-widget-text-editor.elementor-widget-text-editor li {
  font-size: var(--fs-body) !important; line-height: var(--lh-body) !important;
}

.elementor-widget-html.elementor-widget-html small,
.elementor-widget-html.elementor-widget-html .caption {
  font-size: var(--fs-small) !important; line-height: 1.5 !important;
}

/* استثناء يدوي: ضيف class="no-typo-fix" لأي عنصر بدك تحافظ على مقاسه الأصلي */
.no-typo-fix, .no-typo-fix * { font-size: revert !important; line-height: revert !important; }/* End custom CSS */