/* General Enhancements */
body {
  background-color: #000;
  color: #fff;
}
a { transition: all 0.3s ease; }
a:hover { opacity: 0.8; }

/* Slider */
#homeSlider img {
  object-fit: cover;
  height: 400px;
}
#homeSlider .carousel-caption {
  background: rgba(0,0,0,0.5);
  border-radius: 12px;
  padding: 15px;
  animation-duration: 1.5s;
}

/* Chat Bubbles */
.chat-box {
  background: #111;
  max-height: 400px;
  overflow-y: auto;
}
.chat-bubble {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 16px;
  margin: 4px 0;
  animation: fadeInUp 0.4s ease;
}
.chat-bubble.admin { background: #ffcc00; color: #000; align-self: flex-end; }
.chat-bubble.client { background: #222; color: #fff; }
.chat-bubble.celebrity { background: #28a745; color: #fff; }
.chat-bubble.guest { background: #555; color: #fff; }

/* User Table Hover */
.table-dark tbody tr:hover {
  background: rgba(255, 204, 0, 0.15) !important;
  transition: 0.3s;
}

/* Avatar Hover */
.table img {
  transition: transform 0.3s ease;
}
.table img:hover {
  transform: scale(1.1);
}

/* Role Badges */
.badge.bg-info { background-color: #0dcaf0 !important; }
.badge.bg-success { background-color: #28a745 !important; }
.badge.bg-danger { background-color: #dc3545 !important; }
.badge.bg-warning { background-color: #ffc107 !important; color:#000; }

/* Lightbox (for celebrity media gallery) */
.media-grid img {
  cursor: pointer;
  transition: transform 0.3s;
}
.media-grid img:hover {
  transform: scale(1.05);
}