/* ==========================================================================
   البوصلة — الرأسية المستلهمة (v3.1) — يستهدف قالب albousala2 (أصناف bs-)
   ========================================================================== */

/* 1) شريط الأقسام: كحلي، خط عريض أكبر، خط ذهبي تحت القسم الحالي */
.bs-nav { background: var(--albs-navy); border: 0 !important; }
.bs-nav__in { gap: 2px; }
.bs-nav__in a {
  color: #fff !important; font-family: var(--albs-font) !important;
  font-size: 1.0625rem !important; font-weight: 700 !important;
  padding-block: 16px !important; position: relative; background: none !important;
  border: 0 !important; box-shadow: none !important;
}
.bs-nav__in a::after {
  content: ""; position: absolute; inset-inline: 12px; bottom: 9px; height: 2px;
  background: var(--albs-gold); transform: scaleX(0); transition: transform .2s;
}
.bs-nav__in a:hover { color: var(--albs-gold-light) !important; }
.bs-nav__in a:hover::after, .bs-nav__in a[aria-current]::after { transform: scaleX(1); }
.bs-nav__in a[href*="/tv"] { color: var(--albs-gold-light) !important; }
.bs-nav__in a[href*="/tv"]::before { content: "▶"; font-size: .65em; margin-inline-end: 6px; vertical-align: middle; }

/* الهاتف: نفس الهوية */
.bs-mnav { background: var(--albs-navy) !important; border: 0 !important; }
.bs-mnav a { color: #fff !important; font-weight: 700 !important; }
.bs-mnav a[aria-current] { color: var(--albs-gold-light) !important; box-shadow: inset 0 -2px 0 var(--albs-gold) !important; }
.bs-mnav__all { color: var(--albs-gold-light) !important; background: var(--albs-navy-deep) !important; border: 0 !important; }

/* 2) شريط الأخبار: ملصق ذهبي على شكل سهم + خلفية كحلية */
.bs-ticker { background: var(--albs-navy-deep) !important; border: 0 !important; min-height: 48px; }
.bs-ticker__label {
  background: var(--albs-gold) !important; color: var(--albs-navy-deep) !important;
  font-family: var(--albs-font) !important; font-size: 1rem !important; font-weight: 700 !important;
  padding-inline: 20px 30px !important; align-self: stretch; display: flex; align-items: center; gap: 8px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 16px 50%);
}
.bs-ticker__dot { background: var(--albs-navy-deep) !important; }
.bs-ticker__item, .bs-ticker__title { color: #fff !important; font-weight: 700 !important; font-size: 1rem !important; }
.bs-ticker__item:hover .bs-ticker__title { color: var(--albs-gold-light) !important; }
.bs-ticker__time { color: var(--albs-gold-light) !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; }
.bs-ticker .bs-tag { background: rgba(212,180,106,.15) !important; color: var(--albs-gold-light) !important; }
.bs-ticker__nav .bs-iconbtn { color: #fff !important; }
.bs-ticker__nav .bs-iconbtn:hover { color: var(--albs-gold-light) !important; }

/* 3) الشريط العلوي: زر صحافة المواطن */
.albs-topcta {
  border: 1px solid var(--albs-gold); color: var(--albs-gold-light) !important;
  padding: 3px 12px; border-radius: 3px; font-weight: 600; white-space: nowrap; margin-inline-start: 14px;
}
.albs-topcta:hover { background: var(--albs-gold); color: var(--albs-navy-deep) !important; }

@media (max-width: 860px) { .albs-topcta { display: none; } }
@media (prefers-reduced-motion: reduce) { .bs-nav__in a::after { transition: none; } }

/* الهاتف: ملصق الشريط أصغر ليترك مكاناً للعنوان */
@media (max-width: 600px) {
  .bs-ticker__label { font-size: .875rem !important; padding-inline: 12px 22px !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%); }
  .bs-ticker__item, .bs-ticker__title { font-size: .9375rem !important; }
}