/* ==========================================================================
   EduTMC — شريط الأخبار التعليمية | Educational News Ticker (v14.4.0)
   هوية الأكاديمية (أزرق/كحلي/ذهبي) • RTL + LTR • وضع ليلي • تقليل الحركة • وصول كامل
   إضافي بالكامل: لا يعدّل أي نمط قائم.
   ========================================================================== */

.tma-ticker-wrap{
  background:linear-gradient(90deg,var(--zp-navy,#092630),var(--zp-blue,#173944));
  color:#fff;border-block:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.16);
}
.tma-ticker{
  display:flex;align-items:center;gap:10px;min-height:52px;
  padding-block:6px;
}
.tma-ticker-badge{
  display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  background:var(--zp-gold,#d5b261);color:#231a00;font-weight:700;font-size:.82rem;
  padding:6px 12px;border-radius:999px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.tma-ticker-badge .tma-live-dot{
  width:8px;height:8px;border-radius:50%;background:#B3261E;display:inline-block;
  animation:tmaPulse 1.4s ease-in-out infinite;
}
@keyframes tmaPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}

.tma-ticker-viewport{
  position:relative;overflow:hidden;flex:1 1 auto;min-width:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.tma-ticker-track{
  display:flex;align-items:center;gap:0;width:max-content;
  animation:tmaMarquee var(--tma-mq-dur,42s) linear infinite;
  animation-play-state:running;
  will-change:transform;
}
.tma-ticker[data-paused="1"] .tma-ticker-track{animation-play-state:paused}
/* عند تشغيل المحرك بجافاسكربت نعطّل حركة CSS ونقود الحركة برمجيًا لضمان الإيقاف والتنقل */
.tma-ticker[data-js="1"] .tma-ticker-track{animation:none}
.tma-ticker-item{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  color:#fff;text-decoration:none;font-size:.95rem;padding-inline:26px;
  border-inline-start:1px solid rgba(255,255,255,.14);
}
.tma-ticker-item:hover,.tma-ticker-item:focus-visible{color:var(--zp-gold,#d5b261);text-decoration:underline}
.tma-ticker-item .tma-tk-ic{font-size:1.05rem;line-height:1}
.tma-ticker-item .tma-tk-kind{
  font-size:.72rem;font-weight:700;background:rgba(255,255,255,.14);
  padding:2px 8px;border-radius:999px;color:#eaeaea;
}
.tma-ticker-item.is-live .tma-tk-kind{background:#B3261E;color:#fff}
html[dir="ltr"] .tma-ticker-track{animation-name:tmaMarqueeLtr}
@keyframes tmaMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes tmaMarqueeLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.tma-ticker-ctrl{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.tma-ticker-btn{
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center;
  transition:background .15s var(--zp-ease, ease);
}
.tma-ticker-btn:hover{background:rgba(255,255,255,.2)}
.tma-ticker-btn:focus-visible{outline:3px solid var(--zp-gold,#d5b261);outline-offset:2px}
.tma-ticker-empty{padding-inline:14px;font-size:.9rem;opacity:.85}

/* بطاقات الأخبار / الإعلانات */
.tma-news-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.tma-news-card{
  display:flex;gap:14px;align-items:flex-start;background:var(--zp-surface,#fff);
  border:1px solid var(--zp-line-soft,#e0d9c5);border-radius:var(--zp-r,16px);
  padding:16px;text-decoration:none;color:inherit;
  transition:transform .16s var(--zp-ease,ease),box-shadow .16s var(--zp-ease,ease);
}
.tma-news-card:hover,.tma-news-card:focus-visible{transform:translateY(-3px);box-shadow:var(--zp-raise-1,0 8px 20px rgba(0,0,0,.12))}
.tma-news-card:focus-visible{outline:3px solid var(--zp-blue,#173944);outline-offset:2px}
.tma-news-card .nc-ic{
  flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  font-size:1.35rem;background:var(--zp-blue-100,#efe7d2);
}
.tma-news-card .nc-body{min-width:0}
.tma-news-card .nc-kind{font-size:.72rem;font-weight:700;color:var(--zp-blue,#173944);text-transform:none}
.tma-news-card h3{margin:2px 0 6px;font-size:1.02rem;line-height:1.5}
.tma-news-card p{margin:0;color:var(--zp-ink-3,#556469);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tma-news-card .nc-more{display:inline-block;margin-top:8px;color:var(--zp-blue,#173944);font-weight:600;font-size:.85rem}
.tma-news-card.is-live .nc-ic{background:#FDE8E6}
.tma-news-empty{
  background:var(--zp-surface-2,#f9f6ee);border:1px dashed var(--zp-line,#85938f);
  border-radius:var(--zp-r,16px);padding:18px;color:var(--zp-ink-3,#556469);font-size:.95rem
}

/* الوضع الليلي */
html[data-theme="dark"] .tma-news-card{background:#0f1b23;border-color:#22343f;color:#eaf2f5}
html[data-theme="dark"] .tma-news-card .nc-ic{background:#17394433}
html[data-theme="dark"] .tma-news-card p{color:#a9bcc4}
html[data-theme="dark"] .tma-news-empty{background:#101d24;border-color:#2a3d47;color:#a9bcc4}

@media (max-width:600px){
  .tma-ticker{min-height:46px;gap:6px}
  .tma-ticker-badge span.tma-badge-txt{display:none}
  .tma-ticker-item{padding-inline:16px;font-size:.88rem}
}

/* احترام تقليل الحركة: إيقاف الحركة والسماح بالتمرير اليدوي */
@media (prefers-reduced-motion: reduce){
  .tma-ticker-track{animation:none!important;overflow-x:auto;scroll-snap-type:x mandatory}
  .tma-ticker-item{scroll-snap-align:start}
  .tma-live-dot{animation:none}
}
