/* «عاجل» bar */
.hbk{background:var(--hc-red);color:#fff;position:sticky;top:0;z-index:65;box-shadow:0 2px 8px rgba(0,0,0,.15)}
body.admin-bar .hbk{top:32px}
@media (max-width:782px){body.admin-bar .hbk{top:46px}}
@media (max-width:600px){body.admin-bar .hbk{top:0}}
.hbk[hidden]{display:none}
.hbk__inner{display:flex;align-items:center;gap:14px;min-height:44px}
.hbk__label{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:var(--hc-bg,#fff);color:var(--hc-red);font-weight:700;font-size:14px;padding:4px 12px;border-radius:4px}
.hbk__label .hc-pulse{background:var(--hc-red)}
.hbk__list{list-style:none;position:relative;flex:1 1 auto;min-width:0;height:44px;overflow:hidden}
.hbk__item{position:absolute;inset:0;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.hbk__item.is-on{opacity:1;transform:none;pointer-events:auto}
.hbk__item time{flex:0 0 auto;font-size:13px;opacity:.85;direction:ltr}
.hbk__item a,.hbk__item span{color:#fff;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbk__item a:hover{text-decoration:underline;color:#fff}
@media (prefers-reduced-motion:reduce){.hbk__item{transition:none}}
@media (max-width:768px){
	.hbk__inner{gap:10px;min-height:40px}
	.hbk__list{height:auto;min-height:40px}
	.hbk__item{position:static;display:none;padding-block:8px}
	.hbk__item.is-on{display:flex}
	.hbk__item a,.hbk__item span{white-space:normal;font-size:14px;line-height:1.6}
	.hbk__label{font-size:13px;padding:3px 9px}
}

/* Live coverage */
.hlv{border:1px solid var(--hc-line);border-top:3px solid var(--hc-red);border-radius:var(--hc-radius);background:var(--hc-bg,#fff);padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.hlv__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hlv__badge{display:inline-flex;align-items:center;gap:6px;background:var(--hc-red);color:#fff;font-size:13px;font-weight:700;padding:3px 10px;border-radius:4px}
.hlv__badge .hc-pulse{background:var(--hc-bg,#fff)}
.hlv__badge.is-ended{background:var(--hc-muted)}
.hlv.is-ended .hlv__badge:not(.is-ended){background:var(--hc-muted)}
.hlv.is-ended .hlv__badge .hc-pulse{animation:none}
.hlv__title{font-weight:700;font-size:15px;line-height:1.6;color:var(--hc-ink)}
.hlv__title:hover{color:var(--hc-red-dark)}
.hlv__count{font-size:13px;color:var(--hc-muted)}
.hlv__list{list-style:none;display:flex;flex-direction:column;position:relative}
.hlv__item{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--hc-line);position:relative}
.hlv__item:last-child{border-bottom:0}
.hlv__item time{font-weight:700;color:var(--hc-red-dark);font-size:14px;direction:ltr;text-align:right}
.hlv__text{font-size:15px;line-height:1.8}
.hlv__text a{color:var(--hc-red-dark);text-decoration:underline}
.hlv__item.is-key .hlv__text{font-weight:700}
.hlv__item.is-key{background:var(--hc-pink);margin-inline:-16px;padding-inline:16px}
.hlv__item.is-new{animation:hlv-new 2.5s ease-out}
@keyframes hlv-new{from{background:#fff3c4}to{background:transparent}}
@media (prefers-reduced-motion:reduce){.hlv__item.is-new{animation:none}}
.hlv__new{align-self:center;position:sticky;top:8px;z-index:2;border:0;border-radius:20px;background:var(--hc-red);color:#fff;font:inherit;font-size:13px;font-weight:600;padding:6px 16px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18)}
.hlv__new[hidden]{display:none}
.hlv__empty{color:var(--hc-muted);font-size:14px}
.hlv--home .hlv__item{grid-template-columns:44px 1fr;padding:7px 0}
.hlv--home .hlv__text{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hlv--home{margin-bottom:14px}
.hc-article__content .hlv{margin-bottom:24px}
.hc-article__content .hlv__list{margin:0;padding:0}
.hc-article__content .hlv__item p{margin:0}
@media print{.hbk{display:none!important}}

/* «آخر الأخبار» moving strip (homepage) */
.htk{background:var(--hc-bg,#fff);border-bottom:1px solid var(--hc-line)}
.htk__inner{display:flex;align-items:stretch;gap:0;min-height:44px}
.htk__label{flex:0 0 auto;display:flex;align-items:center;background:var(--hc-dark);color:#fff;font-weight:700;font-size:14px;padding:0 16px;position:relative}
.htk__label::after{content:"";position:absolute;inset-block:0;inset-inline-end:-10px;width:0;border-block:22px solid transparent;border-inline-start:10px solid var(--hc-dark)}
.htk__view{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center;padding-inline-start:16px;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}
.htk__track{display:flex;width:max-content;animation:htk-move var(--htk-dur,60s) linear infinite}
.htk__list{list-style:none;display:flex;margin:0;padding:0}
.htk__item{flex:0 0 auto;display:flex;align-items:center;white-space:nowrap}
.htk__item::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--hc-red);margin-inline:18px}
.htk__item a{display:inline-flex;align-items:center;gap:8px;color:var(--hc-ink);font-weight:600;font-size:14.5px}
.htk__item a:hover{color:var(--hc-red-dark)}
.htk__item time{color:var(--hc-red-dark);font-weight:700;font-size:13px;direction:ltr;unicode-bidi:isolate}
.htk:hover .htk__track,.htk.is-paused .htk__track{animation-play-state:paused}
.htk__pause{flex:0 0 auto;border:0;border-inline-start:1px solid var(--hc-line);background:var(--hc-bg,#fff);color:var(--hc-muted);font-size:11px;padding:0 12px;cursor:pointer}
.htk.is-paused .htk__pause{color:var(--hc-red)}
@keyframes htk-move{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.htk__track{animation:none}.htk__view{overflow-x:auto}.htk__pause{display:none}}
@media (max-width:768px){
	.htk__inner{min-height:40px;padding-inline:0}
	.htk__label{font-size:13px;padding:0 12px}
	.htk__label::after{border-block-width:20px}
	.htk__item a{font-size:13.5px}
	.htk__pause{display:none}
}
@media print{.htk{display:none!important}}
