/* ============================================================
   الفعاليات القادمة
   ------------------------------------------------------------
   التصميم مبنيّ على المرجع الذي أرسله العميل: شريطٌ محايد دافئ
   يحتضن الفعالية المميّزة، وبطاقةٌ بيضاء طافية فيه تفصل بياناتها
   بخطوطٍ رفيعة وآخرُ سطرٍ فيها مُبرَزٌ بخطٍّ ثخين، وأغلفةٌ ملوّنة
   صلبة يتوسّطها حرفٌ عربيّ ضخم باهت، وزوايا حادّة، وطباعةٌ كبيرة.

   والألوان ألوان الجمعية لا ألوان المرجع: الكحليّ والفيروزيّ محلَّ
   البنفسجيّ، لأن الصفحة صفحة الجمعية وهويّتها تسبق مرجعها.
   ============================================================ */

.ue-page{
  --ue-warm:#EFEDE7;      /* الشريط المحايد الدافئ */
  --ue-warm-2:#E6E3DB;
  --ue-rule:#0A1E2E;      /* الخطّ الفاصل: رفيعٌ وداكن لا رماديّ باهت */
  --ue-blue:#1F7874;
  --ue-r:2px;
  background:var(--paper);
}

.ue-wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,3vw,34px);}

/* ═══════════ الترويسة ═══════════ */
.ue-head{padding:clamp(44px,5.5vw,78px) 0 clamp(22px,2.6vw,34px);}
.ue-eyebrow{
  display:block;font-size:12.5px;font-weight:700;letter-spacing:1.4px;
  color:var(--teal);margin-bottom:14px;
}
.ue-eyebrow::before{content:'// ';opacity:.55;}
.ue-head h1{
  font-family:var(--font-head);
  font-size:clamp(30px,4.4vw,52px);font-weight:800;
  color:var(--navy);line-height:1.32;letter-spacing:-.5px;
}
.ue-lede{max-width:600px;color:#54646F;font-size:clamp(14.5px,1.2vw,16.5px);margin-top:14px;}

.ue-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:26px;border-top:1px solid var(--line);}
/* الحشوة منطقية لا يمنى/يسرى: كانت padding-left صفراً، وحدُّ الفصل في
   العربية يقع يساراً — فيلتصق الرقم بالخطّ. */
.ue-fact{
  padding-block:16px;
  padding-inline-end:clamp(20px,2.2vw,30px);
  margin-inline-end:clamp(20px,2.2vw,30px);
  border-inline-end:1px solid var(--line);
}
.ue-fact:last-child{border-inline-end:none;margin-inline-end:0;padding-inline-end:0;}
.ue-fact b{
  display:block;font-family:var(--font-head);
  font-size:clamp(20px,2vw,26px);font-weight:800;color:var(--navy);line-height:1.1;
}
.ue-fact span{display:block;font-size:12px;color:#7B8A94;margin-top:5px;letter-spacing:.3px;}

/* ═══════════ التصفية ═══════════ */
.ue-chips{
  display:flex;flex-wrap:wrap;gap:0;
  border-block:1px solid var(--line);margin-bottom:clamp(28px,3.4vw,44px);
}
.ue-chip{
  position:relative;padding:15px 20px;
  font-size:13.5px;font-weight:600;color:#5A6B76;text-decoration:none;
  transition:color .16s;
}
.ue-chip::after{
  content:'';position:absolute;inset-block-end:-1px;inset-inline:20px;
  height:2px;background:var(--navy);transform:scaleX(0);
  transform-origin:inline-end;transition:transform .22s ease;
}
.ue-chip:hover{color:var(--navy);}
.ue-chip:hover::after{transform:scaleX(1);}
.ue-chip.is-active{color:var(--navy);font-weight:800;}
.ue-chip.is-active::after{transform:scaleX(1);}

/* ═══════════ الفعالية المميّزة — بطاقة داكنة ═══════════ */
.ue-hero{
  background:#0E1418;color:#fff;border-radius:14px;overflow:hidden;
  margin:clamp(26px,3vw,40px) 0 clamp(34px,4vw,54px);
  padding:clamp(26px,3.4vw,46px);
}
.ue-hgrid{display:grid;grid-template-columns:1fr .92fr;gap:clamp(26px,3.6vw,52px);align-items:center;}

.ue-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:20px;}
.ue-tag{
  display:inline-block;padding:6px 13px;border-radius:7px;
  font-size:11.5px;font-weight:800;letter-spacing:.3px;
}
.ue-tag-light{background:#DCE6EA;color:#0E1418;}
.ue-tag-amber{background:#F0A81E;color:#231600;}
.ue-tag-teal{background:var(--teal);color:#fff;}

.ue-hero h2{
  font-family:var(--font-head);
  font-size:clamp(23px,3.1vw,38px);font-weight:800;
  line-height:1.32;letter-spacing:-.4px;color:#fff;
}
.ue-hdesc{
  color:#9FB0B8;font-size:clamp(14px,1.15vw,16px);line-height:1.8;
  max-width:520px;margin-top:15px;
}

/* سطر البيانات: أيقونة صغيرة تسبق كل معلومة */
.ue-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px;}
.ue-meta span{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#B9C7CE;}
.ue-meta svg{width:15px;height:15px;flex:0 0 auto;stroke:var(--mint);}

/* العدّاد: أربع خانات، الرقم كبير واسمه تحته صغير */
.ue-count{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
.ue-cbox{
  min-width:74px;text-align:center;padding:12px 10px;
  background:#171F24;border:1px solid #26323A;border-radius:11px;
}
.ue-cbox b{
  display:block;font-family:var(--font-head);
  font-size:clamp(20px,2.2vw,27px);font-weight:800;color:#fff;
  line-height:1.05;font-variant-numeric:tabular-nums;
}
.ue-cbox span{display:block;font-size:10.5px;color:#8C9BA3;margin-top:5px;letter-spacing:.6px;}
.ue-count-past{color:#8C9BA3;font-size:14px;margin-top:24px;}

.ue-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.ue-btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 26px;border-radius:10px;
  background:var(--teal);color:#fff;text-decoration:none;
  font-size:14.5px;font-weight:800;letter-spacing:.2px;
  border:1px solid transparent;
  transition:background .18s,transform .18s,border-color .18s;
}
.ue-btn:hover{background:#25908A;transform:translateY(-1px);}
.ue-btn svg{width:16px;height:16px;flex:0 0 auto;}
.ue-btn-ghost{
  background:transparent;color:#DDE7EB;border-color:#33424B;
}
.ue-btn-ghost:hover{background:#171F24;border-color:#4A5D68;}

/* اللوحة البصرية: صورة الفعالية، أو تدرّجٌ مخطّط حين لا صورة */
.ue-hmedia{
  position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;
  background:linear-gradient(140deg,#2C6B6A 0%,#1F5566 52%,#25315E 100%);
}
.ue-hmedia::after{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(135deg,
      rgba(255,255,255,.05) 0 2px, transparent 2px 13px);
}
.ue-hmedia img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;}
.ue-hmedia-glyph{
  position:absolute;inset:0;z-index:1;display:grid;place-items:center;
  font-family:var(--font-head);font-size:clamp(88px,11vw,150px);font-weight:800;
  color:rgba(255,255,255,.12);line-height:1;
}

/* ═══════════ الشبكة ═══════════ */
.ue-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.9vw,26px);
}
.ue-card{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--ue-r);overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
.ue-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px -26px rgba(5,34,62,.4);}

/* الغلاف: لونٌ صلب يتوسّطه حرفٌ عربيّ ضخم باهت، ووسمٌ في زاويته */
.ue-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy);}
.ue-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.ue-cover-glyph{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--font-head);font-size:clamp(74px,9vw,120px);font-weight:800;
  color:rgba(255,255,255,.13);line-height:1;user-select:none;
}
.ue-cover-tag{
  position:absolute;inset-block-start:0;inset-inline-start:0;
  background:var(--ink);color:#fff;
  font-size:11.5px;font-weight:700;padding:7px 14px;letter-spacing:.2px;
}
.ue-acc-navy .ue-cover{background:#05223E;}
.ue-acc-teal .ue-cover{background:#1F7874;}
.ue-acc-ink  .ue-cover{background:#0A1215;}
.ue-acc-blue .ue-cover{background:#2C948E;}
.ue-acc-ink .ue-cover-tag{background:#fff;color:var(--ink);}

.ue-body{padding:20px 21px 19px;display:flex;flex-direction:column;flex:1 1 auto;min-width:0;}
.ue-date{
  font-size:12px;font-weight:700;color:#8B98A1;
  letter-spacing:.5px;margin-bottom:11px;
}
.ue-card h3{
  font-family:var(--font-head);font-size:17.5px;font-weight:800;
  color:var(--navy);line-height:1.42;margin-bottom:9px;
}
.ue-card p{
  font-size:13.5px;line-height:1.75;color:#66757F;margin-bottom:15px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.ue-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px;}
.ue-pill{display:inline-block;padding:5px 11px;border-radius:var(--ue-r);font-size:11.5px;font-weight:700;}
.ue-pill-soon{background:#FCF1E0;color:#8F5D0F;}
.ue-pill-navy{background:rgba(5,34,62,.07);color:var(--navy);}
.ue-pill-past{background:rgba(5,34,62,.05);color:#7B8A94;}

.ue-foot{
  margin-top:auto;padding-top:14px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  font-size:12px;color:#7B8A94;
}
/* المكان يأخذ سطره كاملاً والرابط يهبط تحته.
   كان الاثنان على سطرٍ واحد، فيبقى للمكان 235 بكسل وهو يحتاج 249 —
   فيُقتطع ذيله. مع عرض التذييل كاملاً (331) يسع بلا قصّ. */
.ue-where{
  flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
.ue-more{margin-inline-start:auto;}
.ue-more{color:var(--teal);font-weight:700;white-space:nowrap;}

/* ═══════════ لا نتائج ═══════════ */
.ue-empty{
  text-align:center;padding:clamp(44px,5.5vw,72px) 22px;
  background:var(--ue-warm);color:#5A6B76;font-size:15px;
}

/* ═══════════ الشريط الداكن ═══════════ */
.ue-band{
  background:var(--navy);color:#fff;
  margin-top:clamp(48px,5.5vw,80px);
  padding:clamp(44px,5.5vw,76px) 0;text-align:center;
}
.ue-band h2{
  font-family:var(--font-head);font-size:clamp(23px,3vw,36px);
  font-weight:800;margin-bottom:14px;letter-spacing:-.3px;
}
.ue-band p{max-width:560px;margin-inline:auto;color:rgba(255,255,255,.72);font-size:15.5px;}
.ue-band .ue-btn{background:var(--teal);margin-top:26px;}
.ue-band .ue-btn:hover{background:#fff;color:var(--navy);}

/* ═══════════ الاستجابة ═══════════ */
@media(max-width:1000px){
  .ue-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  /* اللوحة البصرية تسبق النصّ على الشاشات الضيّقة: الصورة تجذب أوّلاً */
  .ue-hgrid{grid-template-columns:1fr;gap:26px;}
  .ue-hmedia{aspect-ratio:16/9;}
}
@media(max-width:640px){
  .ue-grid{grid-template-columns:1fr;}
  .ue-chips{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;}
  .ue-chips::-webkit-scrollbar{display:none;}
  .ue-chip{padding:13px 15px;white-space:nowrap;font-size:13px;}
  .ue-chip::after{inset-inline:15px;}
  .ue-fact{padding-inline-end:16px;margin-inline-end:16px;}
  .ue-hero{padding:22px 18px;border-radius:12px;}
  .ue-cbox{min-width:0;flex:1 1 68px;padding:11px 6px;}
  .ue-btn{flex:1 1 100%;justify-content:center;padding:14px 20px;}
}