/* =========================================
   Facebook-Style BuddyPress Activity Buttons
   ========================================= */

body.buddypress .custom-activity-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

/* BUTTONS */
body.buddypress .custom-activity-buttons .cab-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  background: #f0f2f5 !important;
  border: 1px solid #ddd !important;
  color: #050505 !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
}

/* Hover Effect */
body.buddypress .custom-activity-buttons .cab-btn:hover {
  background: #e4e6eb !important;
}

/* ICONS */
body.buddypress .custom-activity-buttons .cab-ico i {
  font-size: 16px !important;
}

/* LIKE BUTTON ACTIVE (Facebook Blue) */
body.buddypress .custom-activity-buttons .cab-like.is-liked {
  color: #1877f2 !important;
  font-weight: 600 !important;
}

/* COUNTERS */
body.buddypress .custom-activity-buttons .cab-count {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 480px) {
  body.buddypress .custom-activity-buttons .cab-btn {
    font-size: 13px !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
  }
  body.buddypress .custom-activity-buttons .cab-ico i {
    font-size: 15px !important;
  }
}