/* UFUQ AL MOSUL — Arabic top announcements marquee */
:root{--ufuq-ann-h:44px}
.ufuq-announcement{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;height:var(--ufuq-ann-h);overflow:hidden;background:linear-gradient(90deg,#0a5b78 0%,#0b8a9f 50%,#0a5b78 100%);border-bottom:1px solid rgba(255,255,255,.17);color:#fff}
.ufuq-announcement-viewport{width:100%;height:100%;overflow:hidden;direction:ltr;display:flex;align-items:center}
.ufuq-announcement-track{display:flex;width:max-content;min-width:max-content;align-items:center;will-change:transform;animation:ufuqAnnouncementMarquee 42s linear infinite}
.ufuq-announcement-group{display:flex;align-items:center;width:max-content;min-width:max-content;flex:0 0 auto}
.ufuq-announcement-item{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff!important;text-decoration:none!important;white-space:nowrap;padding:0 28px;min-height:var(--ufuq-ann-h);box-sizing:border-box;font-size:14px;font-weight:800;line-height:1;cursor:pointer}
.ufuq-announcement-type{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:23px;padding:0 8px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff;background:rgba(255,255,255,.10);font-size:10px;font-weight:900}
.ufuq-announcement-text{color:#fff!important}
.ufuq-announcement-separator{color:rgba(255,255,255,.72);font-size:17px;line-height:1}
.ufuq-announcement-item:hover .ufuq-announcement-text{text-decoration:underline;text-underline-offset:3px}

/* الحركة من اليسار إلى اليمين */
@keyframes ufuqAnnouncementMarquee{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

body:has(.ufuq-announcement) .site-header{top:var(--ufuq-ann-h)!important}
body:has(.ufuq-announcement) .hero{padding-top:calc(88px + var(--ufuq-ann-h))!important}
body:has(.ufuq-announcement) .inner-page{padding-top:calc(88px + var(--ufuq-ann-h))!important}

@media(max-width:860px){
  :root{--ufuq-ann-h:42px}
  body:has(.ufuq-announcement) .site-header{top:var(--ufuq-ann-h)!important}
  body:has(.ufuq-announcement) .hero{padding-top:calc(76px + var(--ufuq-ann-h))!important}
  body:has(.ufuq-announcement) .inner-page{padding-top:calc(76px + var(--ufuq-ann-h))!important}
  body:has(.ufuq-announcement) .main-nav{top:calc(76px + var(--ufuq-ann-h))!important;height:calc(100vh - 76px - var(--ufuq-ann-h))!important}
  .ufuq-announcement-item{font-size:12px;padding-inline:20px;gap:8px}
  .ufuq-announcement-type{height:21px;min-width:44px;font-size:9px}
}
@media(max-width:480px){
  .ufuq-announcement-track{animation-duration:34s}
  .ufuq-announcement-item{font-size:11px;padding-inline:16px}
  .ufuq-announcement-type{min-width:40px;height:20px;font-size:8.5px}
}
@media(prefers-reduced-motion:reduce){.ufuq-announcement-track{animation:none}}