/* zafat-fixes.css — design-review 2026-07-11
   إصلاحات ستايل/تنسيق مقيسة — لا تغيّر هوية التصميم */

/* F2: الزخارف مقصود نزفها خارج الإطار — قصّ الفائض بدل شريط تمرير أفقي
   (كان +14px على الرئيسية و+123px على صفحات الفنانين) */
html, body { overflow-x: clip; }

/* F5: زر قائمة الجوال كان 20px عرضًا — توسيع منطقة اللمس لـ48px دون تحريك الشكل */
.hamburger { padding: 12px 14px; margin: -12px -14px; box-sizing: content-box; }

/* F6: حلقة تركيز الكيبورد كانت ملغاة على 46 عنصرًا — إعادة بلون الهوية
   (تظهر فقط عند التنقل بالكيبورد، لا تمسّ الفأرة/اللمس) */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid #8B3D8F;
  outline-offset: 2px;
  border-radius: 2px;
}

/* F4: عناوين البطاقات صارت h3 دلاليًا (كانت h6 = قفزة تراتبية) —
   تحييد هامش h3 الافتراضي من الثيم ليبقى الشكل مطابقًا حرفيًا */
h3.elementor-icon-box-title { margin-top: 0; }

/* ============================================================
   WhatsApp CTA polish — 2026-07-11 (طلب المالك)
   توحيد أيقونات شريط الواتساب + تفاعلية الأزرار
   ============================================================ */

/* --- أ) الدوائر الثلاث: عائلة موحّدة + تفاعل يكشف هوية كل شبكة --- */
.zafat-partial .elementor-social-icon {
  background-color: #8384AC;           /* قاعدة موحّدة (كانت واتساب بنفسجية والبقية لافندر) */
  transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

/* نقطة «متصل الآن» الخضراء على دائرة الواتساب — تدل على محادثة حيّة */
.zafat-partial .elementor-social-icon-whatsapp { position: relative; }
.zafat-partial .elementor-social-icon-whatsapp::after {
  content: "";
  position: absolute;
  top: 7%; left: 9%;
  width: 17px; height: 17px;
  border-radius: 50%;
  background: #25D366;
  border: 2.5px solid #fff;
  box-shadow: 0 0 0 0 rgba(37, 211, 102, .55);
  animation: zafat-online 2.6s ease-out infinite;
}

/* --- ب) زر «محادثة واتس آب»: أيقونة واتساب دائمة + تحوّل أخضر عند المرور --- */
.elementor-button[href*="wa.me"]:not(:has(.elementor-button-icon)) .elementor-button-text { display: inline-flex; align-items: center; gap: 10px; }
.elementor-button[href*="wa.me"]:not(:has(.elementor-button-icon)) .elementor-button-text::before {
  content: "";
  width: 21px; height: 21px; flex: 0 0 21px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8 8 0 1 1 12 20zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a6.5 6.5 0 0 1-1.9-1.2 7 7 0 0 1-1.3-1.6c-.1-.2 0-.3.1-.4l.4-.5.2-.4v-.4l-.8-1.8c-.2-.5-.4-.4-.5-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c.6.2 1.1.4 1.5.5a3.6 3.6 0 0 0 1.6.1c.5-.1 1.4-.6 1.6-1.1s.2-1 .1-1.1z"/></svg>') center/contain no-repeat;
}
.elementor-button[href*="wa.me"] {
  transition: transform .28s ease, background .28s ease, box-shadow .28s ease;
}

/* --- ج) زر «لنتحدث الأن !» بالهيدر: هوية واتساب كاملة + نبض حيّ --- */
a.iteck-button[href*="wa.me"] {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important;
  box-shadow: 0 6px 16px -6px rgba(37, 211, 102, .55);
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
  animation: zafat-pulse 2.8s ease-out infinite;
}

/* أيقونة واتساب في الحاضنة الفارغة الموجودة أصلًا */
a.iteck-button[href*="wa.me"] .iteck-button-icon::before {
  content: "";
  display: inline-block;
  width: 18px; height: 18px;
  vertical-align: -3px;
  margin-inline-end: 7px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8 8 0 1 1 12 20zm4.4-6c-.2-.1-1.4-.7-1.6-.8s-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a6.5 6.5 0 0 1-1.9-1.2 7 7 0 0 1-1.3-1.6c-.1-.2 0-.3.1-.4l.4-.5.2-.4v-.4l-.8-1.8c-.2-.5-.4-.4-.5-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c.6.2 1.1.4 1.5.5a3.6 3.6 0 0 0 1.6.1c.5-.1 1.4-.6 1.6-1.1s.2-1 .1-1.1z"/></svg>') center/contain no-repeat;
}

@keyframes zafat-pulse {
  0%   { box-shadow: 0 6px 16px -6px rgba(37,211,102,.55), 0 0 0 0 rgba(37,211,102,.45); }
  70%  { box-shadow: 0 6px 16px -6px rgba(37,211,102,.55), 0 0 0 12px rgba(37,211,102,0); }
  100% { box-shadow: 0 6px 16px -6px rgba(37,211,102,.55), 0 0 0 0 rgba(37,211,102,0); }
}
@keyframes zafat-online {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,.55); }
  70%  { box-shadow: 0 0 0 9px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
@media (prefers-reduced-motion: reduce) {
  a.iteck-button[href*="wa.me"],
  .zafat-partial .elementor-social-icon-whatsapp::after { animation: none; }
}

/* توحيد قاعدة الدوائر الثلاث للبنفسجي (قواعد Elementor العنصرية أعلى تخصيصًا فنحتاج التصريح) */
.zafat-partial .elementor-social-icon-whatsapp,
.zafat-partial .elementor-social-icon-youtube,
.zafat-partial .elementor-social-icon-instagram {
  background-color: #8C3C8C !important;
  background-image: none !important;
}

/* ============================================================
   لغة تفاعل موحّدة لكل الموقع — 2026-07-11
   نفس المنحنى (.28s ease) ونفس الرفعة في كل المكونات
   ============================================================ */

/* بطاقات الخدمات والمزايا: رفعة خفيفة */
[data-widget_type="iteck-icon-box.default"] .elementor-widget-container {
  transition: transform .28s ease;
}

/* حبوب السوشال في ذيل الصفحات: نفس لغة الدوائر — لون الشبكة عند المرور */
.elementor-button[href*="instagram.com"],
.elementor-button[href*="youtube.com"],
.elementor-button[href*="soundcloud.com"] {
  transition: transform .28s ease, background .28s ease, box-shadow .28s ease, border-color .28s ease;
}

/* لمسات عامة خفيفة */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ============================================================
   زر «لنتحدث الأن !» على الجوال والتابلت — 2026-07-11
   كان مخفيًا كليًا (elementor-hidden-mobile/tablet)!
   الحل: زر واتساب عائم دائري في متناول الإبهام
   ============================================================ */
@media (max-width: 1024px) {
  /* أظهر سلسلة الحاويات بلا أي أثر على تخطيط الهيدر */
  .elementor-element-900255f,
  .elementor-element-900255f > .elementor-widget-wrap,
  .elementor-element-900255f .elementor-widget,
  .elementor-element-900255f .elementor-widget-container {
    display: contents !important;
  }
  /* الزر نفسه: عائم دائري ثابت أسفل يسار الشاشة */
  a.iteck-button[href*="wa.me"] {
    position: fixed;
    top: auto !important;
    bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    margin: 0 !important;
    left: 18px;
    z-index: 9000;
    border: 3px solid rgba(255,255,255,.92);
    width: 62px;
    height: 62px;
    padding: 0 !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  a.iteck-button[href*="wa.me"] .iteck-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* أيقونة أكبر، بلا نص (الأخضر + الشعار يقولان كل شيء) */
  a.iteck-button[href*="wa.me"] .iteck-button-text { display: none; }
  .custom-sticky a.iteck-button[href*="wa.me"] { display: none !important; }
  a.iteck-button[href*="wa.me"] .iteck-button-icon::before {
    width: 32px;
    height: 32px;
    margin: 0;
    vertical-align: 0;
  }
}

/* توحيد عائلة الحبوب الأربع: حبة الواتسآب (ذات الأيقونة الأصلية) تأخذ قاعدة أخواتها اللافندر */
.elementor-button[href*="wa.me"]:has(.elementor-button-icon) {
  background-color: #8384AC !important;
}

/* استجابة لمس فورية لكل الأزرار والدوائر (بديل hover على الجوال) */
.elementor-button:active,
a.iteck-button[href*="wa.me"]:active,
.zafat-partial .elementor-social-icon:active {
  transform: scale(.96);
  transition: transform .12s ease;
}

/* تأثيرات المرور: للأجهزة الداعمة فقط (لا التصاق على اللمس) */
@media (hover: hover) {
.zafat-partial .elementor-social-icon:hover{
  transform: translateY(-7px) scale(1.06);
  box-shadow: 0 18px 30px -12px rgba(80, 60, 120, .45);
}
.zafat-partial .elementor-social-icon-whatsapp:hover{ background-color: #25D366; }
.zafat-partial .elementor-social-icon-youtube:hover{ background-color: #FF0033; }
.zafat-partial .elementor-social-icon-instagram:hover{
  background-image: radial-gradient(circle at 30% 110%, #FEDA75 0%, #FA7E1E 30%, #D62976 55%, #962FBF 80%, #4F5BD5 100%);
}
.elementor-button[href*="wa.me"]:hover{
  background-color: #1EBE5D !important;
  transform: translateY(-3px);
  box-shadow: 0 16px 28px -12px rgba(30, 190, 93, .55);
}
a.iteck-button[href*="wa.me"]:hover{
  transform: translateY(-2px) scale(1.03);
  filter: brightness(1.07);
  box-shadow: 0 12px 24px -8px rgba(37, 211, 102, .65);
  animation-play-state: paused;
}
.zafat-partial .elementor-social-icon-whatsapp:hover{ background-color: #25D366 !important; }
.zafat-partial .elementor-social-icon-youtube:hover{ background-color: #FF0033 !important; }
.zafat-partial .elementor-social-icon-instagram:hover{
  background-image: radial-gradient(circle at 30% 110%, #FEDA75 0%, #FA7E1E 30%, #D62976 55%, #962FBF 80%, #4F5BD5 100%) !important;
}
[data-widget_type="iteck-icon-box.default"] .elementor-widget-container:hover{
  transform: translateY(-4px);
}
.elementor-button[href*="instagram.com"]:hover{
  background-image: radial-gradient(circle at 30% 110%, #FEDA75 0%, #FA7E1E 30%, #D62976 55%, #962FBF 80%, #4F5BD5 100%) !important;
  color: #fff !important; border-color: transparent !important;
  transform: translateY(-3px);
}
.elementor-button[href*="youtube.com"]:hover{
  background-color: #FF0033 !important; color: #fff !important; border-color: transparent !important;
  transform: translateY(-3px);
}
.elementor-button[href*="soundcloud.com"]:hover{
  background-color: #FF5500 !important; color: #fff !important; border-color: transparent !important;
  transform: translateY(-3px);
}
}

/* خدماتنا: فصل حركة الأيقونة عن النص — البطاقة تثبت والأيقونة تطفو بمرونة */
.zafat-services .elementor-icon {
  transition: transform .34s cubic-bezier(.34, 1.56, .64, 1);
  will-change: transform;
}
@media (hover: hover) {
  /* ألغِ رفعة البطاقة كاملة في خدماتنا (النص يبقى ساكنًا) */
  .zafat-services [data-widget_type="iteck-icon-box.default"] .elementor-widget-container:hover {
    transform: none;
  }
  /* الأيقونة وحدها تقفز بنطّة مرنة */
  .zafat-services [data-widget_type="iteck-icon-box.default"] .elementor-widget-container:hover .elementor-icon {
    transform: translateY(-9px) scale(1.08);
  }
}

/* خدماتنا: تأثير النص المنفصل — موجة متدرجة تتبع نطّة الأيقونة */
.zafat-services .elementor-icon-box-title,
.zafat-services .elementor-icon-box-description {
  transition: transform .32s ease, color .32s ease;
}
.zafat-services .elementor-icon-box-title { transition-delay: .05s; }
.zafat-services .elementor-icon-box-description { transition-delay: .1s; }

@media (hover: hover) {
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-button[href*="instagram.com"]:hover{ transform: translateY(-4px) scale(1.06); }
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-button[href*="instagram.com"]:hover .elementor-button-content-wrapper::before{
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.1.4.3 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.1-1 .3-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.1-.4-.3-1-.4-2.2-.1-1.3-.1-1.7-.1-4.9s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.1 1-.3 2.2-.4 1.3-.1 1.7-.1 4.9-.1zM12 0C8.7 0 8.3 0 7 .1 5.7.1 4.8.3 4.1.6c-.8.3-1.4.7-2.1 1.4C1.3 2.7.9 3.3.6 4.1.3 4.8.1 5.7.1 7 0 8.3 0 8.7 0 12s0 3.7.1 5c0 1.3.2 2.2.5 2.9.3.8.7 1.4 1.4 2.1.7.7 1.3 1.1 2.1 1.4.7.3 1.6.5 2.9.5 1.3.1 1.7.1 5 .1s3.7 0 5-.1c1.3 0 2.2-.2 2.9-.5.8-.3 1.4-.7 2.1-1.4.7-.7 1.1-1.3 1.4-2.1.3-.7.5-1.6.5-2.9.1-1.3.1-1.7.1-5s0-3.7-.1-5c0-1.3-.2-2.2-.5-2.9-.3-.8-.7-1.4-1.4-2.1-.7-.7-1.3-1.1-2.1-1.4-.7-.3-1.6-.5-2.9-.5C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 100 12.4A6.2 6.2 0 0012 5.8zm0 10.2a4 4 0 110-8 4 4 0 010 8zm6.4-10.4a1.44 1.44 0 11-2.88 0 1.44 1.44 0 012.88 0z"/></svg>');
}

[data-widget_type="iteck-icon-box.default"] > .elementor-widget-container:hover{
  background: var(--gl-bg-strong);
  box-shadow: 0 16px 44px rgba(139, 61, 143, .18), var(--gl-sheen);
}

  .zafat-services [data-widget_type="iteck-icon-box.default"] .elementor-widget-container:hover .elementor-icon-box-title {
    transform: translateY(-3px);
    color: #7A2F7E !important;
  }
  .zafat-services [data-widget_type="iteck-icon-box.default"] .elementor-widget-container:hover .elementor-icon-box-description {
    transform: translateY(-2px);
    color: #5B5C8F !important;
  }
}

/* إصلاح: زر الهيدر كان يلتف لسطرين ويصير كتلة عند الأعراض المتوسطة —
   سطر واحد دائمًا والزر يتسع لمحتواه */
a.iteck-button[href*="wa.me"] {
  white-space: nowrap;
  width: max-content;
  max-width: none;
}
a.iteck-button[href*="wa.me"] .iteck-button-content-wrapper {
  display: inline-flex;
  align-items: center;
}

/* خدماتنا: صف من ثلاث بطاقات بمسافات مشدودة (الأعمدة تذوب في شبكة واحدة) */
.zafat-services .elementor-top-section > .elementor-container > .elementor-column,
.zafat-services .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
  display: contents;
}
.zafat-services .elementor-top-section > .elementor-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 26px;
  align-items: start;
}
.zafat-services [data-widget_type="iteck-icon-box.default"] { margin: 0 !important; }
@media (max-width: 1024px) {
  .zafat-services .elementor-top-section > .elementor-container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
  .zafat-services .elementor-top-section > .elementor-container { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════
   النظام الزجاجي (Glassmorphism) — 2026-07-11
   أسطح شفافة بضباب خلفي + حواف ضوئية + عمق طبقي
   الهوية البنفسجية محفوظة — الزجاج لغة الأسطح فقط
   ════════════════════════════════════════════════════════════ */
:root {
  --gl-bg: rgba(255, 255, 255, .52);
  --gl-bg-strong: rgba(255, 255, 255, .68);
  --gl-edge: rgba(255, 255, 255, .75);
  --gl-line: rgba(139, 61, 143, .12);
  --gl-blur: saturate(1.5) blur(16px);
  --gl-shadow: 0 8px 32px rgba(80, 60, 120, .13);
  --gl-sheen: inset 0 1px 0 rgba(255, 255, 255, .72);
}

/* ── 1) الهيدر: شريط زجاجي ضبابي ── */
.elementor-top-section:has([data-widget_type="iteck-menu.default"]) {
  background: var(--gl-bg) !important;
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  border-bottom: 1px solid var(--gl-line);
  box-shadow: 0 4px 24px rgba(80, 60, 120, .07);
}
.custom-sticky {
  background: var(--gl-bg-strong) !important;
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  box-shadow: 0 4px 24px rgba(80, 60, 120, .10);
}

/* ── 2) البطاقات (خدماتنا + لماذا ملاذ الأمل): ألواح زجاجية ── */
[data-widget_type="iteck-icon-box.default"] > .elementor-widget-container {
  background: var(--gl-bg);
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  border: 1px solid var(--gl-edge);
  border-radius: 22px;
  box-shadow: var(--gl-shadow), var(--gl-sheen);
  padding: 22px 20px !important;
  transition: background .28s ease, box-shadow .28s ease;
}

/* ── 3) أُطر زجاجية للمشغّلات (فيديو / قائمة / ساوندكلاود) ── */
[data-widget_type="video-playlist.default"] > .elementor-widget-container,
[data-widget_type="video.default"] > .elementor-widget-container,
[data-widget_type="audio.default"] > .elementor-widget-container {
  background: var(--gl-bg);
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  border: 1px solid var(--gl-edge);
  border-radius: 24px;
  box-shadow: var(--gl-shadow), var(--gl-sheen);
  padding: 12px;
  overflow: hidden;
}

/* ── 4) لمعة زجاجية داخلية للأزرار (الهوية البنفسجية باقية) ── */
.elementor-button,
a.iteck-button[href*="wa.me"] {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 18px -8px rgba(80, 60, 120, .35);
}

/* ── 5) دوائر السوشال: حافة ضوئية + لمعة ── */
.zafat-partial .elementor-social-icon {
  border: 1px solid rgba(255, 255, 255, .55);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, .28), 0 10px 26px -12px rgba(80, 60, 120, .45);
}

/* ── 6) قائمة الجوال: زجاج كامل الشاشة ── */
.fat-nav {
  background: rgba(241, 244, 248, .72) !important;
  -webkit-backdrop-filter: saturate(1.4) blur(22px);
  backdrop-filter: saturate(1.4) blur(22px);
}

/* ── 7) شريط تمرير بهوية الموقع ── */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8B3D8F, #8384AC);
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, .6);
}

/* ── بديل لمتصفح لا يدعم الضباب الخلفي ── */
@supports not (backdrop-filter: blur(1px)) {
  .elementor-top-section:has([data-widget_type="iteck-menu.default"]),
  .custom-sticky { background: rgba(255, 255, 255, .92) !important; }
  [data-widget_type="iteck-icon-box.default"] > .elementor-widget-container,
  [data-widget_type="video-playlist.default"] > .elementor-widget-container,
  [data-widget_type="video.default"] > .elementor-widget-container,
  [data-widget_type="audio.default"] > .elementor-widget-container { background: rgba(255, 255, 255, .88); }
  .fat-nav { background: rgba(241, 244, 248, .97) !important; }
}

/* ── زر «لنتحدث الأن!»: عائم حر على كل المقاسات (لم يعد في الهيدر) ── */
a.iteck-button[href*="wa.me"] {
  position: fixed;
  top: auto !important;
  bottom: calc(22px + env(safe-area-inset-bottom, 0px));
  left: 22px;
  z-index: 9000;
  margin: 0 !important;
}
.custom-sticky a.iteck-button[href*="wa.me"] { display: none !important; }

/* ── فنانونا: زر انستغرام أيقوني بسيط (بلا اسم صفحة) ── */
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-button[href*="instagram.com"] {
  width: 46px;
  height: 46px;
  padding: 0 !important;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--gl-bg) !important;
  -webkit-backdrop-filter: var(--gl-blur);
  backdrop-filter: var(--gl-blur);
  border: 1px solid var(--gl-edge);
  box-shadow: var(--gl-shadow), var(--gl-sheen);
}
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-button[href*="instagram.com"] .elementor-button-text { display: none; }
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-button[href*="instagram.com"] .elementor-button-content-wrapper::before {
  content: "";
  width: 22px; height: 22px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%238B3D8F"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.1.4.3 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.1-1 .3-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.1-.4-.3-1-.4-2.2-.1-1.3-.1-1.7-.1-4.9s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.1 1-.3 2.2-.4 1.3-.1 1.7-.1 4.9-.1zM12 0C8.7 0 8.3 0 7 .1 5.7.1 4.8.3 4.1.6c-.8.3-1.4.7-2.1 1.4C1.3 2.7.9 3.3.6 4.1.3 4.8.1 5.7.1 7 0 8.3 0 8.7 0 12s0 3.7.1 5c0 1.3.2 2.2.5 2.9.3.8.7 1.4 1.4 2.1.7.7 1.3 1.1 2.1 1.4.7.3 1.6.5 2.9.5 1.3.1 1.7.1 5 .1s3.7 0 5-.1c1.3 0 2.2-.2 2.9-.5.8-.3 1.4-.7 2.1-1.4.7-.7 1.1-1.3 1.4-2.1.3-.7.5-1.6.5-2.9.1-1.3.1-1.7.1-5s0-3.7-.1-5c0-1.3-.2-2.2-.5-2.9-.3-.8-.7-1.4-1.4-2.1-.7-.7-1.3-1.1-2.1-1.4-.7-.3-1.6-.5-2.9-.5C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 100 12.4A6.2 6.2 0 0012 5.8zm0 10.2a4 4 0 110-8 4 4 0 010 8zm6.4-10.4a1.44 1.44 0 11-2.88 0 1.44 1.44 0 012.88 0z"/></svg>') center/contain no-repeat;
}

/* ── شارة توثيق انستغرام فوق صور الفنانين ── */
.iteck-team .avatar {
  position: relative;
  display: inline-block;
}


/* ── إيقاع عرض الفنانين: توسيط وشدّ المسافة بين البطاقة وزرها ── */
.elementor-top-section:has([data-widget_type="iteck-team.default"]) [data-widget_type="button.default"] > .elementor-widget-container {
  text-align: center;
  margin-top: -6px;
}

/* ── فنانونا: ميزان صارم — لا عشوائية ──
   كل عمود flex عمودي: صورة/اسم/وصف بارتفاعات منضبطة والزر مثبت أسفل الصف */
.elementor-top-section:has([data-widget_type="iteck-team.default"]) .elementor-column > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.elementor-top-section:has([data-widget_type="iteck-team.default"]) [data-widget_type="iteck-team.default"] {
  flex: 1 1 auto;
  width: 100%;
}
.elementor-top-section:has([data-widget_type="iteck-team.default"]) [data-widget_type="button.default"] {
  margin-top: auto;   /* الأزرار الأربعة على خط قاع واحد */
  padding-bottom: 4px;
}
.iteck-team { text-align: center; }
.iteck-team .team_box, .iteck-team { overflow: visible; }   /* لا قصّ للشارة فوق الصورة */
                    /* متنفس للشارة العائمة */
.iteck-team .info small {
  display: block;
  min-height: 44px;    /* سطر أو سطران = نفس الحجز، فتتحاذى الأزرار */
  line-height: 1.6;
}

/* شارة التوثيق: بجانب الاسم مباشرة — مكانها المعتاد في انستقرام */
.iteck-team .info h6::after {
  content: "";
  display: inline-block;
  width: 18px; height: 18px;
  margin-inline-start: 6px;
  vertical-align: -3px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%230095F6" d="M12 0l2.4 2.1 3.1-.6 1 3 3 1-.6 3.1L24 12l-2.1 2.4.6 3.1-3 1-1 3-3.1-.6L12 24l-2.4-2.1-3.1.6-1-3-3-1 .6-3.1L0 12l2.1-2.4-.6-3.1 3-1 1-3 3.1.6z"/><path fill="%23fff" d="M10.5 16.1l-3.7-3.7 1.4-1.4 2.3 2.3 5.3-5.3 1.4 1.4z"/></svg>') center/contain no-repeat;
}

/* زر الانستقرام المنقول قبل الاسم (داخل بطاقة الفنان) */
.iteck-team .info > a.elementor-button[href*="instagram.com"] {
  margin: 12px auto 8px;
}
/* أخفِ حاوية الزر الأصلية بعد انتقال رابطها */
.elementor-top-section:has([data-widget_type="iteck-team.default"]) [data-widget_type="button.default"]:not(:has(a)) {
  display: none;
}

/* الفنان بلا زر انستغرام: تعويض ارتفاع الزر ليتحاذى الاسم مع إخوته
   (أصناف صريحة من JS — كاش :has في كروميوم لا يلاحق العناصر المنقولة) */
.iteck-team .info.zafat-no-ig h6 {
  margin-top: 66px !important;   /* تعويض ارتفاع زر الانستغرام الغائب */
}