/* MisahaTech — أشكال شريط الأخبار العاجلة (تُحمَّل فقط عند تغيير الشكل/الخيارات) */
.mt-bn{position:relative;display:flex;align-items:center;gap:12px;height:46px;min-width:0;flex:1 1 auto;font-family:var(--font);color:var(--clr-on-dark,#fff);overflow:hidden}
body>.mt-bn,#page>.mt-bn,.mt-bn:not(.mt-topstrip *){background:var(--clr-dark);padding:0 max(16px,calc((100% - var(--max-w))/2 + 16px));border-bottom:1px solid rgba(255,255,255,.06)}
.mt-topstrip .mt-bn{height:100%;background:none;padding:0;border:0;color:inherit}
.mt-topstrip__inner:has(.mt-bn--multi){height:56px}
.mt-bn a{color:inherit;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap}
.mt-bn a:hover{color:var(--clr-primary)}
.mt-bn__badge,.mt-breaking__badge{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:4px 12px;border-radius:999px;background:rgba(255,71,87,.12);border:1px solid rgba(255,71,87,.35);color:#ff4757;font-size:12px;font-weight:800;white-space:nowrap}
.mt-bn__badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff4757;animation:mtBreakPulse 1.6s infinite}
.mt-bn__date{flex-shrink:0;font-size:12.5px;opacity:.85;padding-inline-end:12px;border-inline-end:1px solid rgba(128,128,128,.3);white-space:nowrap}
.mt-breaking>.mt-bn__date{margin-inline-end:2px}
.mt-bn__time{flex-shrink:0;font-size:11.5px;opacity:.7;margin-inline-start:8px;white-space:nowrap;font-weight:400}
.mt-bn__time::before{content:"منذ ";}
.mt-bn__time--always::before{content:"";}
.mt-bn ul{list-style:none;margin:0;padding:0}

/* 1) شريط متحرك */
.mt-bn__mask{position:relative;flex:1 1 0;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.mt-bn__track{display:flex;width:max-content;animation:mtBnMove 45s linear infinite}
.mt-bn__mask:hover .mt-bn__track,.mt-bn__mask:focus-within .mt-bn__track{animation-play-state:paused}
.mt-bn__track .mt-bn__item{display:flex;align-items:center;padding-inline:20px;position:relative}
.mt-bn__track .mt-bn__item::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--clr-primary);margin-inline-end:12px;flex-shrink:0}
@keyframes mtBnMove{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* 2) تبديل بتلاشي */
.mt-bn__fade{position:relative;flex:1 1 0;min-width:0;height:100%;display:flex;align-items:center}
.mt-bn__fade .mt-bn__item{position:absolute;inset-inline:0;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .4s,transform .4s,visibility 0s .4s;min-width:0}
.mt-bn__fade .mt-bn__item a{overflow:hidden;text-overflow:ellipsis;min-width:0}
.mt-bn__fade .mt-bn__item.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .4s}
.mt-bn__nav{display:flex;gap:6px;flex-shrink:0}
.mt-bn__arrow{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(128,128,128,.4);background:none;color:inherit;border-radius:4px;font-size:10px;cursor:pointer;padding:0}
.mt-bn__arrow:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-on-primary,#fff)}

/* 5) ثلاثة عناوين */
.mt-bn__multi{display:flex;flex:1 1 0;min-width:0;height:100%}
.mt-bn__cell{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 14px;border-inline-start:1px solid rgba(128,128,128,.25);line-height:1.35}
.mt-bn__cell a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px}
.mt-bn__cell .mt-bn__time{margin:2px 0 0;font-size:11px}
.mt-bn--multi{height:56px}

/* 3) شريط ملوّن */
.mt-bn.is-color,.mt-breaking--color{background:var(--clr-primary)!important;color:var(--clr-on-primary,#fff)!important;border-color:transparent!important}
.mt-topstrip .mt-bn.is-color,.mt-topstrip .mt-breaking--color{height:30px;padding:0 4px 0 12px!important;border-radius:5px;align-self:center}
.mt-bn.is-color .mt-bn__badge,.mt-breaking--color .mt-breaking__badge{background:#fff;border-color:#fff;color:var(--clr-primary)}
.mt-bn.is-color .mt-bn__badge::before,.mt-breaking--color .mt-breaking__badge::before{background:#ff4757;box-shadow:0 0 0 4px rgba(255,71,87,.3)}
.mt-bn.is-color a,.mt-breaking--color a,.mt-breaking--color .mt-breaking__item a{color:var(--clr-on-primary,#fff)!important}
.mt-bn.is-color .mt-bn__track .mt-bn__item::before{background:#fff}
.mt-bn.is-color .mt-bn__arrow,.mt-breaking--color .mt-breaking__arrow{border-color:rgba(255,255,255,.5);color:#fff}
.mt-bn.is-color .mt-bn__date{border-color:rgba(255,255,255,.35)}
.mt-bn.is-color .mt-bn__cell{border-color:rgba(255,255,255,.3)}

@media (max-width:768px){
  .mt-bn{height:40px;gap:8px}
  .mt-bn--multi{height:48px}
  .mt-bn__date{display:none}
  .mt-bn__cell:nth-child(n+2){display:none}
  .mt-bn__cell{border:0;padding:0 4px}
}
@media (prefers-reduced-motion:reduce){
  .mt-bn__track{animation:none}.mt-bn__mask{overflow-x:auto}.mt-bn__badge::before{animation:none}
}

/* شكل «كتابة ثم تلاشي»: مؤشر _ أثناء الكتابة، يبقى الخبر ثم يتلاشى، ثم يُكتب الخبر التالي */
.mt-breaking--typefade .mt-breaking__caret{display:none!important}
.mt-breaking--typefade .mt-breaking__item{transition:opacity .3s ease}
.mt-breaking--typefade .mt-breaking__item.is-fading{opacity:0}
@media (prefers-reduced-motion:reduce){.mt-breaking--typefade .mt-breaking__item{transition:none}}

/* شكل «كتابة ثم تلاشي» يطابق تصميم Jannah: شارة حمراء مسطحة بكامل ارتفاع الشريط، خط خفيف، بدون أسهم ولا نقطة نابضة */
.mt-breaking.mt-breaking--typefade{gap:0}
.mt-breaking.mt-breaking--typefade:not(.mt-breaking--color) .mt-breaking__badge{align-self:stretch;border-radius:0;border:0;background:#ef5252;color:#fff;padding:0 16px;margin-inline:14px;font-size:13px;font-weight:500;gap:0}
.mt-breaking.mt-breaking--typefade .mt-breaking__badge::before{display:none}
.mt-breaking.mt-breaking--typefade .mt-breaking__nav{display:none}
.mt-breaking.mt-breaking--typefade .mt-breaking__item a,.mt-topstrip .mt-breaking.mt-breaking--typefade .mt-breaking__item a{font-weight:400;font-size:14.5px}
.mt-breaking.mt-breaking--typefade > .mt-bn__date{border:0;padding-inline-end:0;margin-inline-end:0;opacity:.9;font-size:13px}
.mt-breaking.mt-breaking--typefade > .mt-bn__date::before{content:"\f017";font-family:"Font Awesome 6 Free","Font Awesome 5 Free";font-weight:400;margin-inline-end:6px}