/*
Theme Name: Tygiachoden
Version: 1.0.0
Author: You
Description: Theme tỷ giá chợ đen
*/

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial,
    sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #111827;
}
h1 {
  font-size: 20px;
  font-weight: 600;
}
h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}

.text-up {
  color: #16a34a;
} /* xanh */
.text-down {
  color: #dc2626;
} /* đỏ */
.text-neutral {
  color: #6b7280;
} /* xám */

/* Style riêng cho nội dung WordPress */
.block-wysiwyg h1,
.content-area h1 {
  font-size: 1.75rem; /* ~24px */
  font-weight: 700;
  margin-top: 1.75rem;
  margin-bottom: 1rem;
}
.block-wysiwyg h2,
.content-area h2 {
  font-size: 1.25rem; /* ~20px */
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}
.block-wysiwyg h3,
.content-area h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.block-wysiwyg p,
.content-area p {
  margin-bottom: 1rem;
  line-height: 1.6;
}
.block-wysiwyg ul,
.content-area ul {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.block-wysiwyg ol,
.content-area ol {
  list-style-type: decimal;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.block-wysiwyg a,
.content-area a {
  color: #2563eb; /* xanh Tailwind blue-600 */
  text-decoration: underline;
}
/* Thêm khoảng cách giữa các li trong nội dung */
.block-wysiwyg ul li,
.block-wysiwyg ol li,
.content-area ul li,
.content-area ol li {
  margin-bottom: 0.5rem; /* khoảng cách 8px */
  line-height: 1.6; /* dãn dòng dễ đọc hơn */
}

/* Style cho blockquote trong nội dung bài viết */
.block-wysiwyg blockquote,
.content-area blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 4px solid #3b82f6; /* xanh-500 */
  background-color: #f9fafb; /* gray-50 */
  border-radius: 0.25rem;
  font-style: italic;
  color: #374151; /* gray-700 */
}

.block-wysiwyg blockquote p,
.content-area blockquote p {
  margin: 0; /* bỏ margin mặc định */
}

.block-wysiwyg blockquote cite,
.content-area blockquote cite {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.875rem; /* text-sm */
  color: #6b7280; /* gray-500 */
  text-align: right;
}

.block-wysiwyg *:first-child {
  margin-top: 0;
}

.block-wysiwyg *:last-child {
  margin-bottom: 0;
}

/* Style cho comment reply (children) */
.comment-list .children {
  margin-left: 1.5rem; /* thụt vào */
  padding-left: 1rem; /* tạo khoảng cách với border */
}

.comment-list .children .children {
  margin-top: 1rem;
}

/* Rotate icon when details opened */
details[open] .faq-icon {
  transform: rotate(180deg);
}
/* Remove default disclosure marker on Safari */
summary::-webkit-details-marker {
  display: none;
}

/* Giới hạn chiều cao logo trong header */
.custom-logo {
  max-height: 32px;
  height: auto;
  width: auto;
}
/* Nếu cần căn giữa theo chiều dọc */
.site-branding .custom-logo-link {
  display: inline-flex;
  align-items: center;
}