/* إخفاء مربعات القالب */
.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;
/* ===============================
   تصغير صور منوعات – الصفحة الرئيسية فقط
   =============================== */

.home-variety article.latest-posts-list .read-single{
  display:flex !important;
  gap:20px !important;
  align-items:flex-start !important;
}