.icon {
      width: 1.2em;
      height: 1.2em;
      display: inline-block;
      vertical-align: middle;
    }
    .hover-lift:hover {
      transform: translateY(-1px);
      transition: all 0.2s ease;
    }
    .avatar {
      border: 2px solid white;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }
    .dropdown-card {
      box-shadow: 0 10px 30px rgba(15,23,42,0.18);
      border-radius: 0.75rem;
      backdrop-filter: blur(10px);
    }
/* منع زوم الآيفون على الحقول عن طريق رفع حجم الخط للجوال */
@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* ====== حركات عامة ====== */
.animate-fade-in {
  animation: fadeIn .25s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: scale(.97); }
  to   { opacity: 1; transform: scale(1); }
}

/* ====== تعليقات ستايل فيسبوك ====== */

.reply-item .reply-body {
  font-size: 12px;
  line-height: 1.7;
}

.reply-item .reply-meta span {
  line-height: 1.2;
}

.reply-children {
  border-right: 1px solid #c0d5ff;
  margin-right: 0;
  padding-right: .5rem;
}

.reply-item.mr-8 .bg-slate-50 {
  background-color: #fbfbfb;
}

.reply-item .reply-meta {
  font-size: 11px;
  color: #94a3b8;
}

.reply-item .reply-body {
  font-size: 12px;
}

/* ====== موجة هدرة (للأنيميشن) ====== */
@keyframes hedrhWave {
  0%   { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

/* لما يكون مشغل الصوت شغال نغير لون الزر */
.hedrh-audio-player.is-playing .hedrh-audio-toggle {
  background-color: #22c55e; /* brand-ish */
}

/* ====== نص المنشور – إظهار ٣ أسطر فقط مع زر عرض المزيد ====== */
.hedrh-post-text {
  position: relative;
}

.hedrh-post-text.collapsed {
  /* leading-8 = 2rem تقريبًا، 3 أسطر = 6rem */
  max-height: 6rem;
  overflow: hidden;
}

/* تدرج اختياري في أسفل النص لو حبيت (فيسبوك ستايل)
.hedrh-post-text.collapsed::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 2rem;
  background: linear-gradient(to top, rgba(248,250,252,1), rgba(248,250,252,0));
  pointer-events: none;
}
*/