/* =========================================================
   ZAWAJ VIP — CHAT ACTIONS RESPONSIVE FIX
   تنسيق فقط دون التأثير على محرك الشات
   ========================================================= */

/* رأس المحادثة */

.chat-member-head {
  align-items: center !important;
  gap: 12px !important;
}

/* مجموعة الأزرار بالكامل */

#chatEnhancementActions,
.chat-header-actions-premium {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;

  gap: 8px !important;

  margin-inline-start: auto !important;
}

/* توحيد شكل جميع أزرار الرأس */

#chatEnhancementActions > button,
#chatEnhancementActions > a,
#chatDashboardButton,
#activeMemberProfileLink,
.chat-profile-link,
.chat-remove-button {
  min-height: 44px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 8px 13px !important;

  border-radius: 13px !important;

  line-height: 1.25 !important;
  white-space: nowrap !important;

  font-size: 13px !important;
  font-weight: 800 !important;

  text-decoration: none !important;
}

/* زر إزالة المحادثة */

.chat-remove-button,
#chatRemoveButton {
  color: #8c2942 !important;

  background:
    linear-gradient(
      135deg,
      #ffe1e7,
      #fff0e7
    ) !important;

  border:
    2px solid rgba(
      190,
      62,
      87,
      0.22
    ) !important;
}

/* لوحة المستخدم داخل أزرار المحادثة */

#chatEnhancementActions
#chatDashboardButton {
  color: #075e59 !important;

  background:
    linear-gradient(
      135deg,
      #d8f5ef,
      #e8fbf7
    ) !important;

  border:
    2px solid rgba(
      8,
      127,
      119,
      0.21
    ) !important;
}

/* منع بقاء زر لوحة المستخدم بعيدًا في الهيدر */

.chat-header >
#chatDashboardButton {
  margin-inline-start: 10px !important;
}

/* =========================================================
   الهاتف
   ========================================================= */

@media (max-width: 760px) {

  .chat-member-head {
    min-height: auto !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    padding:
      10px 10px 12px !important;
  }

  /*
   * الأزرار في صفوف واضحة:
   * لوحة المستخدم + عرض الملف
   * التثبيت + الحظر
   * إزالة المحادثة بعرض كامل
   */

  #chatEnhancementActions,
  .chat-header-actions-premium {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      ) !important;

    gap: 8px !important;

    margin:
      10px 0 0 !important;
  }

  #chatEnhancementActions > button,
  #chatEnhancementActions > a,
  #chatDashboardButton,
  #activeMemberProfileLink,
  .chat-profile-link {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;

    padding:
      8px 7px !important;

    font-size:
      12px !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #chatDashboardButton {
    order: 1 !important;
  }

  #activeMemberProfileLink,
  #chatEnhancementActions
  .chat-profile-link {
    order: 2 !important;
  }

  #chatPinButton {
    order: 3 !important;
  }

  #chatBlockButton {
    order: 4 !important;
  }

  #chatRemoveButton {
    order: 5 !important;

    grid-column:
      1 / -1 !important;

    width: 100% !important;
  }

  /*
   * منع خروج الأزرار خارج عرض الهاتف.
   */

  .chat-active,
  .chat-member-head,
  #chatEnhancementActions {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* الشاشات الصغيرة جدًا */

@media (max-width: 390px) {

  #chatEnhancementActions,
  .chat-header-actions-premium {
    grid-template-columns:
      1fr 1fr !important;

    gap: 6px !important;
  }

  #chatEnhancementActions > button,
  #chatEnhancementActions > a {
    min-height: 42px !important;

    padding:
      7px 5px !important;

    font-size:
      11px !important;
  }
}

/* =======================================================
   MOBILE CHAT SAFE FIX
   آخر رسالة لا تختفى خلف صندوق الكتابة
   ======================================================= */

@media (max-width:760px){

  .chat-active{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }

  .chat-messages{
    flex:1 1 auto !important;

    padding-bottom:120px !important;

    scroll-padding-bottom:120px !important;
  }

  .chat-composer{
    position:sticky !important;

    bottom:0 !important;

    z-index:30 !important;
  }

}

/* =======================================================
   MOBILE REMOVE BUTTON — FINAL VISIBILITY FIX
   إظهار زر إزالة المحادثة دون التأثير على الشات
   ======================================================= */

@media (max-width: 760px) {

  .chat-member-head {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    align-content: flex-start !important;
  }

  #chatEnhancementActions,
  .chat-header-actions-premium {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    grid-auto-rows: minmax(44px, auto) !important;
  }

  #chatRemoveButton {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;
    transform: none !important;

    order: 5 !important;
    grid-column: 1 / -1 !important;

    width: 100% !important;
    min-height: 46px !important;

    margin: 0 !important;
  }

  .chat-active {
    grid-template-rows:
      auto minmax(0, 1fr) auto auto !important;
  }
}