/* ════════════════════════════════════════════════════════════════
   ذكاء مشع، Public webinars list (/webinars). Loaded after webinar.css;
   namespaced wl- and built on the --wb-* tokens. Design: P1 (1440) / P2 (390).
   1rem = 14.5px at 1440 (webinar.css scale) → design px ÷ 14.5.
═════════════════════════════════════════════════════════════════ */
:root,[data-theme="dark"]{
  --wl-fade:linear-gradient(180deg,rgba(4,6,5,.45) 0%,rgba(4,6,5,.05) 20%,rgba(4,6,5,.55) 42%,rgba(4,6,5,.95) 62%,rgba(4,6,5,.98) 100%);
  --wl-chip:rgba(4,6,5,.6);
  --wl-ph:radial-gradient(circle at 70% 25%,rgba(49,233,49,.30),rgba(49,233,49,0) 55%),linear-gradient(160deg,#0D1A13,#050807);
  --wl-ring:rgba(49,233,49,.16);--wl-ring2:rgba(49,233,49,.28);
  --wl-ended-bg:#07090A;--wl-ended-veil:rgba(4,6,5,.35);
  --wl-reg-bg:rgba(49,233,49,.12);
}
[data-theme="light"]{
  --wl-fade:linear-gradient(180deg,rgba(243,245,244,.5) 0%,rgba(243,245,244,.05) 20%,rgba(243,245,244,.6) 42%,rgba(243,245,244,.95) 62%,rgba(243,245,244,.98) 100%);
  --wl-chip:rgba(255,255,255,.72);
  --wl-ph:radial-gradient(circle at 70% 25%,rgba(49,233,49,.28),rgba(49,233,49,0) 55%),linear-gradient(160deg,#E4F1E8,#F6F8F7);
  --wl-ring:rgba(20,160,20,.18);--wl-ring2:rgba(20,160,20,.3);
  --wl-ended-bg:#EEF1EF;--wl-ended-veil:rgba(243,245,244,.35);
  --wl-reg-bg:rgba(49,233,49,.16);
}
:root{--wl-gut:clamp(16px,4.4vw,4.4138rem);--wl-max:90.4828rem}

.wl-page{overflow-x:hidden}
.wl-wrap{width:100%;max-width:calc(var(--wl-max) + 2 * var(--wl-gut));margin-inline:auto;padding-inline:var(--wl-gut)}
.wl-skip{position:absolute;inset-inline-start:1rem;top:-4rem;z-index:100;padding:.6rem 1rem;border-radius:999px;background:var(--wb-s3);color:var(--wb-tx);text-decoration:none}
.wl-skip:focus{top:1rem}

/* ── Header ── */
.wl-head{border-bottom:1px solid var(--wb-bd)}
.wl-head__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:5.2414rem}
.wl-head__brand{display:block;border-radius:.4rem}
.wl-head__brand img{display:block;height:2.7586rem;width:auto}
.wl-head__end{display:flex;align-items:center;gap:.8276rem}
.wl-head__icon{width:2.6207rem;height:2.6207rem;background:var(--wb-s2)}
.wl-head__alert{height:2.6207rem;padding:0 1.1034rem;font-size:.8966rem;gap:.5517rem}
.wl-head__alert .wb-i{width:1.1034rem;height:1.1034rem}

/* ── Hero ── */
.wl-main{padding-top:3.3103rem;padding-bottom:4.4138rem;display:flex;flex-direction:column;gap:2.2069rem}
.wl-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.wl-eyebrow{display:flex;align-items:center;gap:.6897rem;margin:0;font-size:.9655rem;color:var(--wb-acc-tx)}
.wl-eyebrow::before{content:"";width:.5517rem;height:.5517rem;background:var(--wb-acc);flex-shrink:0}
.wl-hero__title{margin:1.1034rem 0 0;line-height:0}
.wl-logo{display:block;height:6.3448rem;width:auto;aspect-ratio:673/400;margin-inline-start:-.35rem}
.wl-logo--light,[data-theme="light"] .wl-logo--dark{display:none}
[data-theme="light"] .wl-logo--light{display:block}
.wl-lead{margin:.5517rem 0 0;font-size:1.1034rem;line-height:1.6;color:var(--wb-tx2)}
.wl-lead--sm{display:none}
.wl-seed{display:inline-flex;align-items:center;height:1.5172rem;padding:0 .6897rem;border-radius:999px;border:1px dashed color-mix(in srgb,var(--wb-amber) 60%,transparent);
  color:var(--wb-amber);font-size:.7586rem;white-space:nowrap;flex-shrink:0}

/* ── Filters ── */
.wl-filters{display:flex;align-items:center;justify-content:space-between;gap:.5517rem 1.5rem;flex-wrap:wrap}
.wl-pills{display:flex;flex-wrap:wrap;gap:.5517rem}
.wl-pill{height:2.4828rem;padding:0 1.1034rem;border-radius:999px;border:1px solid var(--wb-bd2);background:var(--wb-s1);color:var(--wb-tx2);
  font-size:.8966rem;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.wl-pill:hover{color:var(--wb-tx);border-color:color-mix(in srgb,var(--wb-tx) 26%,transparent)}
.wl-pill[aria-pressed="true"]{background:var(--wb-tx);border-color:var(--wb-tx);color:var(--wb-bg);font-weight:500}

/* ── Grid ── */
.wl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6552rem 2.2069rem;outline:none}
@media (max-width:1099px){.wl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6552rem}}
@media (max-width:699px){.wl-grid{grid-template-columns:minmax(0,1fr);gap:1.2414rem}}

/* ── Card ── */
.wl-card{position:relative;min-height:45.5172rem;border-radius:1.931rem;overflow:hidden;background:var(--wb-s1);border:1px solid var(--wb-bd2);isolation:isolate}
.wl-card--skel{border:none}
.wl-card--live{border-color:rgba(255,77,77,.45);box-shadow:0 0 4.1379rem rgba(255,77,77,.10)}
.wl-card--ended{border-color:var(--wb-bd);background:var(--wl-ended-bg)}
.wl-card__bg{position:absolute;inset:0;z-index:-2}
.wl-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.wl-card__ph{position:absolute;inset:0;background:var(--wl-ph)}
.wl-card__ph i{position:absolute;left:50%;border-radius:50%;border:1px solid var(--wl-ring);transform:translateX(-50%)}
.wl-card__ph i:first-child{top:2.7586rem;width:20.6897rem;height:20.6897rem}
.wl-card__ph i:last-child{top:7.5862rem;width:11.0345rem;height:11.0345rem;border-color:var(--wl-ring2)}
.wl-card--ended .wl-card__bg{filter:grayscale(1) brightness(.5)}
[data-theme="light"] .wl-card--ended .wl-card__bg{filter:grayscale(1) brightness(1.05) opacity(.55)}
.wl-card__fade{position:absolute;inset:0;z-index:-1;background:var(--wl-fade)}
.wl-card--ended .wl-card__fade{background:linear-gradient(var(--wl-ended-veil),var(--wl-ended-veil)),var(--wl-fade)}
.wl-card__in{position:relative;min-height:inherit;height:100%;padding:1.5172rem;display:flex;flex-direction:column}

.wl-card__top{display:flex;justify-content:space-between;align-items:center;gap:.6897rem}
.wl-card__brand{display:block;height:2.3448rem;width:auto;flex-shrink:0}
.wl-card--ended .wl-card__brand{filter:grayscale(1);opacity:.6}
.wl-status{display:inline-flex;align-items:center;gap:.5517rem;height:2.2069rem;padding:0 .9655rem;border-radius:999px;min-width:0;
  background:var(--wl-chip);border:1px solid var(--wb-bd2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.8276rem;color:var(--wb-tx);white-space:nowrap}
.wl-status>span:last-child{overflow:hidden;text-overflow:ellipsis}
.wl-status .wb-dot{width:.4828rem;height:.4828rem}
.wl-status--live{border-color:rgba(255,77,77,.5)}
.wl-status--live .wb-dot{animation:wb-pulse 1.6s ease-in-out infinite}

.wl-card__body{margin-top:auto;padding-top:1.5rem}
.wl-card__title{margin:0;font-size:1.7931rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.wl-card__title a{text-decoration:none;border-radius:.4rem}
.wl-card__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}
.wl-card--ended .wl-card__title{opacity:.6}

.wl-ben{list-style:none;margin:.9655rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6207rem}
.wl-ben li{display:flex;align-items:center;gap:.6897rem;font-size:.8966rem;color:var(--wb-tx)}
.wl-ben .wb-i{width:1.1724rem;height:1.1724rem;color:var(--wb-acc-tx)}
.wl-card--ended .wl-ben{opacity:.5}

.wl-info{margin-top:1.1034rem;padding:.9655rem 1.1034rem;border-radius:1.2414rem;background:var(--wb-glass-card);border:1px solid var(--wb-bd2);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.wl-card--ended .wl-info{opacity:.6}
.wl-people{display:flex;align-items:center;gap:.9655rem;padding-bottom:.8276rem;margin-bottom:.8276rem;border-bottom:1px solid var(--wb-bd)}
.wl-people__sep{width:1px;height:2.6207rem;background:var(--wb-bd2);flex-shrink:0}
.wl-person{display:flex;align-items:center;gap:.6897rem;flex:1;min-width:0}
.wl-av{width:2.3448rem;height:2.3448rem;object-position:50% 25%;font-size:.8276rem}
.wl-person__tx{min-width:0}
.wl-person__role{font-size:.7586rem;color:var(--wb-acc-tx)}
.wl-person__name{font-size:.8966rem;font-weight:600;margin-top:.1379rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-person__title{font-size:.7586rem;color:var(--wb-tx3);margin-top:.069rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.wl-date{display:flex;justify-content:space-between;align-items:center;gap:.8276rem}
.wl-date__main{display:flex;align-items:center;gap:.8276rem;min-width:0}
.wl-date__day{font-size:2.6207rem;font-weight:600;line-height:1;color:var(--wb-tx);font-variant-numeric:lining-nums}
.wl-date.is-past .wl-date__day{color:var(--wb-tx2)}
.wl-date__month{font-size:1.1034rem;font-weight:600}
.wl-date__wd{font-size:.8276rem;color:var(--wb-tx3);margin-top:.1379rem}
.wl-date__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.4138rem;font-size:.8276rem;color:var(--wb-tx2);flex-shrink:0}
.wl-date__meta>span{display:flex;align-items:center;gap:.4138rem;white-space:nowrap}
.wl-date__meta>span>span{order:-1}
.wl-date__meta .wb-i{width:.9655rem;height:.9655rem;color:var(--wb-acc-tx)}

.wl-card__cta{margin-top:.9655rem}
.wl-cta{display:flex;align-items:center;justify-content:center;gap:.5517rem;width:100%;height:3.0345rem;padding:0 1.1034rem;border-radius:999px;font-size:.9655rem;text-decoration:none;white-space:nowrap}
.wl-cta>span{overflow:hidden;text-overflow:ellipsis}
.wl-cta.wb-btn--primary{height:3.0345rem;font-size:.9655rem;box-shadow:0 .4138rem 1.3793rem rgba(49,233,49,.16)}
.wl-cta .wb-i{width:1.1034rem;height:1.1034rem}
.wl-cta--quiet{color:var(--wb-tx2)}
.wl-cta--reg{background:var(--wl-reg-bg);color:var(--wb-acc-tx);font-weight:500;transition:background .2s}
.wl-cta--reg:hover{background:color-mix(in srgb,var(--wl-reg-bg) 100%,rgba(49,233,49,.08))}
.wl-page a.wl-cta--reg{color:var(--wb-acc-tx)}
.wl-cta--off{border:1px dashed var(--wb-bd2);color:var(--wb-tx3);cursor:not-allowed;user-select:none}

/* ── Alerts card ── */
.wl-alerts{min-height:45.5172rem;border-radius:1.931rem;border:1.5px dashed var(--wb-bd2);padding:2.2069rem;display:flex;flex-direction:column;justify-content:center;
  background:radial-gradient(circle at 50% 30%,rgba(49,233,49,.10),rgba(49,233,49,0) 60%),var(--wb-s1);scroll-margin:6rem;transition:border-color .4s}
.wl-alerts.is-flash{border-color:var(--wb-acc);animation:wl-flash 1.6s var(--wb-ease) forwards}
@keyframes wl-flash{0%,40%{border-color:var(--wb-acc)}100%{border-color:var(--wb-bd2)}}
.wl-alerts__form,.wl-alerts__done{display:flex;flex-direction:column;align-items:center;text-align:center;outline:none}
.wl-alerts form{width:100%;position:relative}
.wl-alerts__icon{width:4.4138rem;height:4.4138rem;border-radius:50%;background:rgba(49,233,49,.1);display:flex;align-items:center;justify-content:center;color:var(--wb-acc-tx)}
.wl-alerts__icon svg{width:1.931rem;height:1.931rem}
.wl-alerts__title{margin:1.5172rem 0 0;font-size:1.5172rem;font-weight:600;line-height:1.35}
.wl-alerts__sub{margin:.5517rem 0 0;font-size:.9655rem;line-height:1.7;color:var(--wb-tx2);max-width:24rem}
.wl-alerts__input{margin-top:1.6552rem;width:100%;height:3.1724rem;padding:0 1.2414rem;border-radius:999px;border:1px solid var(--wb-bd2);background:var(--wb-s2);
  color:var(--wb-tx);font-size:.9655rem;outline:none;text-align:start;transition:border-color .15s,box-shadow .15s}
[dir="rtl"] .wl-alerts__input{text-align:right}
.wl-alerts__input::placeholder{color:var(--wb-tx3)}
.wl-alerts__input:focus{border-color:rgba(49,233,49,.6);box-shadow:0 0 0 .2069rem rgba(49,233,49,.12)}
.wl-alerts__input.is-err{border-color:rgba(255,77,77,.7)}
.wl-alerts__err{margin:.4138rem 0 0;min-height:1.2rem;font-size:.8276rem;color:var(--wb-live-tx)}
.wl-alerts__err:empty{min-height:0;margin:0}
.wl-alerts .wl-cta{margin-top:.6897rem}
.wl-alerts__again{margin-top:1.6552rem;width:auto}
.wl-hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}

/* ── States (empty / no match / error) ── */
.wl-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8276rem;text-align:center;padding:2.2069rem;border-radius:1.931rem;
  border:1px solid var(--wb-bd);background:var(--wb-s1);color:var(--wb-tx2);font-size:.9655rem}
.wl-state p{margin:0}
.wl-grid>.wl-state:not(.wl-state--empty){grid-column:1/-1;min-height:10rem}
.wl-state--empty{grid-column:span 2;min-height:45.5172rem}
.wl-state--empty h2{margin:.5rem 0 0;font-size:1.5172rem;font-weight:600;color:var(--wb-tx)}
.wl-state__icon{width:4.4138rem;height:4.4138rem;border-radius:50%;background:var(--wb-s2);display:flex;align-items:center;justify-content:center;color:var(--wb-tx2)}
.wl-state__icon .wb-i{width:1.931rem;height:1.931rem}
@media (max-width:1099px){.wl-state--empty{grid-column:span 1}}
@media (max-width:699px){.wl-state--empty{min-height:0}}

/* ── Mobile (P2) ── */
@media (max-width:699px){
  .wl-head{border-bottom:none}
  .wl-head__in{height:auto;padding-top:1.1rem;padding-bottom:1.1rem}
  .wl-head__brand img{height:2.3448rem}
  .wl-head__end{gap:.5517rem}
  .wl-head__alert{width:2.6207rem;padding:0;border-radius:50%;color:var(--wb-tx2)}
  .wl-head__alert-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .wl-main{padding-top:.5517rem;padding-bottom:2.7586rem;gap:1.2414rem}
  .wl-eyebrow{font-size:.8276rem;gap:.5517rem}
  .wl-eyebrow::before{width:.4828rem;height:.4828rem}
  .wl-hero{align-items:flex-start}
  .wl-hero__title{margin-top:.8276rem}
  .wl-logo{height:4.4138rem}
  .wl-lead{font-size:.8966rem;margin-top:.4138rem}
  .wl-lead--lg{display:none}.wl-lead--sm{display:inline}
  .wl-filters{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:.5517rem}
  .wl-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--wl-gut));padding-inline:var(--wl-gut);padding-block:2px}
  .wl-pills::-webkit-scrollbar{display:none}
  .wl-pill{height:2.3448rem;font-size:.8276rem;flex-shrink:0}
  .wl-card,.wl-alerts{min-height:44.1379rem}
  .wl-card__title{font-size:1.6552rem}
  .wl-alerts{min-height:0;padding:2.2069rem 1.5172rem}
}
@media (max-width:359px){.wb-lang button{padding:0 .5rem}.wl-status{font-size:.7586rem}}

@media (prefers-reduced-motion:reduce){
  .wl-status--live .wb-dot,.wl-alerts.is-flash{animation:none}
  .wl-pill,.wl-cta,.wl-alerts,.wl-alerts__input{transition:none}
}