/* =========================================================================
   خلفية صور طبية متبدّلة (للصفحة الرئيسية وتسجيل الدخول)
   - 3 صور فى assets/img/bg/ بالأسماء medical-1.jpg و medical-2.jpg و medical-3.jpg
   - طبقة شفافة فوق الصورة بلون الموقع (أبيض مزرق فاتح / كحلى داكن) لضمان وضوح النص
   - لو الصور غير موجودة: تظهر خلفية الصفحة العادية بدون أى خلل
   ========================================================================= */
.med-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.med-bg--fixed { position: fixed; }
.med-bg span { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; animation: med-fade 24s infinite; }
.med-bg span:nth-child(1) { background-image: url('../img/bg/medical-1.jpg'); animation-delay: 0s; }
.med-bg span:nth-child(2) { background-image: url('../img/bg/medical-2.jpg'); animation-delay: 8s; }
.med-bg span:nth-child(3) { background-image: url('../img/bg/medical-3.jpg'); animation-delay: 16s; }
.med-bg::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, .93) 0%, rgba(245, 248, 253, .82) 50%, rgba(233, 240, 251, .70) 100%); }
html[data-theme="dark"] .med-bg::after { background: linear-gradient(to left, rgba(15, 23, 36, .93) 0%, rgba(15, 23, 36, .86) 55%, rgba(15, 23, 36, .78) 100%); }
@keyframes med-fade { 0% { opacity: 0; } 6% { opacity: 1; } 33% { opacity: 1; } 39% { opacity: 0; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .med-bg span { animation: none; }
  .med-bg span:nth-child(1) { opacity: 1; }
}
/* الصفحة الرئيسية: نخفى حلقات الزينة القديمة لما تكون الصور موجودة */
.lp-hero:has(.med-bg)::before, .lp-hero:has(.med-bg)::after { display: none; }