/* إخفاء مربعات القالب */
.aft-box-ripple > div{
  display: none !important;
}

/* الحاوية */
.aft-box-ripple{
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* النقطة البيضاء (بتتحرك) */
.aft-box-ripple::before{
  content:"";
  width: 14px;
  height: 14px;
  background:#ffffff;
  border-radius:50%;
  z-index:2;
  animation: dotSoft 2.2s ease-in-out infinite;
}

/* الحركة حوالينها (زي ما هي) */
.aft-box-ripple::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    conic-gradient(
      from 0deg,
      rgba(255,255,255,.6),
      transparent 40%
    );
  animation: sweep 2.8s linear infinite;
  opacity:.7;
}

/* دوران الهالة */
@keyframes sweep{
  from{ transform: rotate(0deg); }
  to  { transform: rotate(360deg); }
}

/* حركة خفيفة للنقطة */
@keyframes dotSoft{
  0%   { transform: scale(1); }
  50%  { transform: scale(0.8); }
  100% { transform: scale(1); }
}
.hot-news-link{
  color: inherit;
  text-decoration: none;
  display: inline;   /* مهم: يخلي اللينك على النص فقط */
  cursor: pointer;
}
.hot-news-link:hover{
  text-decoration: underline;
}
}/* BBC-style hover — كسر ستايل القالب */
span.heading-line{
  cursor: pointer;
  transition: color .15s ease-in-out;
}}
/* إلغاء أي خط ممتد من القالب */
a.heading-line::after,
a.heading-line::before{
  width: 0 !important;
  content: none !important;
}

/* إنشاء خط أحمر قصير تحت النص فقط */
a.heading-line{
  position: relative;
}

a.heading-line::after{
  content: "";
  position: absolute;
  right: 0;              /* RTL */
  bottom: -2px;
  width: 34px;           /* 👈 طول الخط الصغير */
  height: 3px;
  background: #b80000;
}
/* كسر ستايل القالب */
a.heading-line:hover,
.aft-block-title a.heading-line:hover{
  color: #b80000 !important;
}
a.heading-line{
  transition: color .15s ease-in-out;

/* ضبط حجم اسم الموقع على جميع الشاشات */
.site-title {
    margin: 8px 0 !important;
    line-height: 1.25 !important;
}

.site-title .site-title-anchor {
    font-size: clamp(18px, 2.2vw, 29px) !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    text-wrap: balance;
}

/* التابلت */
@media (min-width: 768px) and (max-width: 1024px) {
    .site-title .site-title-anchor {
        font-size: 20px !important;
    }
}

/* الموبايل */
@media (max-width: 767px) {
    .site-title {
        margin: 5px 0 !important;
    }

    .site-title .site-title-anchor {
        font-size: 19px !important;
        line-height: 1.35 !important;
    }
}