/* === MARKET INSIGHT DETAIL - CẢI TIẾN === */


.insight-detail .header h1::after {
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: var(--gold-main);
    margin: 20px 0;
}
.insight-detail {
    max-width: 900px;
    margin: auto;
}

.breadcrumb {
    color: #B0A28C;
}
.breadcrumb span {
    color: inherit;
}

/* 🏆 Định dạng chữ cho đoạn văn */
.insight-detail .content p {
    margin-bottom: 15px;
}

.insight-detail .content blockquote {
    position: relative;
    background: rgba(255, 255, 255, 0.04); /* nền xám mờ nhẹ */
    padding: 20px 25px;
    border-left: 2px solid rgba(255, 255, 255, 0.1); /* viền mờ nhẹ */
    color: var(--text-color);
    font-style: italic;
    font-size: 1.05em;
    margin: 30px 0;
    border-radius: 0;
    box-shadow: none;
    transition: background 0.3s ease-in-out;
}

.insight-detail .content blockquote::before {
    content: "“";
    font-size: 3em;
    line-height: 1;
    color: var(--gold-main);
    position: absolute;
    top: 0px;
    left: 10px;
    opacity: 0.4;
    font-family: Georgia, serif;
}


/* === TAGS === */
.insight-detail .tags {
    margin-top: 20px;
}

.insight-detail .tags ul {
    padding: 0;
    list-style: none;
}

.insight-detail .tags li {
    display: inline-block;
    margin-right: 10px;
}

.insight-detail .tags a {
    background: rgba(224, 199, 143, 0.2);
    color: var(--gold-main);
    padding: 5px 10px;
    border-radius: 4px;
    transition: background 0.3s ease-in-out;
}

.insight-detail .tags a:hover {
    background: rgba(224, 199, 143, 0.4);
}

/* === ĐIỀU HƯỚNG BÀI VIẾT === */
.insight-detail .pager {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #565555;
}

.insight-detail .pager a {
    color: var(--gold-main);
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

.insight-detail .pager a:hover {
    color: var(--gold-hover);
}

/* 🏆 Bình luận */
.insight-detail .comment_marketinsight {
    margin-top: 40px;
}

.insight-detail .comment_marketinsight h2 {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--gold-main);
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(224, 199, 143, 0.3);
}

/* 🏆 Ảnh hiển thị đẹp trong nội dung bài viết */



/* 🏆 Ảnh có caption */
.insight-detail figure {
    text-align: center;  /* Căn giữa caption */
    margin: 20px auto;
}

.insight-detail figcaption {
    font-size: 0.8em;
    color: #AAA;  /* Màu chữ xám nhạt, không quá nổi bật */
    font-style: italic;
    margin-top: 5px;
}

hr {
    border: 0;
    height: 1px;
    margin: 30px 0;
    background: linear-gradient(
        to right,
        rgba(224, 199, 143, 0.3),
        rgba(255, 255, 255, 0.1),
        rgba(224, 199, 143, 0.3)
    );
}

/* giam pading cho anh vaf blockquote khi man hinh nho */
@media (max-width: 768px) {
    .insight-detail .content blockquote {
        padding: 15px 15px;
        font-size: 1em;
    }

    .insight-detail img {
        padding: 5px;
        border-radius: 6px;
    }

    .insight-detail {
        padding: 20px 15px;
    }
}

.divider {
  border: none;
  border-top: 1px solid #ddd;   /* nhẹ nhàng */
  margin: 40px 0 20px;
}

.newsletter-footer {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;              /* nhỏ hơn body (thường 14–16px) */
  color: #666;                  /* xám nhạt */
  line-height: 1.5;
}

.newsletter-footer a {
  color: #8f8a7a;                  /* không quá đậm, vẫn dễ nhìn */
  text-decoration: none;
}

.advisory {
  margin-bottom: 10px;
  font-weight: 500;             /* nhấn nhẹ */
}

.disclaimer {
  border-left: 3px solid #d4af37; /* thương hiệu (gold) */
  padding-left: 10px;
  font-size: 11px;              /* nhỏ hơn advisory */
  color: #777;
}