/* دکمه پیش‌نمایش با گرادیان جذاب */
.btn-gradient {
  background: linear-gradient(135deg, #6f42c1, #d63384);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
}
.btn-gradient:hover {
  background: linear-gradient(135deg, #5a379e, #b0266c);
  color: #fff;
}

/* اسلایدر تصاویر در پیش‌نمایش */
.carousel-item img {
  max-height: 300px;
  object-fit: cover;
  border-radius: 0.5rem;
}

/* کارت پیش‌نمایش آگهی */
.preview-card {
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

/* نشان‌های رنگی برای اطلاعات */
.badge {
  font-size: 0.85rem;
  padding: 0.4em 0.6em;
}
.badge.bg-danger {
  background-color: #dc3545 !important;
}
.badge.bg-primary {
  background-color: #0d6efd !important;
}
.badge.bg-secondary {
  background-color: #6c757d !important;
}
.badge.bg-success {
  background-color: #198754 !important;
}

/* متن‌های پیش‌نمایش */
#previewTitle {
  font-weight: 600;
  font-size: 1.2rem;
}
#previewDescription {
  font-size: 0.9rem;
  color: #6c757d;
}

/* آیکون‌های موبایل و چت */
#previewMobileIcon,
#previewChatIcon {
  font-size: 0.9rem;
  color: #495057;
}

/* واکنش‌گرایی برای موبایل */
@media (max-width: 576px) {
  .btn-gradient {
    width: 100%;
  }
  .preview-card {
    border-radius: 0.5rem;
  }
}

/* اضافه کردن کلاس برای نمایش خطا */
.field-error {
  border: 1px solid #dc3545 !important;
  background-color: #fff0f0;
}
.error-message {
  color: #dc3545;
  font-size: 0.85rem;
  margin-top: 4px;
}

/* رنگ لینک‌های منو برای خوانایی */
.navbar a,
.navbar .nav-link {
  color: #212529; /* رنگ تیره برای خوانایی روی پس‌زمینه سفید */
}

.navbar a:hover,
.navbar .nav-link:hover {
  color: #0d6efd; /* رنگ آبی هنگام هاور */
}


.navbar-gradient {
  background: linear-gradient(135deg, #6f42c1, #d63384);
}
.location-box {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 6px;
}
.alert {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 6px;
    font-size: 14px;
}

.alert.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.chat-box {
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
}
.chat-box .bg-success {
  background-color: #198754 !important;
}
.chat-box .bg-light {
  background-color: #f1f1f1 !important;
}
.list-group-item {
  cursor: pointer;
}
.chat-message:hover .bi-three-dots-vertical {
  visibility: visible;
}
.bi-three-dots-vertical {
  visibility: hidden;
}
.message-menu button {
  width: 100%;
  text-align: left;
  padding: 5px 10px;
  background: none;
  border: none;
}
.message-menu button:hover {
  background-color: #f1f1f1;
}