/* ═══════════════════════════════════════════════════════════════════
   ECHOVISION — أنماط صفحات Elementor

   هذا الملف يحمل ما كان في  Site Settings › Custom CSS  وفي مقتطفات
   Custom Code. نُقل إلى القالب ليصبح للكود مصدر واحد يسافر معه،
   يدخل التحكّم بالإصدارات، ولا يُفقد عند استيراد Kit أو استرجاع نسخة.

   ما ليس هنا عمداً:
     • الرموز (:root)  — في theme.css، مصدر واحد للألوان والقياس
     • .ev-card .ev-btn .ev-more .ev-stat .ev-marquee .ev-eyebrow
       [data-rv] .ev-skip  — في theme.css بنسخ تدعم RTL
   يُحمَّل بعد theme.css، فما هنا يتفوّق عند التعارض.

   الفهرس
     ٠١  حواجز الأمان داخل ويدجتات Elementor
     ٠٢  السكّة وعرض المحتوى
     ٠٣  الشبكات
     ٠٤  مكوّنات لا توجد في قوالب القالب
     ٠٥  بطاقة الخدمة في الرئيسية
     ٠٦  أزرار الهيدر
     ٠٧  مؤشّر العمق
     ٠٨  آراء العملاء — Trustindex
     ٠٩  الوضع الفاتح داخل Elementor
     ١٠  عناصر ووردبريس العامة
     ١١  تصحيحات بأولوية أعلى
   ═══════════════════════════════════════════════════════════════════ */


/* ═══ ٠١  حواجز الأمان ═════════════════════════════════════════════
   تمنع فئة كاملة من الأعطال بدل معالجتها حالة بحالة.
   ═══════════════════════════════════════════════════════════════════ */

/* SVG بلا width/height يتمدّد ليملأ حاويته.
   هذا سبب الأسهم العملاقة والتمرير الأفقي. */
.elementor-widget-text-editor svg,
.elementor-widget-button svg,
.elementor-widget-icon-list svg,
.elementor-button-icon svg,
.elementor-icon-list-icon svg{
  width:  1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  vertical-align: -0.15em;
}

/* استثناءات: الشعار والعلامات البصرية تحتفظ بحجمها */
.elementor-widget-image svg,
.elementor-widget-theme-site-logo svg,
[class*="logo"] svg,
.ev-hero svg,
.ev-depth svg,
.ti-widget svg{
  width: auto;
  height: auto;
  vertical-align: baseline;
}

/* ويدجت الأيقونة المستقل لا يطابقه ما سبق — ليس داخل نص ولا زر */
.elementor-widget-icon .elementor-icon svg,
.ev-card .elementor-icon svg,
[class*="elementor-element"] .elementor-widget-icon svg{
  width:  16px !important;
  height: 16px !important;
}
.elementor-widget-icon .elementor-icon{
  font-size: 16px !important;
  line-height: 1 !important;
}


/* ═══ ٠٢  السكّة ═══════════════════════════════════════════════════ */

.elementor .e-con.e-con-boxed{ --container-max-width: var(--ev-rail); }
.elementor-section.elementor-section-boxed > .elementor-container{ max-width: var(--ev-rail); }

/* الهامش الجانبي — للأقسام العلوية فقط حتى لا يتضاعف */
.elementor > .e-con > .e-con-inner,
.elementor-section-wrap > .e-con > .e-con-inner,
.elementor > .elementor-section > .elementor-container,
.elementor-section-wrap > .elementor-section > .elementor-container{
  padding-inline: var(--ev-gutter);
}

.ev-bleed > .e-con-inner,
.ev-bleed > .elementor-container{
  max-width: var(--ev-rail);
  margin-inline: auto;
  padding-inline: var(--ev-gutter);
}

.ev-full > .e-con-inner,
.ev-full > .elementor-container{
  max-width: 100%;
  padding-inline: 0;
}


/* ═══ ٠٣  الشبكات ══════════════════════════════════════════════════
   نسبة مئوية + فجوة بالبكسل = تجاوز 100% فينزل العنصر لسطر ثانٍ.
   الشبكة تحسب الفجوة تلقائياً فلا يتكرّر العطل.
   ═══════════════════════════════════════════════════════════════════ */

/* ⚠ ‏!important مقصود في هذا القسم كلّه.
   Elementor يكتب لكل عنصر قاعدة بمحدّد من نوع
   ‏.elementor-10440 .elementor-element.elementor-element-abc
   أي (0,3,0)، ويتفوّق على محدّد كلاس عادي (0,1,0). بدونها
   تعود الحاوية إلى flex فتتكسّر الشبكة وتنزل آخر خلية سطراً. */

#services .e-con:has(> * > .ev-card),
#why      .e-con:has(> .ev-card),
.ev-row-3,
.ev-row-4,
.ev-process{
  display: grid !important;
  align-items: stretch;
  gap: var(--ev-gap) !important;
}

#services .e-con:has(> * > .ev-card),
.ev-row-3{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

#why .e-con:has(> .ev-card),
.ev-row-4{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

.ev-process{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  position: relative !important;
  align-items: start;
}

#services .e-con:has(> * > .ev-card) > *,
#why      .e-con:has(> .ev-card)     > *,
.ev-row-3 > *,
.ev-row-4 > *,
.ev-process > *{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0 !important;
}

#services .e-con:has(> * > .ev-card) > *{ height: 100%; }

@supports not selector(:has(*)){
  .ev-row-3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
  .ev-row-4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
}

/* ── شبكة البورتفوليو ──
   ويدجت Auxa يفرض col-lg-6 في الماركب نفسه. تحويل الحاوية إلى
   Grid يتجاوز Bootstrap دون تعديل ملفات الإضافة. */
.post-type-archive-auxa_portfolio .row,
body.page .elementor-widget-container > .row{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch;
  margin-inline: 0 !important;
}

.grid-item,
.col-lg-6.grid-item,
.col-md-6.grid-item{
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0 !important;
  padding-inline: 0 !important;
}

.grid-item > *,
.br-portfolio,
.portfolio-item{ height: 100% !important; }

.br-portfolio img,
.portfolio-item img,
.grid-item img{
  width: 100% !important;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* هامش الويدجت يلغى — فجوة الشبكة تكفي */
.portfolio-item.mt-60{ margin-top: 0 !important; }

/* الصور داخل الشبكات لا تُعتَم */
.br-portfolio img,
.portfolio-item img,
.grid-item img,
.elementor-widget-loop-grid img{
  filter: none !important;
  opacity: 1 !important;
}

/* ── التدرّج المتجاوب لكل الشبكات ── */
@media (max-width: 1024px){
  #services .e-con:has(> * > .ev-card),
  #why .e-con:has(> .ev-card),
  .ev-row-3, .ev-row-4, .ev-process,
  .post-type-archive-auxa_portfolio .row,
  body.page .elementor-widget-container > .row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .ev-process{ gap: 34px 0 !important; }
}

@media (max-width: 767px){
  #services .e-con:has(> * > .ev-card),
  #why .e-con:has(> .ev-card),
  .ev-row-3, .ev-row-4, .ev-process,
  .post-type-archive-auxa_portfolio .row,
  body.page .elementor-widget-container > .row{
    grid-template-columns: 1fr !important;
  }
}

/* أغلفة الويدجت: Elementor يلفّ كل ويدجت بطبقتين، فتنكسر سلاسل
   المحدّدات التي تتوقّع علاقة أب‑ابن مباشرة. */
.ev-row-3 > .e-con,
.ev-row-3 > .e-con > .e-con-inner,
.ev-row-3 .elementor-widget-html,
.ev-row-3 .elementor-widget-container{
  height: 100%;
}


/* ═══ ٠٤  مكوّنات لا توجد في قوالب القالب ══════════════════════════ */

/* ── توهّج البطاقة بتتبّع المؤشّر ── */
.ev-card::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(420px circle at var(--mx,50%) var(--my,0%),
              rgba(71,196,242,.16), transparent 62%);
  opacity: 0;
  transition: opacity .45s;
}
.ev-card:hover::after{ opacity: 1; }

.ev-card__dot{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--ev-accent);
  box-shadow: 0 0 0 6px rgba(71,196,242,.13), 0 0 20px var(--ev-accent);
  transition: box-shadow .5s;
}
.ev-card:hover .ev-card__dot{
  box-shadow: 0 0 0 10px rgba(71,196,242,.2), 0 0 32px var(--ev-accent);
}

/* ── شريط الأرقام ──
   الترميز الصحيح:  .ev-stat > b[data-count] + span
   الرقم يُكتب نصاً داخل <b> فيبقى ظاهراً لو تعطّل العدّاد. */
.ev-stats{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--ev-gap);
}

/* ── خطوات العملية ── */
.ev-process__line{
  position: absolute;
  top: 26px;
  inset-inline: 8%;
  height: 2px;
  z-index: 0;
  background: var(--ev-line);
}
.ev-process__line i{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--ev-deep), var(--ev-accent));
  transform: scaleX(var(--draw, 0));
  transform-origin: 0 50%;
  transition: transform 1.4s var(--ev-ease);
  box-shadow: 0 0 14px var(--ev-accent);
}
[dir="rtl"] .ev-process__line i{ transform-origin: 100% 50%; }

/* غلاف الويدجت كان يحتلّ خلية في الشبكة فتنزل الخطوة الرابعة
   إلى سطر ثانٍ. إخراجه من التدفّق يحلّ ذلك. */
.ev-process__rail{
  position: absolute !important;
  inset-inline: 8% !important;
  top: 26px !important;
  width: auto !important;
  height: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0;
}
.ev-process__rail .elementor-widget-container{ height: 2px; }
.ev-process__rail .ev-process__line{ position: static !important; inset: auto !important; }

@media (max-width: 1024px){
  .ev-process__rail,
  .ev-process__line{ display: none !important; }
}

.ev-step{ position: relative; z-index: 1; text-align: center; }
.ev-step__num{
  width: 54px;
  height: 54px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 17px;
  color: var(--ev-ink);
  background: var(--ev-surface);
  border: 2px solid var(--ev-line);
  transition: border-color .5s, box-shadow .5s, color .5s;
}
.ev-step.is-in .ev-step__num{
  border-color: var(--ev-accent);
  color: var(--ev-accent);
  box-shadow: 0 0 0 6px rgba(71,196,242,.1), 0 0 26px rgba(71,196,242,.4);
}

/* ── مؤشّر السكرول في الهيرو ── */
.ev-cue{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: var(--ev-body);
  font-size: 11px;
  letter-spacing: .2em;
}
.ev-cue i{
  display: block;
  width: 1px;
  height: 44px;
  background: linear-gradient(180deg, transparent, var(--ev-accent));
  animation: evCue 2.2s var(--ev-ease) infinite;
}
@keyframes evCue{
  0%, 100%{ opacity: .2; transform: scaleY(.4); transform-origin: top }
  50%     { opacity: 1;  transform: scaleY(1) }
}

/* ── شارات الثقة ── */
.ev-trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  align-items: center;
  color: var(--ev-body);
  font-size: 14px;
}
.ev-trust span{ display: inline-flex; align-items: center; gap: 9px; }
.ev-trust span::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ev-accent);
}

/* ── شريط الشعارات داخل كاروسيل Elementor ── */
.elementor-image-carousel .swiper-wrapper{ transition-timing-function: linear !important; }
.elementor-image-carousel .swiper-slide{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementor-image-carousel .swiper-slide img{
  height: 46px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain;
  filter: grayscale(1) brightness(1.75);
  opacity: .55;
  transition: filter .35s, opacity .35s;
}
.elementor-image-carousel .swiper-slide img:hover{
  filter: none;
  opacity: 1;
}

/* ── الكلمات المميّزة داخل عناوين Elementor ──
   لون صلب لا تدرّج مقصوص. التدرّج يحتاج background-image، وElementor
   يشيلها بـ !important على كل عنصر داخل حاوية لم تُحمَّل بعد
   (ميزة Lazy Load Background Images)، فيبقى اللون الشفاف وحده
   ويختفي النص تماماً بلا أي خطأ. حدث هذا فعلاً. */
.elementor-heading-title em{
  font-style: normal;
  color: var(--ev-accent);
  -webkit-text-fill-color: currentColor;
}

[data-count]{
  display: block;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  font-size: clamp(2.4rem, 6vw, 4rem);
  color: var(--ev-accent);
  -webkit-text-fill-color: currentColor;
}
[dir="rtl"] [data-count]{ direction: ltr; unicode-bidi: isolate; }


/* ═══ ٠٥  بطاقة الخدمة في الرئيسية ═════════════════════════════════ */

.ev-svc{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 32px 28px 28px;
}

.ev-svc__num{
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2em;
  color: var(--ev-accent);
  margin-bottom: 18px;
}

.ev-svc__q{
  margin: 0 0 14px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--ev-ink);
}

/* جملة الألم: مائلة بشريط جانبي يفصلها عن الحل */
.ev-svc__pain{
  margin: 0 0 12px;
  padding-inline-start: 14px;
  border-inline-start: 2px solid rgba(71,196,242,.4);
  font-size: 14.5px;
  line-height: 1.6;
  font-style: italic;
  color: rgba(148,169,194,.9);
}

.ev-svc__sol{
  margin: 0 0 22px;
  flex: 1 0 auto;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ev-body);
}

/* ⚠ هذه الكتلة تمنع الأسهم العملاقة.
   SVG بلا width/height يتمدّد ليملأ حاويته، وقواعد القسم ٠١
   لا تطابقه هنا لأنه داخل ويدجت HTML لا داخل نص أو زر. */
.ev-more{ display: inline-flex !important; margin-top: auto; }

.ev-svc .ev-more svg,
.elementor-widget-html .ev-more svg{
  width:  17px !important;
  height: 17px !important;
  min-width: 17px;
  flex: 0 0 17px !important;
}

@media (max-width: 1024px){
  .ev-svc{ padding: 26px 22px 24px; }
  .ev-svc__q{ font-size: 18px; }
}


/* ═══ ٠٦  أزرار الهيدر ═════════════════════════════════════════════ */

.ev-head-actions > .elementor-widget-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.ev-head-actions .elementor-widget{ margin-bottom: 0; width: auto; }

.ev-theme-btn,
.ev-lang{
  position: relative;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  background: transparent;
  border: 1px solid var(--ev-line);
  color: var(--ev-ink);
  text-decoration: none;
  transition: transform .3s var(--ev-ease), border-color .3s, background .3s, color .3s;
}
.ev-theme-btn:hover,
.ev-lang:hover{
  transform: translateY(-2px);
  border-color: var(--ev-accent);
  color: var(--ev-accent);
  background: rgba(71,196,242,.12);
}

.ev-theme-btn svg{
  width: 19px;
  height: 19px;
  position: absolute;
  transition: opacity .3s, transform .45s var(--ev-ease);
}
[data-theme="dark"]  .ev-theme-btn__sun { opacity: 1; transform: rotate(0) scale(1) }
[data-theme="dark"]  .ev-theme-btn__moon{ opacity: 0; transform: rotate(-45deg) scale(.6) }
[data-theme="light"] .ev-theme-btn__sun { opacity: 0; transform: rotate(45deg) scale(.6) }
[data-theme="light"] .ev-theme-btn__moon{ opacity: 1; transform: rotate(0) scale(1) }

.ev-lang svg{ width: 17px; height: 17px; position: absolute; opacity: .35; }
.ev-lang__txt{
  position: relative;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
}

@media (max-width: 767px){
  .ev-theme-btn, .ev-lang{ width: 36px; height: 36px }
  .ev-theme-btn svg{ width: 17px; height: 17px }
  .ev-lang__txt{ font-size: 10px }
}


/* ═══ ٠٧  مؤشّر العمق ══════════════════════════════════════════════ */

.ev-depth{
  position: fixed;
  inset-inline-end: 96px;   /* يفسح مكاناً لودجت الدردشة */
  top: 50%;
  transform: translateY(-50%);
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .8s var(--ev-ease);
}
.ev-depth.is-live{ opacity: 1; }

.ev-depth__readout{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 1;
  min-width: 56px;
}
.ev-depth__num{
  font-size: 19px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ev-accent);
  text-shadow: 0 0 14px rgba(71,196,242,.5);
  transition: color .4s;
}
.ev-depth__unit{ font-size: 9.5px; letter-spacing: .24em; color: var(--ev-body); margin-top: 5px; }
.ev-depth__zone{
  font-size: 8.5px;
  letter-spacing: .18em;
  color: var(--ev-body);
  margin-top: 9px;
  text-transform: uppercase;
  white-space: nowrap;
}

.ev-depth__rail{
  position: relative;
  width: 34px;
  height: 58vh;
  max-height: 520px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
          mask-image: linear-gradient(180deg, transparent, #000 14%, #000 86%, transparent);
}
.ev-depth__rail::before{
  content: "";
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--ev-line);
}

.ev-depth__tape{
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 100%;
  will-change: transform;
}
.ev-depth__tick{
  position: absolute;
  inset-inline-end: 0;
  height: 1px;
  width: 7px;
  background: rgba(148,169,194,.3);
}
.ev-depth__tick--major{ width: 15px; background: rgba(148,169,194,.55); }
.ev-depth__label{
  position: absolute;
  inset-inline-end: 19px;
  transform: translateY(-50%);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  color: rgba(148,169,194,.4);
  white-space: nowrap;
}

.ev-depth__cursor{
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 2px;
  background: var(--ev-accent);
  box-shadow: 0 0 12px var(--ev-accent), 0 0 26px rgba(71,196,242,.5);
}
.ev-depth__cursor::after{
  content: "";
  position: absolute;
  inset-inline-end: -3px;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ev-accent);
  box-shadow: 0 0 10px var(--ev-accent);
}
.ev-depth__trail{
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  width: 1px;
  height: 50%;
  background: linear-gradient(180deg, rgba(71,196,242,0), var(--ev-accent));
}

/* يُخفى على الشاشات الصغيرة — المساحة لا تتسع له مع ودجت الدردشة */
@media (max-width: 900px){
  .ev-depth{ display: none; }
}


/* ═══ ٠٨  آراء العملاء — Trustindex ════════════════════════════════
   محدّدات بالنمط [class*="..."] لا بالاسم الكامل، لأن Trustindex
   يغيّر أسماء كلاساته بين الإصدارات.
   ═══════════════════════════════════════════════════════════════════ */

.ti-widget,
.ti-widget *{
  background-color: transparent !important;
  background-image: none !important;
  color: #C7D6E6 !important;
  -webkit-text-fill-color: #C7D6E6 !important;
}

.ti-widget [class*="review-item"],
.ti-widget [class*="review-item"] > *{
  background: var(--ev-card) !important;
  border-radius: 16px !important;
}
.ti-widget [class*="review-item"]{
  border: 1px solid var(--ev-line) !important;
  overflow: hidden !important;
}

.ti-widget [class*="review-item"].ev-ti-active,
.ti-widget [class*="review-item"].ev-ti-active > *{
  background: linear-gradient(160deg, #0E1B2E, #081221) !important;
}
.ti-widget [class*="review-item"].ev-ti-active{
  border-color: var(--ev-accent) !important;
  box-shadow: 0 0 0 1px rgba(71,196,242,.4), 0 0 24px rgba(71,196,242,.3) !important;
}

.ti-widget [class*="name"],
.ti-widget b,
.ti-widget strong{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-weight: 600 !important;
}
.ti-widget [class*="date"],
.ti-widget [class*="time"]{
  color: #7A8FA8 !important;
  -webkit-text-fill-color: #7A8FA8 !important;
}
.ti-widget [class*="read"],
.ti-widget a{
  color: var(--ev-accent) !important;
  -webkit-text-fill-color: var(--ev-accent) !important;
}

/* قصّ نظيف بعدد أسطر ثابت بدل القطع المفاجئ */
.ti-widget [class*="review-text"]{
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.ti-widget [class*="review-item"].ev-ti-active [class*="review-text"]{
  -webkit-line-clamp: 6 !important;
}

/* النجوم والصور تحتفظ بألوانها */
.ti-widget [class*="star"] svg,
.ti-widget [class*="star"] path{
  fill: #FFC107 !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
}
.ti-widget img{
  -webkit-text-fill-color: initial !important;
  opacity: 1 !important;
  filter: none !important;
  border-radius: 50% !important;
  background: none !important;
}

.ti-widget [class*="next"],
.ti-widget [class*="prev"]{
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  border: 1px solid var(--ev-line) !important;
  color: var(--ev-body) !important;
}
.ti-widget [class*="next"]:hover,
.ti-widget [class*="prev"]:hover{
  border-color: var(--ev-accent) !important;
  color: #fff !important;
  background: rgba(71,196,242,.12) !important;
}


/* ═══ ٠٩  الوضع الفاتح داخل Elementor ══════════════════════════════
   المبدأ: الداكن يفصل الأقسام بالتوهّج، الفاتح يفصلها بالارتفاع —
   بطاقات بيضاء، أقسام زرقاء فاتحة، ظلال نازلة.

   ⚠ هذه الكتلة تعيد تعريف ألوان Elementor العامة، لا رموز القالب.
     ويدجتات Elementor تقرأ --e-global-color-* مباشرة في CSS
     الذي تولّده، فبدون هذا تبقى بألوان الوضع الداكن.
     رموز القالب (--ev-*) تتبدّل في theme.css.
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="light"]{
  --e-global-color-surface:    #FFFFFF;
  --e-global-color-surfacealt: #EFF5FC;
  --e-global-color-card:       #FFFFFF;
  --e-global-color-border:     #C9DCEF;

  --e-global-color-primary:    #08203D;  /* ١٦٫٣٥:١ */
  --e-global-color-secondary:  #3F5A77;  /*  ٧٫١٤:١ */

  /* #47C4F2 على أبيض يعطي ٢٫٠١:١ ويسقط في WCAG */
  --e-global-color-text:       #1B6FC4;  /*  ٥٫١٠:١ */
  --e-global-color-accent:     #0E4F96;  /*  ٨٫١٥:١ */
}

/* ── الأسطح ── */
[data-theme="light"] .elementor-section:not(.ev-hero),
[data-theme="light"] .e-con:not(.ev-hero),
[data-theme="light"] .elementor-column,
[data-theme="light"] .e-con-inner{
  background-color: transparent !important;
  background-image: none !important;
}

/* تناوب الأقسام — هذا ما يصنع الإيقاع البصري */
[data-theme="light"] #services,
[data-theme="light"] #why,
[data-theme="light"] #testimonials{ background: #EFF5FC !important; }

/* ── النص ── */
[data-theme="light"] .elementor-heading-title{
  color: #08203D !important;
  -webkit-text-fill-color: #08203D !important;
}
[data-theme="light"] .elementor-widget-text-editor,
[data-theme="light"] .elementor-icon-list-text,
[data-theme="light"] .elementor-icon-box-description{
  color: #3F5A77 !important;
  -webkit-text-fill-color: #3F5A77 !important;
}
[data-theme="light"] .elementor-heading-title em,
[data-theme="light"] .ev-svc__num,
[data-theme="light"] [data-count]{
  color: #1B6FC4 !important;
  -webkit-text-fill-color: #1B6FC4 !important;
}
[data-theme="light"] .ev-svc__q{ color: #08203D !important; }
[data-theme="light"] .ev-svc__sol{ color: #3F5A77 !important; }
[data-theme="light"] .ev-svc__pain{
  color: #5C7490 !important;
  border-inline-start-color: rgba(27,111,196,.45);
}

/* ── البطاقات ── */
[data-theme="light"] .offering-service,
[data-theme="light"] .portfolio-card,
[data-theme="light"] .br-portfolio,
[data-theme="light"] .elementor-widget-icon-box{
  background: #FFFFFF !important;
  border: 1px solid #C9DCEF !important;
  box-shadow: var(--ev-lift-1) !important;
  transition: transform .4s var(--ev-ease), box-shadow .4s, border-color .4s !important;
}
[data-theme="light"] .offering-service:hover,
[data-theme="light"] .portfolio-card:hover,
[data-theme="light"] .br-portfolio:hover{
  transform: translateY(-6px) !important;
  border-color: #1B6FC4 !important;
  box-shadow: var(--ev-lift-3) !important;
}

[data-theme="light"] .ev-card::after{ display: none !important; }
[data-theme="light"] .ev-card__dot{
  background: #1B6FC4 !important;
  box-shadow: 0 0 0 5px rgba(27,111,196,.12) !important;
}

/* ── أزرار Elementor ── */
[data-theme="light"] .elementor-widget-button .elementor-button{
  background: transparent !important;
  border: 1.5px solid #1B6FC4 !important;
  box-shadow: none !important;
}
[data-theme="light"] .elementor-button,
[data-theme="light"] .elementor-button-text{
  color: #0E4F96 !important;
  -webkit-text-fill-color: #0E4F96 !important;
}
[data-theme="light"] .elementor-widget-button .elementor-button:hover{
  background: #0E4F96 !important;
  border-color: #0E4F96 !important;
  box-shadow: var(--ev-lift-2) !important;
}
[data-theme="light"] .elementor-widget-button .elementor-button:hover,
[data-theme="light"] .elementor-widget-button .elementor-button:hover .elementor-button-text{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ── خطوات العملية ── */
[data-theme="light"] .ev-step__num{
  background: #FFFFFF !important;
  border-color: #C9DCEF !important;
  color: #0E4F96 !important;
  box-shadow: var(--ev-lift-1) !important;
}
[data-theme="light"] .ev-step.is-in .ev-step__num{
  border-color: #1B6FC4 !important;
  color: #1B6FC4 !important;
  box-shadow: var(--ev-lift-2) !important;
}
[data-theme="light"] .ev-process__line{ background: #C9DCEF !important; }
[data-theme="light"] .ev-process__line i{
  background: linear-gradient(90deg, #0E4F96, #1B6FC4) !important;
  box-shadow: none !important;
}

/* ── الأيقونات والشعارات ── */
[data-theme="light"] .elementor-icon svg,
[data-theme="light"] .elementor-icon i,
[data-theme="light"] .elementor-icon-list-icon svg{
  color: #1B6FC4 !important;
  fill: #1B6FC4 !important;
}

/* الشعارات: تغميق لا تفتيح */
[data-theme="light"] .elementor-image-carousel .swiper-slide img{
  filter: grayscale(1) brightness(.4) contrast(1.2) !important;
  opacity: .58 !important;
}
[data-theme="light"] .elementor-image-carousel .swiper-slide img:hover{
  filter: none !important;
  opacity: 1 !important;
}

/* ── آراء العملاء ──
   البطاقة النشطة في الفاتح: كتلة زرقاء مصمتة بنص أبيض.
   الإطار المتوهّج لا يُقرأ على خلفية فاتحة. */
[data-theme="light"] .ti-widget,
[data-theme="light"] .ti-widget *{
  color: #3F5A77 !important;
  -webkit-text-fill-color: #3F5A77 !important;
}
[data-theme="light"] .ti-widget [class*="review-item"],
[data-theme="light"] .ti-widget [class*="review-item"] > *{
  background: #FFFFFF !important;
}
[data-theme="light"] .ti-widget [class*="review-item"]{
  border: 1px solid #C9DCEF !important;
  box-shadow: var(--ev-lift-1) !important;
}
[data-theme="light"] .ti-widget [class*="name"],
[data-theme="light"] .ti-widget b{
  color: #08203D !important;
  -webkit-text-fill-color: #08203D !important;
}
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active,
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active > *{
  background: linear-gradient(160deg, #1B6FC4, #0E4F96) !important;
}
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active{
  border-color: transparent !important;
  box-shadow: var(--ev-lift-3) !important;
}
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active *,
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active [class*="name"]{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="light"] .ti-widget [class*="review-item"].ev-ti-active [class*="date"]{
  color: rgba(255,255,255,.72) !important;
  -webkit-text-fill-color: rgba(255,255,255,.72) !important;
}
[data-theme="light"] .ti-widget [class*="star"] path{ fill: #FFC107 !important; }
[data-theme="light"] .ti-widget img{ -webkit-text-fill-color: initial !important; }

/* ── الفوتر يبقى داكناً ──
   إغلاق بصري للصفحة، ويحلّ مشكلة الفوتر الباهت في الوضع الفاتح. */
[data-theme="light"] .elementor-location-footer{ background: #081B31 !important; }
[data-theme="light"] .elementor-location-footer *{
  -webkit-text-fill-color: currentColor !important;
  background-color: transparent !important;
}
[data-theme="light"] .elementor-location-footer p,
[data-theme="light"] .elementor-location-footer li,
[data-theme="light"] .elementor-location-footer a{ color: #A9BED6 !important; }
[data-theme="light"] .elementor-location-footer a:hover{ color: #47C4F2 !important; }
[data-theme="light"] .elementor-location-footer .elementor-heading-title{ color: #47C4F2 !important; }

/* ── الهيرو يبقى داكناً ──
   النص الأبيض فوق فيديو متغيّر. لجعله فاتحاً تحتاج لقطة فاتحة مخصّصة. */
[data-theme="light"] .ev-hero{
  --e-global-color-primary:   #FFFFFF;
  --e-global-color-secondary: rgba(255,255,255,.86);
  --e-global-color-text:      #47C4F2;
  --e-global-color-border:    rgba(255,255,255,.28);
}
[data-theme="light"] .ev-hero,
[data-theme="light"] .ev-hero *{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="light"] .ev-hero .ev-eyebrow,
[data-theme="light"] .ev-hero .elementor-heading-title em{
  color: #47C4F2 !important;
  -webkit-text-fill-color: #47C4F2 !important;
}
[data-theme="light"] .ev-hero .elementor-widget-button .elementor-button{
  border-color: rgba(255,255,255,.55) !important;
  background: transparent !important;
}
[data-theme="light"] .ev-hero .elementor-button,
[data-theme="light"] .ev-hero .elementor-button-text{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="light"] .ev-hero .elementor-widget-button .elementor-button:hover{
  background: rgba(255,255,255,.16) !important;
  border-color: #FFFFFF !important;
}

/* ── الهيدر ومؤشّر العمق ── */
[data-theme="light"] .ev-theme-btn,
[data-theme="light"] .ev-lang{
  border-color: #C9DCEF !important;
  color: #0E4F96 !important;
}
[data-theme="light"] .ev-theme-btn:hover,
[data-theme="light"] .ev-lang:hover{
  border-color: #1B6FC4 !important;
  color: #1B6FC4 !important;
  background: rgba(27,111,196,.08) !important;
}
[data-theme="light"] .ev-depth__num{
  color: #0E4F96 !important;
  text-shadow: none !important;
}
[data-theme="light"] .ev-depth__cursor,
[data-theme="light"] .ev-depth__cursor::after{
  background: #1B6FC4 !important;
  box-shadow: 0 0 6px rgba(27,111,196,.35) !important;
}
[data-theme="light"] .ev-depth__rail::before,
[data-theme="light"] .ev-depth__tick{ background: #C9DCEF !important; }
[data-theme="light"] .ev-depth__trail{
  background: linear-gradient(180deg, rgba(27,111,196,0), #1B6FC4) !important;
}


/* ═══ ١٠  عناصر ووردبريس العامة ════════════════════════════════════
   ويدجتات الشريط الجانبي ونماذج الإضافات تخرج بكلاسات ووردبريس
   القياسية، لا بكلاسات القالب. بدون هذا تظهر بيضاء داخل موقع داكن.

   ملاحظة: قواعد ثيم Auxa القديمة (.auxa-blog-item وأخواتها) حُذفت —
   تلك الكلاسات لم تعد تُولَّد بعد تغيير القالب.
   ═══════════════════════════════════════════════════════════════════ */

[data-theme="dark"] .widget{
  background: var(--ev-card);
  border: 1px solid var(--ev-line);
  border-radius: 14px;
}
[data-theme="dark"] .widget-title{ color: var(--ev-ink); }
[data-theme="dark"] .widget a,
[data-theme="dark"] .widget li{ color: var(--ev-body); }
[data-theme="dark"] .widget a:hover{ color: var(--ev-accent); }

[data-theme="dark"] .tagcloud a{
  color: var(--ev-body);
  border-color: var(--ev-line);
  background: transparent;
}
[data-theme="dark"] .tagcloud a:hover{
  color: var(--ev-accent);
  border-color: var(--ev-accent);
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] textarea,
[data-theme="dark"] select{
  background: var(--ev-card);
  color: var(--ev-ink);
  border: 1px solid var(--ev-line);
}
[data-theme="dark"] ::placeholder{ color: #7A8FA8; }

[data-theme="light"] .widget{
  background: #FFFFFF;
  border: 1px solid #C9DCEF;
  box-shadow: var(--ev-lift-1);
}
[data-theme="light"] .widget-title{ color: #08203D; }
[data-theme="light"] .widget a{ color: #3F5A77; }
[data-theme="light"] .widget a:hover{ color: #1B6FC4; }


/* ═══ ١١  تصحيحات بأولوية أعلى ═════════════════════════════════════
   حالات يفرض فيها Elementor أو ودجت خارجي تنسيقاً أقوى مما سبق.
   ═══════════════════════════════════════════════════════════════════ */

/* ── قسم المجالات ──
   البطاقات المائلة تخرج من تدفّق الصفحة فتغطّي العنوان. */
.e-con:has([class*="industry"]),
.elementor-section:has([class*="industry"]){
  position: relative;
  overflow: hidden;
  min-height: 620px;
}
.e-con:has([class*="industry"]) .elementor-widget-heading,
.elementor-section:has([class*="industry"]) .elementor-widget-heading{
  position: relative;
  z-index: 10;
}

/* ── الدعوة الأخيرة ──
   لا تحمل معرّفاً ثابتاً، فتُستهدف بموضعها: آخر قسم قبل الفوتر. */
[data-theme="light"] main > .e-con:last-of-type,
[data-theme="light"] main > .e-con:last-of-type *,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type *{
  background-color: transparent !important;
  background-image: none !important;
}
[data-theme="light"] main > .e-con:last-of-type,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type{
  background: linear-gradient(160deg, #EFF5FC, #FFFFFF) !important;
}
[data-theme="light"] main > .e-con:last-of-type .elementor-heading-title,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type .elementor-heading-title{
  color: #08203D !important;
  -webkit-text-fill-color: #08203D !important;
}
[data-theme="light"] main > .e-con:last-of-type .elementor-heading-title em,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type .elementor-heading-title em{
  color: #1B6FC4 !important;
  -webkit-text-fill-color: #1B6FC4 !important;
}
[data-theme="light"] main > .e-con:last-of-type p,
[data-theme="light"] .elementor-location-single > .e-con:last-of-type p{
  color: #3F5A77 !important;
  -webkit-text-fill-color: #3F5A77 !important;
}

/* ── آراء العملاء ──
   احتياطي بأولوية أعلى، يعمل حتى لو بقي كود قديم في
   Advanced › Custom CSS الخاص بويدجت الشورت كود. */
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"],
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"] > *{
  background: #FFFFFF !important;
}
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"] *{
  color: #3F5A77 !important;
  -webkit-text-fill-color: #3F5A77 !important;
}
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"].ev-ti-active,
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"].ev-ti-active > *{
  background: linear-gradient(160deg, #1B6FC4, #0E4F96) !important;
}
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="review-item"].ev-ti-active *{
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
[data-theme="light"] [class*="elementor-element"] .ti-widget [class*="star"] path{
  fill: #FFC107 !important;
}
[data-theme="light"] [class*="elementor-element"] .ti-widget img{
  -webkit-text-fill-color: initial !important;
}


/* ═══ تقليل الحركة ═════════════════════════════════════════════════ */

@media (prefers-reduced-motion: reduce){
  .ev-cue i{ animation: none; }
  .ev-process__line i{ transform: scaleX(1); transition: none; }
  .elementor-image-carousel .swiper-wrapper{ animation: none !important; }
  .ev-theme-btn:hover,
  .ev-lang:hover{ transform: none !important; }
}

@media print{
  .ev-depth,
  .ev-theme-btn,
  .ev-lang{ display: none !important; }
}