/* css/chatbot-content.css: Tối ưu spacing cho nội dung chatbot */

/* Giảm margin cho các thẻ trong bubble chatbot */
.chat-bubble-bot p,
.chat-bubble-bot ul,
.chat-bubble-bot ol,
.chat-bubble-bot h1,
.chat-bubble-bot h2,
.chat-bubble-bot h3,
.chat-bubble-bot h4,
.chat-bubble-bot h5,
.chat-bubble-bot h6 {
  margin-bottom: 0.75rem !important;
}

.chat-bubble-bot p:last-child,
.chat-bubble-bot ul:last-child,
.chat-bubble-bot ol:last-child,
.chat-bubble-bot h1:last-child,
.chat-bubble-bot h2:last-child,
.chat-bubble-bot h3:last-child,
.chat-bubble-bot h4:last-child,
.chat-bubble-bot h5:last-child,
.chat-bubble-bot h6:last-child {
  margin-bottom: 0 !important;
}

/* Tối ưu spacing cho list items */
.chat-bubble-bot ul li,
.chat-bubble-bot ol li {
  margin-bottom: 0.25rem !important;
  line-height: 1.4 !important;
}

.chat-bubble-bot ul li:last-child,
.chat-bubble-bot ol li:last-child {
  margin-bottom: 0 !important;
}

/* Giảm khoảng cách giữa các nested list */
.chat-bubble-bot ul ul,
.chat-bubble-bot ol ol,
.chat-bubble-bot ul ol,
.chat-bubble-bot ol ul {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

/* Tối ưu line-height cho văn bản */
.chat-bubble-bot {
  line-height: 1.5 !important;
}

/* Giảm khoảng cách cho headings */
.chat-bubble-bot h1,
.chat-bubble-bot h2,
.chat-bubble-bot h3,
.chat-bubble-bot h4,
.chat-bubble-bot h5,
.chat-bubble-bot h6 {
  line-height: 1.3 !important;
  margin-top: 1rem !important;
}

.chat-bubble-bot h1:first-child,
.chat-bubble-bot h2:first-child,
.chat-bubble-bot h3:first-child,
.chat-bubble-bot h4:first-child,
.chat-bubble-bot h5:first-child,
.chat-bubble-bot h6:first-child {
  margin-top: 0 !important;
}

/* Tối ưu cho blockquote */
.chat-bubble-bot blockquote {
  margin: 0.75rem 0 !important;
  padding-left: 1rem !important;
  border-left: 3px solid #dee2e6 !important;
}

/* Tối ưu cho code blocks */
.chat-bubble-bot pre {
  margin: 0.75rem 0 !important;
}

.chat-bubble-bot code {
  padding: 0.125rem 0.25rem !important;
}

/* Giảm khoảng cách cho related questions card */
.chatbot-related-questions {
  margin-top: 1rem !important;
}

.chatbot-related-questions .card-header {
  padding: 0.75rem 1rem !important;
}

.chatbot-related-questions .card-body {
  padding: 0.75rem !important;
}

/* CSS cho shortcode content - noi_dung_dieu_khoan */
.chat-bubble-bot .card .card-body {
  line-height: 1.6 !important;
  white-space: pre-line !important; /* Preserve line breaks */
}

/* Fix line breaks cho content khi reload */
.chat-bubble-bot {
  white-space: normal !important;
}

.chat-bubble-bot p {
  white-space: normal !important;
}

/* Đảm bảo shortcode sections có spacing tốt */
.chat-bubble-bot section.card {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.chat-bubble-bot section.card:first-child {
  margin-top: 0 !important;
}

.chat-bubble-bot section.card:last-child {
  margin-bottom: 0 !important;
}

/* Line breaks và formatting cho legal content */
.chat-bubble-bot .card-body br {
  line-height: 1.8 !important;
}

/* Spacing cho các điều khoản pháp luật */
.chat-bubble-bot .card-body {
  font-size: 0.95rem !important;
}

.chat-bubble-bot .card-header {
  font-size: 0.9rem !important;
}

/* Bảng trong nội dung chatbot: thêm viền rõ ràng, dễ đọc */
.chat-bubble-bot table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #dee2e6 !important;
  margin: 0.75rem 0 !important;
}
.chat-bubble-bot th,
.chat-bubble-bot td {
  border: 1px solid #dee2e6 !important;
  padding: .5rem .75rem !important;
  vertical-align: top !important;
  word-break: break-word;
}
.chat-bubble-bot thead th {
  background: #f8f9fa !important;
  color: #495057 !important;
}
.chat-bubble-bot tbody tr:nth-child(odd) {
  background-color: #fcfcfd;
}