/* ==========================
   نصوص مع تأثير التوهج
========================== */
.mb-3 p {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-shadow: 
    0 0 5px #f4971e,
    0 0 10px #f4971e,
    0 0 20px #f4971e,
    0 0 40px #ffae42,
    0 0 80px rgb(244, 151, 30),
    0 0 120px rgba(244,151,30,0.9);
}

/* نصوص على شاشات صغيرة */
@media (max-width: 768px) {
  h2.mb-3 {
    font-size: 2rem;
    text-shadow: 
      0 0 5px #4c6eb5,
      0 0 10px #4c6eb5,
      0 0 20px #4c6eb5,
      0 0 40px #4c6eb5,
      0 0 80px rgb(244, 151, 30),
      0 0 120px rgba(244,151,30,0.9);
  }

  a.banner-entry {
    min-height: 200px !important;
    height: auto !important;
  }
}

/* ==========================
   بانرات وروابط
========================== */
a.banner-entry {
  min-height: 350px;
  height: auto !important;
  position: relative;
  overflow: hidden;
}

a.banner-entry::after,
a.w-full::after {
  content: '';
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.35),
    transparent
  );
  animation: shine 3s ease-in-out infinite;
  background-color: rgba(0,0,0,0.0) !important;
}

/* ==========================
   تأثير Hover على المقالات
========================== */
article.p-5.flex.flex-col.items-center.bg-bgcolor.text-whitecolor {
  transition: all 0.3s ease !important;
}

article.p-5.flex.flex-col.items-center.bg-bgcolor.text-whitecolor:hover {
  transform: translateY(-12px) scale(1.05) !important;
  box-shadow: 0 20px 40px rgba(76, 110, 181, 0.4) !important;
}

/* ==========================
   البانرات مع Overlay
========================== */
.has-overlay::after {
  background-color: unset;
  height: unset;
}

.W_graid_image .has-overlay::after {
  background-color: transparent !important;
  height: auto !important;
}

/* ==========================
   محاذاة المحتوى
========================== */
.banner-entry article {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  height: 100%;
}

.s-advertisement-content {
  text-align: center !important;
  width: 100% !important;
}

h2.s-advertisement-content-main {
  white-space: normal !important;
  text-align: center !important;
  margin: 0 auto !important;
  animation: slide 6s linear infinite; /* اسم الحركة، مدة، تكرار */

}

.items-end {
    align-items: center;
}

/* ==========================
   Keyframes للمعان Shine
========================== */
@keyframes shine {
  0% { left: -120%; }
  50% { left: 100%; }
  100% { left: -120%; }
}

/* ==========================
   تحريك نصوص (مثال)
========================== */
@keyframes slide {
  0% { transform: translateX(100%); }
  50% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}