/* ============================================================
   المعارض والمؤتمرات — أنماط خاصة بهذه الصفحة وحدها.
   المُحدِّدات مسبوقة بـee- تجنّباً لأي تعارض مع site.css.
   ============================================================ */

.ee-open, .ee-tracks, .ee-support, .ee-panels-sec, .ee-extra{ --ee-pad: clamp(48px, 5vw, 78px); }
.ee-inner, .ee-open-inner{max-width:1180px; margin:0 auto;}

.ee-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-head); font-size:11.5px; font-weight:700;
  color:var(--teal); background:var(--mint-pale);
  border:1px solid rgba(31,120,116,.16); padding:6px 15px; border-radius:999px;
}
.ee-eyebrow::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--teal);}
.ee-eyebrow-light{color:var(--mint); background:rgba(179,222,202,.10); border-color:rgba(179,222,202,.24);}
.ee-eyebrow-light::before{background:var(--mint);}
.ee-head{margin-bottom:clamp(26px,3vw,40px); max-width:70ch;}
.ee-head h2{
  font-family:var(--font-head); color:var(--navy);
  font-size:clamp(22px,2.6vw,32px); font-weight:800; line-height:1.3; margin-top:13px;
}
.ee-head-lede{margin-top:12px; font-size:15px; line-height:1.9; color:#4b5f72;}
.ee-head-lede p{margin:0;}
.ee-head-light h2{color:#fff;}

/* ---------- الافتتاحية ---------- */
.ee-open{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(150deg, #04203A 0%, var(--navy) 52%, #0B3A5E 100%);
  color:#fff; padding:clamp(84px,8.6vw,126px) 28px clamp(50px,5.2vw,72px);
}
.ee-open-bg{
  position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(58% 76% at 88% 10%, rgba(44,148,142,.28), transparent 60%),
    radial-gradient(46% 62% at 6% 96%, rgba(65,127,193,.18), transparent 62%);
}
.ee-open-inner{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,4vw,58px); align-items:center;}
.ee-kicker{
  display:inline-block; font-family:var(--font-head); font-size:12.5px; font-weight:700;
  color:var(--mint); background:rgba(179,222,202,.10);
  border:1px solid rgba(179,222,202,.22); padding:7px 16px; border-radius:999px; margin-bottom:18px;
}
.ee-open h1{
  font-family:var(--font-head); font-weight:800; color:#fff;
  font-size:clamp(28px,3.8vw,48px); line-height:1.22; letter-spacing:-.5px; text-wrap:balance;
}
.ee-lede{margin-top:16px; font-size:clamp(14.5px,1.3vw,16.5px); line-height:1.85; color:rgba(255,255,255,.76); max-width:52ch;}
.ee-tags{list-style:none; margin:26px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:9px;}
.ee-tags li{
  font-size:12.5px; font-weight:700; color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  padding:8px 16px; border-radius:999px;
}

/* ============================================================
   اللوحة الحركية — بديل الصور.
   قاعة معارض مجرّدة: هالة مركزية، حلقات تدور باتجاهين، شبكة أجنحة
   تُضاء موجةً قطرية، شعاع مسح، وثلاث نبضات مدارية.
   كلّها CSS، بلا صور ولا سكربت، وتسكن مع prefers-reduced-motion.
   ============================================================ */
.ee-stage{
  position:relative; aspect-ratio:1/.92; width:100%;
  display:grid; place-items:center; isolation:isolate;
}

/* الهالة: تدرّج مخروطي يدور ببطء خلف كل شيء */
.ee-glow{
  position:absolute; width:82%; aspect-ratio:1; border-radius:50%;
  background:conic-gradient(from 0deg,
    rgba(31,120,116,.55), rgba(65,127,193,.22), rgba(179,222,202,.42),
    rgba(31,120,116,.18), rgba(31,120,116,.55));
  filter:blur(46px); opacity:.55; z-index:-2;
}

/* الحلقات: متقطّعة وتدور باتجاهين متعاكسين فتُوحي بحركة دائبة */
.ee-ring{
  position:absolute; border-radius:50%; z-index:-1;
  border:1px dashed rgba(179,222,202,.30);
}
.ee-ring-1{width:94%; aspect-ratio:1;}
.ee-ring-2{width:74%; aspect-ratio:1; border-style:solid; border-color:rgba(255,255,255,.08);}
.ee-ring-3{
  width:58%; aspect-ratio:1; border:1px dashed rgba(44,148,142,.45);
}

/* شبكة الأجنحة */
.ee-hall{
  position:relative; width:56%; display:grid;
  grid-template-columns:repeat(6,1fr); gap:clamp(5px,.8vw,9px);
  transform:rotate(-8deg);
}
.ee-booth{
  aspect-ratio:1; border-radius:3px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}

/* شعاع مسح يمرّ عبر اللوحة */
.ee-scan{
  position:absolute; inset:0; border-radius:50%; overflow:hidden; z-index:-1;
  background:linear-gradient(105deg, transparent 42%, rgba(179,222,202,.16) 50%, transparent 58%);
  background-size:260% 100%; background-position:120% 0;
}

/* النبضات المدارية */
.ee-sat{
  position:absolute; width:10px; height:10px; border-radius:50%;
  background:var(--mint); box-shadow:0 0 0 5px rgba(179,222,202,.14), 0 0 20px rgba(179,222,202,.7);
}

@media (prefers-reduced-motion: no-preference){
  .ee-glow{animation:ee-spin 26s linear infinite;}
  .ee-ring-1{animation:ee-spin 44s linear infinite;}
  .ee-ring-3{animation:ee-spin 30s linear infinite reverse;}
  .ee-ring-2{animation:ee-breathe 7s ease-in-out infinite;}

  /* التأخير قطري: الإضاءة تعبر الشبكة موجةً لا صفّاً */
  .ee-booth{
    animation:ee-lite 3.6s ease-in-out infinite;
    animation-delay:calc((var(--r) + var(--c)) * 130ms);
  }

  .ee-scan{animation:ee-scan 6.5s ease-in-out infinite;}

  /* كل نبضة تدور على مدار مختلف بنصف قطر وسرعة مختلفين */
  .ee-sat-1{animation:ee-orbit 14s linear infinite; --rad:46%;}
  .ee-sat-2{animation:ee-orbit 19s linear infinite reverse; --rad:38%; animation-delay:-4s;}
  .ee-sat-3{animation:ee-orbit 24s linear infinite; --rad:52%; animation-delay:-9s;}

  @keyframes ee-spin{to{rotate:360deg;}}
  @keyframes ee-breathe{
    0%,100%{scale:1; opacity:.5;}
    50%{scale:1.045; opacity:.9;}
  }
  @keyframes ee-lite{
    0%,72%,100%{background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.12); box-shadow:none;}
    16%{
      background:rgba(179,222,202,.55); border-color:rgba(179,222,202,.75);
      box-shadow:0 0 14px rgba(179,222,202,.5);
    }
  }
  @keyframes ee-scan{
    0%{background-position:120% 0;}
    55%,100%{background-position:-120% 0;}
  }
  @keyframes ee-orbit{
    from{transform:rotate(0deg) translateX(var(--rad)) rotate(0deg);}
    to{transform:rotate(360deg) translateX(var(--rad)) rotate(-360deg);}
  }
}

/* بلا حركة: تبقى اللوحة تكويناً ساكناً مقبولاً لا شاشة فارغة */
@media (prefers-reduced-motion: reduce){
  .ee-booth:nth-child(7n+3){background:rgba(179,222,202,.45); border-color:rgba(179,222,202,.6);}
  .ee-sat-1{translate:44% -18%;}
  .ee-sat-2{translate:-36% 30%;}
  .ee-sat-3{translate:12% -46%;}
}

/* ---------- مسارات العمل: تبويبات ---------- */
.ee-tracks{padding:var(--ee-pad) 28px; background:var(--paper-tint);}
.ee-tabs{display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(20px,2.8vw,36px); align-items:start;}

.ee-tablist{display:flex; flex-direction:column; gap:8px;}
.ee-tab{
  position:relative; display:flex; align-items:center; gap:14px; cursor:pointer; text-align:start;
  background:#fff; border:1px solid var(--line); padding:16px 18px; width:100%;
  transition:border-color .3s ease, background .3s ease, transform .4s cubic-bezier(.16,1,.3,1);
}
/* شريط يميّز المسار المفتوح على حافة البدء */
.ee-tab::before{
  content:''; position:absolute; inset-block:0; inset-inline-start:0; width:3px;
  background:var(--teal); transform:scaleY(0); transform-origin:bottom;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.ee-tab:hover{border-color:rgba(31,120,116,.35); transform:translateX(-3px);}
.ee-tab[aria-selected="true"]{background:var(--navy); border-color:var(--navy);}
.ee-tab[aria-selected="true"]::before{transform:scaleY(1);}
.ee-tab-num{
  font-family:'Roboto',sans-serif; font-size:12.5px; font-weight:800; letter-spacing:.5px;
  color:var(--teal); background:var(--mint-pale); min-width:32px; height:26px;
  display:inline-flex; align-items:center; justify-content:center; border-radius:999px; flex-shrink:0;
  transition:background .3s ease, color .3s ease;
}
.ee-tab[aria-selected="true"] .ee-tab-num{background:var(--teal); color:#fff;}
.ee-tab-label{
  flex:1; font-family:var(--font-head); font-size:14.5px; font-weight:800;
  color:var(--navy); line-height:1.5; transition:color .3s ease;
}
.ee-tab[aria-selected="true"] .ee-tab-label{color:#fff;}
.ee-tab-arrow{
  width:16px; height:16px; flex-shrink:0; color:var(--teal);
  opacity:0; transform:translateX(6px); transition:opacity .25s ease, transform .3s ease;
}
.ee-tab[aria-selected="true"] .ee-tab-arrow{opacity:1; transform:none; color:var(--mint);}

.ee-panel{
  background:#fff; border:1px solid var(--line); box-shadow:var(--shadow-sm); overflow:hidden;
}
@media (prefers-reduced-motion: no-preference){
  .ee-panel{animation:ee-fade .5s cubic-bezier(.16,1,.3,1) both;}
  @keyframes ee-fade{from{opacity:0; translate:0 10px;} to{opacity:1; translate:0 0;}}
}
.ee-panel:focus-visible{outline:2px solid var(--teal); outline-offset:3px;}
.ee-panel-img{margin:0; aspect-ratio:16/9; overflow:hidden; background:var(--paper-tint);}
.ee-panel-img img{width:100%; height:100%; object-fit:cover; display:block;}
.ee-panel-body{position:relative; padding:26px 26px 28px;}
.ee-panel-num{
  position:absolute; top:20px; inset-inline-end:24px;
  font-family:'Roboto',sans-serif; font-size:26px; font-weight:800; color:#e6ecf1; line-height:1;
}
.ee-panel-body h3{
  font-family:var(--font-head); font-size:clamp(18px,2vw,22px); font-weight:800;
  color:var(--navy); line-height:1.45; max-width:32ch;
}
.ee-panel-body p{margin-top:10px; font-size:14.5px; line-height:1.9; color:#4b5f72; max-width:62ch;}

.ee-ext{
  display:inline-flex; align-items:center; gap:9px; margin-top:26px;
  padding:14px 26px; border-radius:999px;
  background:var(--navy); color:#fff; font-weight:700; font-size:14.5px;
  transition:background .3s ease, transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;
}
.ee-ext:hover{
  background:linear-gradient(120deg, var(--teal), var(--teal-soft));
  transform:translateY(-2px); box-shadow:0 16px 30px -14px rgba(31,120,116,.6);
}
.ee-ext svg{width:16px; height:16px;}

/* ---------- مجالات الدعم ---------- */
.ee-support{padding:var(--ee-pad) 28px; background:linear-gradient(165deg, #06264A, var(--navy));}
.ee-support-grid{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.10);
}
.ee-support-grid li{
  display:flex; align-items:center; gap:14px;
  background:#06264A; padding:22px 22px;
  transition:background .35s ease;
}
.ee-support-grid li:hover{background:#0a3457;}
.ee-sup-ic{
  width:44px; height:44px; border-radius:50%; flex-shrink:0;
  background:rgba(179,222,202,.10); border:1px solid rgba(179,222,202,.20); color:var(--mint);
  display:flex; align-items:center; justify-content:center;
  transition:background .35s ease, transform .45s cubic-bezier(.16,1,.3,1);
}
.ee-sup-ic svg{width:20px; height:20px;}
.ee-support-grid li:hover .ee-sup-ic{background:rgba(179,222,202,.2); transform:translateY(-3px);}
.ee-sup-label{font-family:var(--font-head); font-size:14.5px; font-weight:700; color:#fff; line-height:1.55;}

/* ---------- لوحتا الدعوة ---------- */
.ee-panels-sec{position:relative; overflow:hidden; isolation:isolate; padding:var(--ee-pad) 28px;}
.ee-panels-bg{
  position:absolute; inset:0; z-index:-1;
  background-image:linear-gradient(150deg, rgba(4,32,58,.93), rgba(5,34,62,.88)), var(--bg, none);
  background-size:cover; background-position:center;
}
.ee-duo{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.ee-duo-card{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(6px); color:#fff; padding:clamp(24px,3vw,36px);
  transition:transform .45s cubic-bezier(.16,1,.3,1), background .35s ease, border-color .35s ease;
}
.ee-duo-card:hover{transform:translateY(-5px); background:rgba(255,255,255,.08); border-color:rgba(179,222,202,.3);}
.ee-duo-tag{
  display:inline-block; font-family:var(--font-head); font-size:11.5px; font-weight:700;
  color:var(--mint); background:rgba(179,222,202,.12); border:1px solid rgba(179,222,202,.24);
  padding:6px 14px; border-radius:999px; margin-bottom:14px;
}
.ee-duo-card h3{
  font-family:var(--font-head); font-size:clamp(17px,1.9vw,21px); font-weight:800;
  color:#fff; line-height:1.55;
}
.ee-duo-card p{margin-top:12px; font-size:14.5px; line-height:1.9; color:rgba(255,255,255,.74);}

/* ---------- أقسام إضافية ---------- */
.ee-extra{padding:var(--ee-pad) 28px;}
.ee-extra h2{font-family:var(--font-head); font-size:clamp(20px,2.2vw,26px); font-weight:800; color:var(--navy); margin-bottom:14px;}
.ee-prose{font-size:15px; line-height:1.9; color:#41566a; max-width:70ch;}

/* ---------- الحركة ---------- */
@media (prefers-reduced-motion: no-preference){
  .ee-tags li,
  [data-reveal] .ee-tab,
  [data-reveal] .ee-support-grid li,
  [data-reveal] .ee-duo-card{
    animation:ee-rise .66s cubic-bezier(.16,1,.3,1) both;
    animation-delay:calc(var(--i, 0) * 70ms);
  }
  [data-reveal] .ee-tab,
  [data-reveal] .ee-support-grid li,
  [data-reveal] .ee-duo-card{animation-play-state:paused;}
  [data-reveal].in-view .ee-tab,
  [data-reveal].in-view .ee-support-grid li,
  [data-reveal].in-view .ee-duo-card{animation-play-state:running;}
  @keyframes ee-rise{from{opacity:0; translate:0 14px;} to{opacity:1; translate:0 0;}}
}

/* ---------- الاستجابة ---------- */
@media (max-width:900px){
  .ee-open-inner{grid-template-columns:1fr; gap:32px;}
  .ee-open-media{max-width:540px; margin-inline:auto; width:100%;}
  .ee-duo{grid-template-columns:1fr;}
  /* التبويبات تفقد معناها في عمود واحد: نُخفي القائمة ونعرض كل اللوحات
     متتابعة — نفس المحتوى بلا تفاعل يحتاج مساحة لا تتوفّر. */
  .ee-tabs{grid-template-columns:1fr;}
  .ee-tablist{display:none;}
  .ee-panels{display:flex; flex-direction:column; gap:16px;}
  .ee-panel[hidden]{display:block;}
}
@media (max-width:620px){
  .ee-panel-body{padding:20px 18px 22px;}
  .ee-panel-num{font-size:20px; top:16px; inset-inline-end:18px;}
  .ee-support-grid{grid-template-columns:1fr;}
  .ee-ext{width:100%; justify-content:center;}
}