.elementor-45981 .elementor-element.elementor-element-e9beab7{--display:flex;--margin-top:30px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45981 .elementor-element.elementor-element-a75dba8{text-align:center;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-45981 .elementor-element.elementor-element-840aef2{text-align:justify;}/* Start custom CSS *//* 1. Tiêu đề chính bài viết động */
.qtu-dynamic-title h1, 
.qtu-dynamic-title {
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #00366c !important;
    line-height: 1.35 !important;
    margin: 0 0 16px 0 !important;
}

/* 2. Metadata (Thông tin ngày đăng, người đăng) */
.qtu-dynamic-meta .elementor-icon-list-items,
.qtu-dynamic-meta {
    display: flex !important;
    gap: 20px !important;
    font-size: 13.5px !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    border-bottom: 1px solid #eef2f7 !important;
    padding-bottom: 20px !important;
    margin-bottom: 35px !important;
}
.qtu-dynamic-meta .elementor-icon-list-icon {
    color: #0054a6 !important;
}

/* 3. 🌟 ĐẶC TRỊ KHỐI NỘI DUNG ĐỘNG (GUTENBERG / CLASSIC EDITOR ĐẨY RA) */
.qtu-dynamic-content-body {
    width: 100% !important;
    max-width: 900px !important; /* Giới hạn chiều rộng tối ưu giúp mắt đọc không bị mỏi */
    margin: 0 auto !important;
}

/* Ép toàn bộ các đoạn văn bản do người dùng viết phải căn đều tăm tắp 2 bên */
.qtu-dynamic-content-body p {
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #334155 !important;
    margin: 0 0 22px 0 !important;
    text-align: justify !important;
}

/* Định phom các tiêu đề heading con trong nội dung */
.qtu-dynamic-content-body h2,
.qtu-dynamic-content-body h3,
.qtu-dynamic-content-body h4 {
    font-family: 'Segoe UI', Roboto, sans-serif !important;
    color: #00366c !important;
    font-weight: 700 !important;
    margin: 40px 0 18px 0 !important;
    line-height: 1.4 !important;
}
.qtu-dynamic-content-body h2 { font-size: 22px !important; }
.qtu-dynamic-content-body h3 { font-size: 19px !important; }

/* Ép phẳng khối trích dẫn blockquote động */
.qtu-dynamic-content-body blockquote {
    background: #f8fafc !important;
    border-left: 4px solid #0054a6 !important;
    padding: 24px !important;
    margin: 30px 0 !important;
    border-radius: 0 12px 12px 0 !important;
}
.qtu-dynamic-content-body blockquote p {
    font-size: 16px !important;
    font-style: italic !important;
    color: #00366c !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

/* Ép phẳng bọc lót tất cả các khối hình ảnh được chèn trong bài viết */
.qtu-dynamic-content-body img,
.qtu-dynamic-content-body .wp-block-image img,
.qtu-dynamic-content-body figure img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    margin: 10px 0 !important;
}
.qtu-dynamic-content-body figcaption {
    font-size: 13px !important;
    color: #64748b !important;
    text-align: center !important;
    font-style: italic !important;
    margin-top: 8px !important;
    font-weight: 600 !important;
}

/* 4. Thanh nút bấm sao chép liên kết phẳng dưới đáy */
.qtu-dynamic-share-bar {
    margin-top: 35px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.share-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #475569;
}
.share-btn {
    margin-left: auto;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.share-copylink {
    background: #0054a6;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 84, 166, 0.1);
}

/* 📟 ĐÒN RESPONSIVE MOBILE */
@media (max-width: 768px) {
    .qtu-dynamic-title h1, .qtu-dynamic-title { font-size: 24px !important; }
    .qtu-dynamic-meta { gap: 12px !important; flex-wrap: wrap; }
    .qtu-dynamic-share-bar { flex-direction: column; align-items: stretch; gap: 10px; text-align: center; }
    .share-btn { margin-left: 0; width: 100%; text-align: center; }
}


/* ==========================================================================
   📸 TỰ ĐỘNG CĂN GIỮA TOÀN BỘ HÌNH ẢNH TRONG NỘI DUNG BÀI VIẾT ĐỘNG
   ========================================================================== */

/* 1. Ép hộp chứa block ảnh của Gutenberg / Classic Editor căn giữa */
.qtu-dynamic-content-body .wp-block-image,
.qtu-dynamic-content-body figure,
.qtu-dynamic-content-body p:has(img) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Cưỡng bách căn giữa tất cả phần tử con bên trong */
    justify-content: center !important;
    text-align: center !important;
    margin: 30px auto !important; /* Tạo khoảng thở trên dưới 30px, trái phải tự động cân bằng */
    width: 100% !important;
}

/* 2. Đảm bảo bản thân thẻ ảnh img thu phóng mượt mà, không bị lệch lề */
.qtu-dynamic-content-body img {
    display: block !important;
    margin-left: auto !important;  /* Bí quyết cốt lõi để tự đẩy lề trái */
    margin-right: auto !important; /* Bí quyết cốt lõi để tự đẩy lề phải */
    max-width: 100% !important;   /* Chống tràn màn hình điện thoại */
    height: auto !important;
}

/* 3. Giữ cho phần chữ mô tả dưới ảnh (Caption) luôn thẳng hàng tâm ảnh */
.qtu-dynamic-content-body figcaption {
    display: block !important;
    width: 100% !important;
    text-align: center !important; /* Căn giữa chữ mô tả */
    margin-top: 10px !important;
}/* End custom CSS */