/* تخصيصات موضوع الحيوانات */
/* الملف: /cyclopedia/assets/css/subject-animals.css */

/* بطاقة وصورة الحيوان */
#animals-page .card .card-img {
  aspect-ratio: 4/3;        /* يحافظ على نسبة ثابتة للصور */
  object-fit: cover;        /* قصّ لطيف مع ملء المساحة */
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
}

/* عنوان البطاقة */
#animals-page .card .card-title {
  font-size: clamp(1.1rem, 1.2vw + .8rem, 1.6rem);
  font-weight: 900;
  letter-spacing: .1px;
}

/* أزرار التحكم */
#animals-page .controls-row .btn-play::before { content: "🔊 "; }
#animals-page .controls-row .btn-prev::before { content: "← "; }
#animals-page .controls-row .btn-next::after  { content: " →"; }

/* تخطيط المسرح + السايدبار على الشاشات المتوسطة فأعلى
   (المخطط العام موجود في common-components-subjects.css،
   هنا نضيف فقط أي تخصيصات إضافية للحيوانات إن لزم) */
@media (min-width: 992px) {
  #animals-page {
    /* يمكن تعديل الفروقات هنا عند الحاجة */
  }
}

/* شارات/BADGES اختيارية (إن استُخدمت داخل البطاقة) */
#animals-page .badge {
  display: inline-block;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  border: 1px solid #c7d2fe;
  font-weight: 700;
  font-size: .8rem;
  margin-inline: .15rem;
}

/* Placeholder مخصص لهذا الموضوع عند غياب الصورة (اختياري) */
#animals-page .card .card-img.is-placeholder {
  background: linear-gradient(135deg, #f0f9ff, #e8f5e9);
  border-style: dashed;
}