/* أنماط مخصصة وتأثيرات جمالية إسلامية هادئة */
@layer utilities {
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

/* زخرفة هندسية هادئة في الخلفية */
.bg-ornament {
  background-image: radial-gradient(#0F5132 0.75px, transparent 0.75px), radial-gradient(#D4AF37 0.75px, #FAF8F2 0.75px);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}

/* زر التبويب النشط */
.tab-btn.active {
  background: linear-gradient(135deg, #0F5132 0%, #072b1a 100%);
  color: #ffffff !important;
  box-shadow: 0 2px 8px -1px rgba(15, 81, 50, 0.35);
}

/* تأثير ظهور سلس */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.25s cubic-bezier(0.2, 0.9, 0.3, 1) forwards;
}

/* بطاقات الكويز والخيارات */
.quiz-opt {
  transition: all 0.2s ease;
}
.quiz-opt:hover {
  border-color: #0F5132;
  background-color: #f4faf6;
}
.quiz-opt.correct {
  background-color: #ecfdf5 !important;
  border-color: #10b981 !important;
  color: #065f46 !important;
}
.quiz-opt.incorrect {
  background-color: #fef2f2 !important;
  border-color: #f43f5e !important;
  color: #9f1239 !important;
}

/* إمكانية القراءة والطباعة */
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}